@copilotkit/react-core 1.50.0-beta.2 → 1.50.0-beta.4

package/dist/index.js

@@ -198,7 +198,7 @@ var emptyCopilotContext = {
   interruptEventQueue: {},
   addInterruptEvent: () => {
   },
-  removeInterruptEvent: () => {
+  resolveInterruptEvent: () => {
   },
   onError: () => {
   },
@@ -2522,7 +2522,7 @@ function useCoagentStateRenderBridge(agentId, props) {
       return canRender;
     }
     const renderClaimedByOtherMessage = Object.values(claimsRef.current).find(
-      (c) => c.stateRenderId === stateRenderId && (0, import_shared10.dataToUUID)(JSON.stringify(getStateWithoutConstantKeys(c.stateSnapshot))) === (0, import_shared10.dataToUUID)(JSON.stringify(getStateWithoutConstantKeys(renderSnapshot)))
+      (c) => c.stateRenderId === stateRenderId && (0, import_shared10.dataToUUID)(getStateWithoutConstantKeys(c.stateSnapshot)) === (0, import_shared10.dataToUUID)(getStateWithoutConstantKeys(renderSnapshot))
     );
     if (renderClaimedByOtherMessage) {
       if (renderSnapshot && renderClaimedByOtherMessage.stateSnapshot && !areStatesEquals(renderClaimedByOtherMessage.stateSnapshot, renderSnapshot)) {
@@ -2661,14 +2661,7 @@ function CopilotKit(_a) {
   const enabled = shouldShowDevConsole(props.showDevConsole);
   const publicApiKey = props.publicApiKey || props.publicLicenseKey;
   const renderArr = (0, import_react17.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_react18.CopilotKitProvider,
-    __spreadProps(__spreadValues({}, props), {
-      renderCustomMessages: renderArr,
-      useSingleEndpoint: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children }))
-    })
-  ) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react18.CopilotKitProvider, __spreadProps(__spreadValues({}, props), { renderCustomMessages: renderArr, useSingleEndpoint: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) })) }) }) });
 }
 function CopilotKitInternal(cpkProps) {
   var _b;
@@ -2906,20 +2899,17 @@ ${nonDocumentStrings}`;
   const chatAbortControllerRef = (0, import_react17.useRef)(null);
   const showDevConsole = shouldShowDevConsole(props.showDevConsole);
   const [interruptActions, _setInterruptActions] = (0, import_react17.useState)({});
-  const setInterruptAction = (0, import_react17.useCallback)(
-    (threadId2, action) => {
-      _setInterruptActions((prev) => {
-        var _a2;
-        if (action == null || !action.id) {
-          return prev;
-        }
-        return __spreadProps(__spreadValues({}, prev), {
-          [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
-        });
+  const setInterruptAction = (0, import_react17.useCallback)((action) => {
+    _setInterruptActions((prev) => {
+      var _a2;
+      if (action == null || !action.id) {
+        return prev;
+      }
+      return __spreadProps(__spreadValues({}, prev), {
+        [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
       });
-    },
-    []
-  );
+    });
+  }, []);
   const removeInterruptAction = (0, import_react17.useCallback)((actionId) => {
     _setInterruptActions((prev) => {
       const _a2 = prev, { [actionId]: _ } = _a2, rest = __objRest(_a2, [__restKey(actionId)]);
@@ -2935,14 +2925,19 @@ ${nonDocumentStrings}`;
       });
     });
   }, []);
-  const removeInterruptEvent = (0, import_react17.useCallback)((threadId2, eventId) => {
-    setInterruptEventQueue((prev) => {
-      const threadQueue = prev[threadId2] || [];
-      return __spreadProps(__spreadValues({}, prev), {
-        [threadId2]: threadQueue.filter((event) => event.eventId !== eventId)
+  const resolveInterruptEvent = (0, import_react17.useCallback)(
+    (threadId2, eventId, response) => {
+      setInterruptEventQueue((prev) => {
+        const threadQueue = prev[threadId2] || [];
+        return __spreadProps(__spreadValues({}, prev), {
+          [threadId2]: threadQueue.map(
+            (queuedEvent) => queuedEvent.eventId === eventId ? __spreadProps(__spreadValues({}, queuedEvent), { event: __spreadProps(__spreadValues({}, queuedEvent.event), { response }) }) : queuedEvent
+          )
+        });
       });
-    });
-  }, []);
+    },
+    []
+  );
   const memoizedChildren = (0, import_react17.useMemo)(() => children, [children]);
   const [bannerError, setBannerError] = (0, import_react17.useState)(null);
   const agentLock = (0, import_react17.useMemo)(() => {
@@ -3060,7 +3055,7 @@ ${nonDocumentStrings}`;
             removeInterruptAction,
             interruptEventQueue,
             addInterruptEvent,
-            removeInterruptEvent,
+            resolveInterruptEvent,
             bannerError,
             setBannerError,
             onError: handleErrors,
@@ -3186,7 +3181,7 @@ function useLangGraphInterruptRender(agent) {
     threadId,
     interruptEventQueue,
     addInterruptEvent,
-    removeInterruptEvent
+    resolveInterruptEvent
   } = useCopilotContext();
   const existingConfig = (0, import_react22.useCopilotChatConfiguration)();
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
@@ -3194,6 +3189,7 @@ function useLangGraphInterruptRender(agent) {
   (0, import_react21.useEffect)(() => {
     if (!agent)
       return;
+    let localInterrupt = null;
     const subscriber = {
       onCustomEvent: ({ event }) => {
         if (event.name === "on_interrupt") {
@@ -3202,12 +3198,21 @@ function useLangGraphInterruptRender(agent) {
             type: event.type,
             value: (0, import_shared14.parseJson)(event.value, event.value)
           };
-          const eventId = (0, import_shared14.dataToUUID)(JSON.stringify(eventData), "interruptEvents");
-          addInterruptEvent({
+          const eventId = (0, import_shared14.dataToUUID)(eventData, "interruptEvents");
+          localInterrupt = {
             eventId,
             threadId,
             event: eventData
-          });
+          };
+        }
+      },
+      onRunStartedEvent: () => {
+        localInterrupt = null;
+      },
+      onRunFinalized: () => {
+        if (localInterrupt) {
+          addInterruptEvent(localInterrupt);
+          localInterrupt = null;
         }
       }
     };
@@ -3225,7 +3230,7 @@ function useLangGraphInterruptRender(agent) {
           }
         }
       });
-      removeInterruptEvent(threadId, eventId);
+      resolveInterruptEvent(threadId, eventId, response != null ? response : "");
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [agent, threadId]
@@ -4724,11 +4729,11 @@ var import_shared23 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
   const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react45.useContext)(CopilotContext);
   const { addToast } = useToast();
-  const actionId = (0, import_shared23.dataToUUID)(JSON.stringify(action), "lgAction");
+  const actionId = (0, import_shared23.dataToUUID)(action, "lgAction");
   (0, import_react45.useEffect)(() => {
     if (!action)
       return;
-    setInterruptAction(threadId, __spreadProps(__spreadValues({}, action), { id: actionId }));
+    setInterruptAction(__spreadProps(__spreadValues({}, action), { id: actionId }));
     return () => {
       removeInterruptAction(actionId);
     };