@langgraph-js/sdk 1.5.3 → 1.5.5

package/dist/LangGraphClient.d.ts

@@ -75,7 +75,7 @@ export declare class StreamingMessageType {
     static isToolAssistant(m: Message): any;
 }
 type StreamingUpdateEvent = {
-    type: "message" | "value" | "update" | "error" | "thread" | "done";
+    type: "message" | "value" | "update" | "error" | "thread" | "done" | "start";
     data: any;
 };
 type StreamingUpdateCallback = (event: StreamingUpdateEvent) => void;

package/dist/LangGraphClient.js

@@ -279,6 +279,7 @@ export class LangGraphClient extends Client {
                     message.usage_metadata = parentMessage.usage_metadata;
                     message.node_name = parentMessage.name;
                 }
+                message.id = message.tool_call_id;
             }
             result.push(message);
         }
@@ -368,6 +369,12 @@ export class LangGraphClient extends Client {
                 command,
             });
         const streamRecord = [];
+        this.emitStreamingUpdate({
+            type: "start",
+            data: {
+                event: "start",
+            },
+        });
         for await (const chunk of streamResponse) {
             streamRecord.push(chunk);
             if (chunk.event === "metadata") {
@@ -403,7 +410,6 @@ export class LangGraphClient extends Client {
                         });
                     }
                     this.graphState = chunk.data;
-                    this.streamingMessage = [];
                 }
                 continue;
             }
@@ -423,6 +429,7 @@ export class LangGraphClient extends Client {
                 event: "done",
             },
         });
+        this.streamingMessage = [];
         return streamRecord;
     }
     /** 子图的数据需要通过 merge 的方式重新进行合并更新 */
@@ -444,8 +451,10 @@ export class LangGraphClient extends Client {
     }
     runFETool() {
         var _a;
-        const data = this.graphMessages;
+        const data = this.streamingMessage; // 需要保证不被清理
         const lastMessage = data[data.length - 1];
+        if (!lastMessage)
+            return;
         // 如果最后一条消息是前端工具消息，则调用工具
         if (lastMessage.type === "ai" && ((_a = lastMessage.tool_calls) === null || _a === void 0 ? void 0 : _a.length)) {
             const result = lastMessage.tool_calls.map((tool) => {

package/dist/ui-store/createChatStore.js

@@ -102,6 +102,9 @@ export const createChatStore = (initClientName, config, context = {}) => {
         // await newClient.createThread();
         inChatError.set(null);
         newClient.onStreamingUpdate((event) => {
+            if (event.type === "start") {
+                loading.set(true);
+            }
             if (event.type === "thread" || event.type === "done") {
                 // console.log(event.data);
                 // 创建新流程时，默认为 __start__

package/package.json

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

package/src/LangGraphClient.ts

@@ -84,7 +84,7 @@ export class StreamingMessageType {
 }
 
 type StreamingUpdateEvent = {
-    type: "message" | "value" | "update" | "error" | "thread" | "done";
+    type: "message" | "value" | "update" | "error" | "thread" | "done" | "start";
     data: any;
 };
 
@@ -357,6 +357,7 @@ export class LangGraphClient extends Client {
                     message.usage_metadata = parentMessage.usage_metadata;
                     message.node_name = parentMessage.name;
                 }
+                message.id = message.tool_call_id;
             }
             result.push(message);
         }
@@ -456,6 +457,12 @@ export class LangGraphClient extends Client {
                 command,
             });
         const streamRecord: any[] = [];
+        this.emitStreamingUpdate({
+            type: "start",
+            data: {
+                event: "start",
+            },
+        });
         for await (const chunk of streamResponse) {
             streamRecord.push(chunk);
             if (chunk.event === "metadata") {
@@ -489,7 +496,6 @@ export class LangGraphClient extends Client {
                         });
                     }
                     this.graphState = chunk.data;
-                    this.streamingMessage = [];
                 }
                 continue;
             } else if (chunk.event.startsWith("values|")) {
@@ -507,6 +513,7 @@ export class LangGraphClient extends Client {
                 event: "done",
             },
         });
+        this.streamingMessage = [];
         return streamRecord;
     }
     /** 子图的数据需要通过 merge 的方式重新进行合并更新 */
@@ -528,8 +535,9 @@ export class LangGraphClient extends Client {
     }
 
     private runFETool() {
-        const data = this.graphMessages;
+        const data = this.streamingMessage; // 需要保证不被清理
         const lastMessage = data[data.length - 1];
+        if (!lastMessage) return;
         // 如果最后一条消息是前端工具消息，则调用工具
         if (lastMessage.type === "ai" && lastMessage.tool_calls?.length) {
             const result = lastMessage.tool_calls.map((tool) => {

package/src/ui-store/createChatStore.ts

@@ -108,6 +108,9 @@ export const createChatStore = (
         // await newClient.createThread();
         inChatError.set(null);
         newClient.onStreamingUpdate((event) => {
+            if (event.type === "start") {
+                loading.set(true);
+            }
             if (event.type === "thread" || event.type === "done") {
                 // console.log(event.data);
                 // 创建新流程时，默认为 __start__