@langgraph-js/sdk 1.12.0 → 2.0.0

package/dist/MessageProcessor.js

@@ -0,0 +1,324 @@
+/**
+ * @zh StreamingMessageType 类用于判断消息的类型。
+ * @en The StreamingMessageType class is used to determine the type of a message.
+ */
+export class StreamingMessageType {
+    static isTool(m) {
+        return m.type === "tool";
+    }
+    static isToolAssistant(m) {
+        var _a, _b;
+        /** @ts-ignore */
+        return m.type === "ai" && (((_a = m.tool_calls) === null || _a === void 0 ? void 0 : _a.length) || ((_b = m.tool_call_chunks) === null || _b === void 0 ? void 0 : _b.length));
+    }
+}
+/**
+ * @zh MessageProcessor 类用于统一处理 Message 相关的逻辑，避免重复处理。
+ * @en The MessageProcessor class is used to uniformly handle Message-related logic and avoid duplicate processing.
+ */
+export class MessageProcessor {
+    constructor(subAgentsKey = "task_store") {
+        /** 流式消息缓存 */
+        this.streamingMessage = [];
+        /** 图发过来的更新信息 */
+        this.graphMessages = [];
+        this.subAgentsKey = subAgentsKey;
+    }
+    /**
+     * @zh 获取流式消息
+     * @en Get streaming messages
+     */
+    getStreamingMessages() {
+        return [...this.streamingMessage];
+    }
+    /**
+     * @zh 设置流式消息
+     * @en Set streaming messages
+     */
+    setStreamingMessages(messages) {
+        this.streamingMessage = messages;
+    }
+    /**
+     * @zh 清空流式消息
+     * @en Clear streaming messages
+     */
+    clearStreamingMessages() {
+        this.streamingMessage = [];
+    }
+    /**
+     * @zh 获取图消息
+     * @en Get graph messages
+     */
+    getGraphMessages() {
+        return [...this.graphMessages];
+    }
+    /**
+     * @zh 设置图消息
+     * @en Set graph messages
+     */
+    setGraphMessages(messages) {
+        this.graphMessages = messages;
+    }
+    /**
+     * @zh 更新流式消息
+     * @en Update streaming message
+     */
+    updateStreamingMessage(message) {
+        const lastMessage = this.streamingMessage[this.streamingMessage.length - 1];
+        if (!(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id) || message.id !== lastMessage.id) {
+            this.streamingMessage.push(message);
+            return;
+        }
+        this.streamingMessage[this.streamingMessage.length - 1] = message;
+    }
+    /**
+     * @zh 将 graphMessages 和 streamingMessage 合并，并返回新的消息数组
+     * @en Combine graphMessages and streamingMessage and return a new message array
+     */
+    combineGraphMessagesWithStreamingMessages() {
+        const idMap = new Map(this.streamingMessage.map((i) => [i.id, i]));
+        return [
+            ...this.graphMessages.map((i) => {
+                if (idMap.has(i.id)) {
+                    const newValue = idMap.get(i.id);
+                    idMap.delete(i.id);
+                    return newValue;
+                }
+                return i;
+            }),
+            ...idMap.values(),
+        ];
+    }
+    /**
+     * @zh 子图的数据需要通过 merge 的方式重新进行合并更新
+     * @en Subgraph data needs to be merged and updated through merge method
+     */
+    mergeSubGraphMessagesToStreamingMessages(messages) {
+        const map = new Map(messages.filter((i) => i.id).map((i) => [i.id, i]));
+        this.streamingMessage.forEach((i) => {
+            if (map.has(i.id)) {
+                const newValue = map.get(i.id);
+                Object.assign(i, newValue);
+                map.delete(i.id);
+            }
+        });
+        // 剩余的 message 一定不在 streamMessage 中
+        map.forEach((i) => {
+            if (i.type === "tool" && i.tool_call_id) {
+                this.streamingMessage.push(i);
+            }
+        });
+    }
+    /**
+     * @zh 克隆消息对象
+     * @en Clone message object
+     */
+    cloneMessage(message) {
+        return JSON.parse(JSON.stringify(message));
+    }
+    /**
+     * @zh 为消息附加额外的信息，如耗时、唯一 ID 等。
+     * @en Attaches additional information to messages, such as spend time, unique ID, etc.
+     */
+    attachInfoForMessage(messages) {
+        var _a, _b, _c;
+        let lastMessage = null;
+        const result = [...messages]; // 创建副本避免修改原数组
+        for (const message of result) {
+            const createTime = ((_a = message.response_metadata) === null || _a === void 0 ? void 0 : _a.create_time) || "";
+            // 工具必须要使用 tool_call_id 来保证一致性
+            message.unique_id = message.tool_call_id || message.id;
+            message.spend_time = new Date(createTime).getTime() - new Date(((_b = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.response_metadata) === null || _b === void 0 ? void 0 : _b.create_time) || createTime).getTime();
+            if (!message.usage_metadata && ((_c = message.response_metadata) === null || _c === void 0 ? void 0 : _c.usage)) {
+                const usage = message.response_metadata.usage;
+                message.usage_metadata = {
+                    ...usage,
+                    input_tokens: usage.prompt_tokens,
+                    output_tokens: usage.completion_tokens,
+                    total_tokens: usage.total_tokens,
+                };
+            }
+            lastMessage = message;
+        }
+        return result;
+    }
+    /**
+     * @zh 组合工具消息，将 AI 的工具调用和工具的执行结果关联起来。
+     * @en Composes tool messages, associating AI tool calls with tool execution results.
+     */
+    composeToolMessages(messages) {
+        var _a, _b;
+        const result = [];
+        const assistantToolMessages = new Map();
+        const toolParentMessage = new Map();
+        for (const message of messages) {
+            if (StreamingMessageType.isToolAssistant(message)) {
+                /** @ts-ignore 只有 tool_call_chunks 的 args 才是文本 */
+                (_a = (message.tool_calls || message.tool_call_chunks)) === null || _a === void 0 ? void 0 : _a.forEach((element) => {
+                    assistantToolMessages.set(element.id, element);
+                    toolParentMessage.set(element.id, message);
+                });
+                if (!message.content)
+                    continue;
+            }
+            if (StreamingMessageType.isTool(message) && !message.tool_input) {
+                const assistantToolMessage = assistantToolMessages.get(message.tool_call_id);
+                const parentMessage = toolParentMessage.get(message.tool_call_id);
+                if (assistantToolMessage) {
+                    message.tool_input = typeof assistantToolMessage.args !== "string" ? JSON.stringify(assistantToolMessage.args) : assistantToolMessage.args;
+                    if (message.additional_kwargs) {
+                        message.additional_kwargs.done = true;
+                        message.done = true;
+                    }
+                    else {
+                        message.done = true;
+                        message.additional_kwargs = {
+                            done: true,
+                        };
+                    }
+                }
+                if (parentMessage) {
+                    message.usage_metadata = parentMessage.usage_metadata;
+                    message.node_name = parentMessage.name;
+                    // 修补特殊情况下，tool name 丢失的问题
+                    if (!message.name) {
+                        message.name = (_b = parentMessage.tool_calls.find((i) => i.id === message.tool_call_id)) === null || _b === void 0 ? void 0 : _b.name;
+                    }
+                }
+            }
+            result.push(message);
+        }
+        return result;
+    }
+    /**
+     * @zh 转换 subAgent 消息为工具的子消息
+     * @en Convert subAgent messages to tool sub-messages
+     */
+    convertSubAgentMessages(messages, graphState) {
+        const origin_task_store = graphState[this.subAgentsKey];
+        if (!origin_task_store)
+            return messages;
+        const task_store = JSON.parse(JSON.stringify(origin_task_store));
+        /** 获取 subAgent 消息的 id，用于流式过程中对数据进行标记 */
+        messages
+            .filter((i) => {
+            var _a;
+            return (_a = i.node_name) === null || _a === void 0 ? void 0 : _a.startsWith("subagent_");
+        })
+            .forEach((i) => {
+            const tool_call_id = i.node_name.replace("subagent_", "");
+            const store = task_store[tool_call_id];
+            if (store) {
+                // 根据 id 进行去重
+                const exists = store.messages.some((msg) => msg.id === i.id);
+                if (!exists) {
+                    store.messages.push(i);
+                }
+            }
+            else {
+                task_store[tool_call_id] = {
+                    messages: [i],
+                };
+            }
+        });
+        const ignoreIds = new Set();
+        Object.values(task_store).forEach((task) => {
+            task.messages.forEach((message) => {
+                ignoreIds.add(message.id);
+            });
+        });
+        const result = [];
+        for (const message of messages) {
+            if (message.type === "tool" && message.tool_call_id) {
+                const task = task_store[message.tool_call_id];
+                if (task) {
+                    // 递归处理子消息，但避免重复处理
+                    message.sub_agent_messages = this.processMessages(task.messages);
+                }
+            }
+            if (message.id && ignoreIds.has(message.id))
+                continue;
+            result.push(message);
+        }
+        return result;
+    }
+    /**
+     * @zh 生成用于 UI 中的流式渲染的消息
+     * @en Generate messages used for streaming rendering in the UI
+     */
+    renderMessages(graphState, getGraphNodeNow) {
+        var _a;
+        const previousMessage = new Map();
+        const closedToolCallIds = new Set();
+        const result = [];
+        const inputMessages = this.combineGraphMessagesWithStreamingMessages();
+        // 从后往前遍历，这样可以保证最新的消息在前面
+        for (let i = inputMessages.length - 1; i >= 0; i--) {
+            const message = this.cloneMessage(inputMessages[i]);
+            if (!message.id) {
+                result.unshift(message);
+                continue;
+            }
+            if (message.type === "ai") {
+                /** @ts-ignore */
+                if (!message.name)
+                    message.name = getGraphNodeNow().name;
+            }
+            if (StreamingMessageType.isToolAssistant(message)) {
+                const m = message;
+                // 记录这个 id 的消息，并添加到结果中
+                previousMessage.set(message.id, m);
+                /** @ts-ignore */
+                const tool_calls = ((_a = m.tool_calls) === null || _a === void 0 ? void 0 : _a.length) ? m.tool_calls : m.tool_call_chunks;
+                const new_tool_calls = tool_calls
+                    .filter((i) => {
+                    return !closedToolCallIds.has(i.id);
+                })
+                    .map((tool, index) => {
+                    var _a, _b, _c, _d;
+                    return {
+                        type: "tool",
+                        additional_kwargs: {},
+                        /** @ts-ignore */
+                        tool_input: (_d = (_c = (_b = (_a = m.additional_kwargs) === null || _a === void 0 ? void 0 : _a.tool_calls) === null || _b === void 0 ? void 0 : _b[index]) === null || _c === void 0 ? void 0 : _c.function) === null || _d === void 0 ? void 0 : _d.arguments,
+                        id: tool.id,
+                        name: tool.name,
+                        response_metadata: {},
+                        tool_call_id: tool.id,
+                        content: "",
+                    };
+                });
+                for (const tool of new_tool_calls) {
+                    if (!previousMessage.has(tool.id)) {
+                        result.unshift(tool);
+                        previousMessage.set(tool.id, tool);
+                    }
+                }
+                result.unshift(m);
+            }
+            else {
+                if (message.type === "tool" && message.tool_call_id) {
+                    closedToolCallIds.add(message.tool_call_id);
+                }
+                previousMessage.set(message.id, message);
+                result.unshift(message);
+            }
+        }
+        return this.processMessages(result, graphState);
+    }
+    /**
+     * @zh 统一的消息处理入口，按顺序执行所有处理步骤
+     * @en Unified message processing entry point, executing all processing steps in order
+     */
+    processMessages(messages, graphState) {
+        // 1. 组合工具消息
+        const composedMessages = this.composeToolMessages(messages);
+        // 2. 附加信息
+        const messagesWithInfo = this.attachInfoForMessage(composedMessages);
+        // 3. 转换子代理消息（如果提供了 graphState）
+        if (graphState) {
+            return this.convertSubAgentMessages(messagesWithInfo, graphState);
+        }
+        return messagesWithInfo;
+    }
+}

package/dist/TestKit.d.ts

@@ -1,5 +1,5 @@
 import { RenderMessage } from "./LangGraphClient.js";
-import { Message } from "@langchain/langgraph-sdk";
+import type { Message } from "@langchain/langgraph-sdk";
 import { CallToolResult, UnionTool } from "./tool/createTool.js";
 import { createChatStore } from "./ui-store/createChatStore.js";
 /**
@@ -89,7 +89,7 @@ export declare class TestLangGraphChat {
      * @zh 准备测试环境，初始化客户端连接
      * @en Prepare test environment, initialize client connection
      */
-    ready(): Promise<import("./LangGraphClient.js").LangGraphClient> | undefined;
+    ready(): Promise<import("./LangGraphClient.js").LangGraphClient<unknown, unknown>> | undefined;
     /**
      * @zh 模拟人类输入消息并等待测试任务完成，这是测试的核心方法
      * @en Simulate human input and wait for test tasks to complete, this is the core test method

package/dist/client/LanggraphServer.d.ts

@@ -0,0 +1,2 @@
+import { ILangGraphClient } from "../types.js";
+export declare const createLangGraphServerClient: () => Promise<ILangGraphClient>;

package/dist/client/LanggraphServer.js

@@ -0,0 +1,4 @@
+export const createLangGraphServerClient = async () => {
+    const { Client } = await import("@langchain/langgraph-sdk");
+    return new Client();
+};

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./LangGraphClient.js";
+export * from "./MessageProcessor.js";
+export * from "./types.js";
 export * from "./tool/index.js";
 export * from "@langchain/langgraph-sdk";
 export * from "./ui-store/index.js";

package/dist/index.js

@@ -1,4 +1,6 @@
 export * from "./LangGraphClient.js";
+export * from "./MessageProcessor.js";
+export * from "./types.js";
 export * from "./tool/index.js";
 export * from "@langchain/langgraph-sdk";
 export * from "./ui-store/index.js";

package/dist/types.d.ts

@@ -0,0 +1,130 @@
+import { Thread, Assistant, Run, StreamMode, Command, Metadata, AssistantGraph, OnConflictBehavior, ThreadStatus, ValuesStreamEvent, UpdatesStreamEvent, DebugStreamEvent, MessagesStreamEvent, MessagesTupleStreamEvent, CustomStreamEvent, EventsStreamEvent, ErrorStreamEvent, MetadataStreamEvent, FeedbackStreamEvent, Config, Checkpoint } from "@langchain/langgraph-sdk";
+import { StreamEvent } from "@langchain/core/tracers/log_stream";
+export type AssistantSortBy = "assistant_id" | "graph_id" | "name" | "created_at" | "updated_at";
+export type ThreadSortBy = "thread_id" | "status" | "created_at" | "updated_at";
+export type SortOrder = "asc" | "desc";
+export type RunStatus = "pending" | "running" | "error" | "success" | "timeout" | "interrupted";
+export type MultitaskStrategy = "reject" | "interrupt" | "rollback" | "enqueue";
+export type DisconnectMode = "cancel" | "continue";
+export type OnCompletionBehavior = "complete" | "continue";
+export type CancelAction = "interrupt" | "rollback";
+export type TypedAsyncGenerator<TStreamMode extends StreamMode | StreamMode[] = [], TSubgraphs extends boolean = false, TStateType = unknown, TUpdateType = TStateType, TCustomType = unknown> = AsyncGenerator<{
+    values: ValuesStreamEvent<TStateType>;
+    updates: UpdatesStreamEvent<TUpdateType>;
+    custom: CustomStreamEvent<TCustomType>;
+    debug: DebugStreamEvent;
+    messages: MessagesStreamEvent;
+    "messages-tuple": MessagesTupleStreamEvent;
+    events: EventsStreamEvent;
+}[TStreamMode extends StreamMode[] ? TStreamMode[number] : TStreamMode] | ErrorStreamEvent | MetadataStreamEvent | FeedbackStreamEvent>;
+/**
+ * 兼容 LangGraph SDK 的接口定义，方便进行无侵入式的扩展
+ */
+export interface ILangGraphClient<TStateType = unknown, TUpdateType = TStateType> {
+    assistants: {
+        search(query?: {
+            graphId?: string;
+            metadata?: Metadata;
+            limit?: number;
+            offset?: number;
+            sortBy?: AssistantSortBy;
+            sortOrder?: SortOrder;
+        }): Promise<Assistant[]>;
+        getGraph(assistantId: string, options?: {
+            xray?: boolean | number;
+        }): Promise<AssistantGraph>;
+    };
+    threads: {
+        create<ValuesType = TStateType>(payload?: {
+            metadata?: Metadata;
+            threadId?: string;
+            ifExists?: OnConflictBehavior;
+            graphId?: string;
+            supersteps?: Array<{
+                updates: Array<{
+                    values: unknown;
+                    command?: Command;
+                    asNode: string;
+                }>;
+            }>;
+        }): Promise<Thread<ValuesType>>;
+        search<ValuesType = TStateType>(query?: {
+            metadata?: Metadata;
+            limit?: number;
+            offset?: number;
+            status?: ThreadStatus;
+            sortBy?: ThreadSortBy;
+            sortOrder?: SortOrder;
+        }): Promise<Thread<ValuesType>[]>;
+        get<ValuesType = TStateType>(threadId: string): Promise<Thread<ValuesType>>;
+        delete(threadId: string): Promise<void>;
+    };
+    runs: {
+        list(threadId: string, options?: {
+            limit?: number;
+            offset?: number;
+            status?: RunStatus;
+        }): Promise<Run[]>;
+        stream<TStreamMode extends StreamMode | StreamMode[] = StreamMode, TSubgraphs extends boolean = false>(threadId: null, assistantId: string, payload?: {
+            input?: Record<string, unknown> | null;
+            metadata?: Metadata;
+            config?: Config;
+            checkpointId?: string;
+            checkpoint?: Omit<Checkpoint, "thread_id">;
+            checkpointDuring?: boolean;
+            interruptBefore?: "*" | string[];
+            interruptAfter?: "*" | string[];
+            signal?: AbortController["signal"];
+            webhook?: string;
+            onDisconnect?: DisconnectMode;
+            afterSeconds?: number;
+            ifNotExists?: "create" | "reject";
+            command?: Command;
+            onRunCreated?: (params: {
+                run_id: string;
+                thread_id?: string;
+            }) => void;
+            streamMode?: TStreamMode;
+            streamSubgraphs?: TSubgraphs;
+            streamResumable?: boolean;
+            feedbackKeys?: string[];
+        }): TypedAsyncGenerator<TStreamMode, TSubgraphs, TStateType, TUpdateType>;
+        stream<TStreamMode extends StreamMode | StreamMode[] = StreamMode, TSubgraphs extends boolean = false>(threadId: string, assistantId: string, payload?: {
+            input?: Record<string, unknown> | null;
+            metadata?: Metadata;
+            config?: Config;
+            checkpointId?: string;
+            checkpoint?: Omit<Checkpoint, "thread_id">;
+            checkpointDuring?: boolean;
+            interruptBefore?: "*" | string[];
+            interruptAfter?: "*" | string[];
+            multitaskStrategy?: MultitaskStrategy;
+            onCompletion?: OnCompletionBehavior;
+            signal?: AbortController["signal"];
+            webhook?: string;
+            onDisconnect?: DisconnectMode;
+            afterSeconds?: number;
+            ifNotExists?: "create" | "reject";
+            command?: Command;
+            onRunCreated?: (params: {
+                run_id: string;
+                thread_id?: string;
+            }) => void;
+            streamMode?: TStreamMode;
+            streamSubgraphs?: TSubgraphs;
+            streamResumable?: boolean;
+            feedbackKeys?: string[];
+        }): TypedAsyncGenerator<TStreamMode, TSubgraphs, TStateType, TUpdateType>;
+        joinStream(threadId: string | undefined | null, runId: string, options?: {
+            signal?: AbortSignal;
+            cancelOnDisconnect?: boolean;
+            lastEventId?: string;
+            streamMode?: StreamMode | StreamMode[];
+        } | AbortSignal): AsyncGenerator<{
+            id?: string;
+            event: StreamEvent;
+            data: any;
+        }>;
+        cancel(threadId: string, runId: string, wait?: boolean, action?: CancelAction): Promise<void>;
+    };
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/ui-store/createChatStore.d.ts

@@ -31,7 +31,7 @@ export declare const createChatStore: (initClientName: string, config: LangGraph
     onInit?: (client: LangGraphClient) => void;
 }) => {
     data: {
-        client: import("nanostores").PreinitializedWritableAtom<LangGraphClient | null> & object;
+        client: import("nanostores").PreinitializedWritableAtom<LangGraphClient<unknown, unknown> | null> & object;
         renderMessages: import("nanostores").PreinitializedWritableAtom<RenderMessage[]> & object;
         userInput: import("nanostores").PreinitializedWritableAtom<string> & object;
         loading: import("nanostores").PreinitializedWritableAtom<boolean> & object;
@@ -52,7 +52,7 @@ export declare const createChatStore: (initClientName: string, config: LangGraph
         refreshTools: () => Promise<void>;
         setTools(new_tools: UnionTool<any>[]): void;
         isFELocking(): boolean | undefined;
-        initClient: () => Promise<LangGraphClient>;
+        initClient: () => Promise<LangGraphClient<unknown, unknown>>;
         sendMessage: (message?: Message[], extraData?: SendMessageOptions) => Promise<void>;
         stopGeneration: () => void;
         toggleToolCollapse: (toolId: string) => void;
@@ -84,7 +84,7 @@ export declare const createChatStore: (initClientName: string, config: LangGraph
          */
         toHistoryChat(thread: Thread<{
             messages: Message[];
-        }>): Promise<Thread<import("@langchain/langgraph-sdk").DefaultValues> | undefined>;
+        }>): Promise<Thread<unknown> | undefined>;
         /**
          * @zh 删除指定的历史聊天会话。
          * @en Deletes the specified historical chat session.

package/dist/ui-store/createChatStore.js

@@ -2,6 +2,7 @@ import { atom } from "nanostores";
 import { LangGraphClient } from "../LangGraphClient.js";
 import { debounce } from "ts-debounce";
 import { ToolRenderData } from "../tool/ToolUI.js";
+import { createLangGraphServerClient } from "../client/LanggraphServer.js";
 /**
  * @zh 格式化日期对象为时间字符串。
  * @en Formats a Date object into a time string.
@@ -102,35 +103,50 @@ export const createChatStore = (initClientName, config, context = {}) => {
      * @en Initializes the LangGraph client.
      */
     async function initClient() {
-        var _a;
-        const newClient = new LangGraphClient(config);
+        var _a, _b;
+        const newClient = new LangGraphClient({
+            ...config,
+            client: (_a = config.client) !== null && _a !== void 0 ? _a : (await createLangGraphServerClient()),
+        });
         await newClient.initAssistant(currentAgent.get());
         currentAgent.set(newClient.getCurrentAssistant().graph_id);
         // 不再需要创建，sendMessage 会自动创建
         // await newClient.createThread();
         inChatError.set(null);
-        newClient.onStreamingUpdate((event) => {
+        // 监听流开始事件
+        newClient.on("start", () => {
+            loading.set(true);
+        });
+        // 监听 Thread 创建和流完成事件
+        newClient.on("thread", () => {
+            var _a;
+            currentChatId.set(((_a = newClient.getCurrentThread()) === null || _a === void 0 ? void 0 : _a.thread_id) || null);
+            // 创建新流程时，默认为 __start__
+            currentNodeName.set("__start__");
+            // 创建新会话时，需要自动刷新历史面板
+            refreshHistoryList();
+        });
+        newClient.on("done", () => {
+            loading.set(false);
+            updateUI(newClient);
+        });
+        // 监听错误事件
+        newClient.on("error", (event) => {
+            loading.set(false);
+            inChatError.set(event.data);
+        });
+        // 监听消息和值更新事件
+        newClient.on("message", () => {
+            var _a;
+            currentChatId.set(((_a = newClient.getCurrentThread()) === null || _a === void 0 ? void 0 : _a.thread_id) || null);
+            updateUI(newClient);
+        });
+        newClient.on("value", () => {
             var _a;
             currentChatId.set(((_a = newClient.getCurrentThread()) === null || _a === void 0 ? void 0 : _a.thread_id) || null);
-            if (event.type === "start")
-                loading.set(true);
-            if (event.type === "thread" || event.type === "done") {
-                // console.log(event.data);
-                // 创建新流程时，默认为 __start__
-                currentNodeName.set("__start__");
-                if (event.type === "done")
-                    loading.set(false);
-                // 创建新会话时，需要自动刷新历史面板
-                return refreshHistoryList();
-            }
-            if (event.type === "error") {
-                loading.set(false);
-                inChatError.set(event.data);
-            }
-            // console.log(newClient.renderMessage);
             updateUI(newClient);
         });
-        (_a = context.onInit) === null || _a === void 0 ? void 0 : _a.call(context, newClient);
+        (_b = context.onInit) === null || _b === void 0 ? void 0 : _b.call(context, newClient);
         newClient.graphState = {};
         client.set(newClient);
         if (showGraph.get())
@@ -299,7 +315,7 @@ export const createChatStore = (initClientName, config, context = {}) => {
              */
             async deleteHistoryChat(thread) {
                 var _a;
-                await ((_a = client.get()) === null || _a === void 0 ? void 0 : _a.threads.delete(thread.thread_id));
+                await ((_a = client.get()) === null || _a === void 0 ? void 0 : _a.deleteThread(thread.thread_id));
                 await refreshHistoryList();
             },
             getToolUIRender,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langgraph-js/sdk",
-  "version": "1.12.0",
+  "version": "2.0.0",
   "description": "The UI SDK for LangGraph - seamlessly integrate your AI agents with frontend interfaces",
   "main": "dist/index.js",
   "type": "module",
@@ -30,6 +30,7 @@
   },
   "dependencies": {
     "@langchain/langgraph-sdk": "^0.0.77",
+    "eventemitter3": "^5.0.1",
     "jsonrepair": "^3.12.0",
     "nanostores": "^1.0.1",
     "ts-debounce": "^4.0.0",