@langgraph-js/sdk 1.7.0 → 1.7.2

package/dist/LangGraphClient.d.ts

@@ -40,6 +40,7 @@ export type RenderMessage = Message & {
         input_tokens: number;
         output_tokens: number;
     };
+    tool_call_id?: string;
     response_metadata?: {
         create_time: string;
     };

package/dist/LangGraphClient.js

@@ -162,7 +162,7 @@ export class LangGraphClient extends Client {
         const closedToolCallIds = new Set();
         const result = [];
         const inputMessages = this.combineGraphMessagesWithStreamingMessages();
-        console.log(inputMessages);
+        // console.log(inputMessages);
         // 从后往前遍历，这样可以保证最新的消息在前面
         for (let i = inputMessages.length - 1; i >= 0; i--) {
             const message = this.cloneMessage(inputMessages[i]);
@@ -226,13 +226,8 @@ export class LangGraphClient extends Client {
         let lastMessage = null;
         for (const message of result) {
             const createTime = ((_a = message.response_metadata) === null || _a === void 0 ? void 0 : _a.create_time) || "";
-            try {
-                // 用长度作为渲染 id，长度变了就要重新渲染
-                message.unique_id = message.id + JSON.stringify(message.content).length;
-            }
-            catch (e) {
-                message.unique_id = message.id;
-            }
+            // 工具必须要使用 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;
@@ -340,8 +335,7 @@ export class LangGraphClient extends Client {
             return false;
         }
         const tool = this.tools.getTool(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.name);
-        console.log(tool);
-        return tool && tool.onlyRender && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === "tool" && !((_a = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.additional_kwargs) === null || _a === void 0 ? void 0 : _a.done);
+        return tool && tool.render && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === "tool" && !((_a = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.additional_kwargs) === null || _a === void 0 ? void 0 : _a.done);
     }
     /**
      * @zh 取消当前的 Run。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langgraph-js/sdk",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "The UI SDK for LangGraph - seamlessly integrate your AI agents with frontend interfaces",
   "main": "dist/index.js",
   "type": "module",

package/src/LangGraphClient.ts

@@ -40,6 +40,7 @@ export type RenderMessage = Message & {
         input_tokens: number;
         output_tokens: number;
     };
+    tool_call_id?: string;
     response_metadata?: {
         create_time: string;
     };
@@ -231,7 +232,7 @@ export class LangGraphClient extends Client {
         const closedToolCallIds = new Set<string>();
         const result: Message[] = [];
         const inputMessages = this.combineGraphMessagesWithStreamingMessages();
-        console.log(inputMessages);
+        // console.log(inputMessages);
         // 从后往前遍历，这样可以保证最新的消息在前面
         for (let i = inputMessages.length - 1; i >= 0; i--) {
             const message = this.cloneMessage(inputMessages[i]);
@@ -295,12 +296,9 @@ export class LangGraphClient extends Client {
         let lastMessage: RenderMessage | null = null;
         for (const message of result) {
             const createTime = message.response_metadata?.create_time || "";
-            try {
-                // 用长度作为渲染 id，长度变了就要重新渲染
-                message.unique_id = message.id! + JSON.stringify(message.content).length;
-            } catch (e) {
-                message.unique_id = message.id!;
-            }
+            // 工具必须要使用 tool_call_id 来保证一致性
+            message.unique_id = message.tool_call_id! || message.id!;
+
             message.spend_time = new Date(createTime).getTime() - new Date(lastMessage?.response_metadata?.create_time || createTime).getTime();
             if (!message.usage_metadata && (message as AIMessage).response_metadata?.usage) {
                 const usage = (message as AIMessage).response_metadata!.usage as {
@@ -416,8 +414,7 @@ export class LangGraphClient extends Client {
             return false;
         }
         const tool = this.tools.getTool(lastMessage?.name!);
-        console.log(tool);
-        return tool && tool.onlyRender && lastMessage?.type === "tool" && !lastMessage?.additional_kwargs?.done;
+        return tool && tool.render && lastMessage?.type === "tool" && !lastMessage?.additional_kwargs?.done;
     }
     graphState: any = {};
     currentRun?: { run_id: string };