@copilotkit/react-core 0.0.0-feat-dynamic-copilotcloud-qa-20250117190454 → 0.0.0-feat-enable-setting-recursion-limit-20250424165940

package/dist/{chunk-LNI2Z45S.mjs → chunk-22ENANUU.mjs}

@@ -26,20 +26,26 @@ function ToastProvider({
   children
 }) {
   const [toasts, setToasts] = useState([]);
-  const addToast = useCallback((toast) => {
-    var _a;
-    const id = (_a = toast.id) != null ? _a : Math.random().toString(36).substring(2, 9);
-    setToasts((currentToasts) => {
-      if (currentToasts.find((toast2) => toast2.id === id))
-        return currentToasts;
-      return [...currentToasts, __spreadProps(__spreadValues({}, toast), { id })];
-    });
-    if (toast.duration) {
-      setTimeout(() => {
-        removeToast(id);
-      }, toast.duration);
-    }
-  }, []);
+  const addToast = useCallback(
+    (toast) => {
+      var _a;
+      if (!enabled) {
+        return;
+      }
+      const id = (_a = toast.id) != null ? _a : Math.random().toString(36).substring(2, 9);
+      setToasts((currentToasts) => {
+        if (currentToasts.find((toast2) => toast2.id === id))
+          return currentToasts;
+        return [...currentToasts, __spreadProps(__spreadValues({}, toast), { id })];
+      });
+      if (toast.duration) {
+        setTimeout(() => {
+          removeToast(id);
+        }, toast.duration);
+      }
+    },
+    [enabled]
+  );
   const addGraphQLErrorsToast = useCallback((errors) => {
     addToast({
       type: "error",
@@ -150,11 +156,13 @@ function Toast({
 }
 
 // src/components/error-boundary/error-utils.tsx
+import ReactMarkdown from "react-markdown";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ErrorToast({ errors }) {
   const errorsToRender = errors.map((error, idx) => {
     var _a, _b, _c;
-    const message = "extensions" in error ? (_b = (_a = error.extensions) == null ? void 0 : _a.originalError) == null ? void 0 : _b.message : error.message;
+    const originalError = "extensions" in error ? (_a = error.extensions) == null ? void 0 : _a.originalError : {};
+    const message = (_b = originalError == null ? void 0 : originalError.message) != null ? _b : error.message;
     const code = "extensions" in error ? (_c = error.extensions) == null ? void 0 : _c.code : null;
     return /* @__PURE__ */ jsxs2(
       "div",
@@ -179,7 +187,7 @@ function ErrorToast({ errors }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx2("div", { children: message })
+          /* @__PURE__ */ jsx2(ReactMarkdown, { children: message })
         ]
       },
       idx
@@ -239,4 +247,4 @@ export {
   useToast,
   ToastProvider
 };
-//# sourceMappingURL=chunk-LNI2Z45S.mjs.map
+//# sourceMappingURL=chunk-22ENANUU.mjs.map

package/dist/chunk-22ENANUU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error-boundary/error-utils.tsx","../src/components/toast/toast-provider.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { GraphQLError } from \"@copilotkit/runtime-client-gql\";\nimport { useToast } from \"../toast/toast-provider\";\nimport { ExclamationMarkIcon } from \"../toast/exclamation-mark-icon\";\nimport ReactMarkdown from \"react-markdown\";\n\ninterface OriginalError {\n  message?: string;\n  stack?: string;\n}\n\nexport function ErrorToast({ errors }: { errors: (Error | GraphQLError)[] }) {\n  const errorsToRender = errors.map((error, idx) => {\n    const originalError =\n      \"extensions\" in error ? (error.extensions?.originalError as undefined | OriginalError) : {};\n    const message = originalError?.message ?? error.message;\n    const code = \"extensions\" in error ? (error.extensions?.code as string) : null;\n\n    return (\n      <div\n        key={idx}\n        style={{\n          marginTop: idx === 0 ? 0 : 10,\n          marginBottom: 14,\n        }}\n      >\n        <ExclamationMarkIcon style={{ marginBottom: 4 }} />\n\n        {code && (\n          <div\n            style={{\n              fontWeight: \"600\",\n              marginBottom: 4,\n            }}\n          >\n            Copilot Cloud Error:{\" \"}\n            <span style={{ fontFamily: \"monospace\", fontWeight: \"normal\" }}>{code}</span>\n          </div>\n        )}\n        <ReactMarkdown>{message}</ReactMarkdown>\n      </div>\n    );\n  });\n  return (\n    <div\n      style={{\n        fontSize: \"13px\",\n        maxWidth: \"600px\",\n      }}\n    >\n      {errorsToRender}\n      <div style={{ fontSize: \"11px\", opacity: 0.75 }}>\n        NOTE: This error only displays during local development.\n      </div>\n    </div>\n  );\n}\n\nexport function useErrorToast() {\n  const { addToast } = useToast();\n\n  return useCallback(\n    (error: (Error | GraphQLError)[]) => {\n      const errorId = error\n        .map((err) => {\n          const message =\n            \"extensions\" in err\n              ? (err.extensions?.originalError as any)?.message || err.message\n              : err.message;\n          const stack = err.stack || \"\";\n          return btoa(message + stack).slice(0, 32); // Create hash from message + stack\n        })\n        .join(\"|\");\n\n      addToast({\n        type: \"error\",\n        id: errorId, // Toast libraries typically dedupe by id\n        message: <ErrorToast errors={error} />,\n      });\n    },\n    [addToast],\n  );\n}\n\nexport function useAsyncCallback<T extends (...args: any[]) => Promise<any>>(\n  callback: T,\n  deps: Parameters<typeof useCallback>[1],\n) {\n  const addErrorToast = useErrorToast();\n  return useCallback(async (...args: Parameters<T>) => {\n    try {\n      return await callback(...args);\n    } catch (error) {\n      console.error(\"Error in async callback:\", error);\n      // @ts-ignore\n      addErrorToast([error]);\n      throw error;\n    }\n  }, deps);\n}\n","import { GraphQLError } from \"@copilotkit/runtime-client-gql\";\nimport React, { createContext, useContext, useState, useCallback } from \"react\";\nimport { ErrorToast } from \"../error-boundary/error-utils\";\nimport { PartialBy } from \"@copilotkit/shared\";\n\ninterface Toast {\n  id: string;\n  message: string | React.ReactNode;\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  duration?: number;\n}\n\ninterface ToastContextValue {\n  toasts: Toast[];\n  addToast: (toast: PartialBy<Toast, \"id\">) => void;\n  addGraphQLErrorsToast: (errors: GraphQLError[]) => void;\n  removeToast: (id: string) => void;\n  enabled: boolean;\n}\n\nconst ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nexport function useToast() {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n}\n\nexport function ToastProvider({\n  enabled,\n  children,\n}: {\n  enabled: boolean;\n  children: React.ReactNode;\n}) {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const addToast = useCallback(\n    (toast: PartialBy<Toast, \"id\">) => {\n      // We do not display these errors unless we are in dev mode.\n      if (!enabled) {\n        return;\n      }\n\n      const id = toast.id ?? Math.random().toString(36).substring(2, 9);\n\n      setToasts((currentToasts) => {\n        if (currentToasts.find((toast) => toast.id === id)) return currentToasts;\n        return [...currentToasts, { ...toast, id }];\n      });\n\n      if (toast.duration) {\n        setTimeout(() => {\n          removeToast(id);\n        }, toast.duration);\n      }\n    },\n    [enabled],\n  );\n\n  const addGraphQLErrorsToast = useCallback((errors: GraphQLError[]) => {\n    addToast({\n      type: \"error\",\n      message: <ErrorToast errors={errors} />,\n    });\n  }, []);\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((currentToasts) => currentToasts.filter((toast) => toast.id !== id));\n  }, []);\n\n  const value = {\n    toasts,\n    addToast,\n    addGraphQLErrorsToast,\n    removeToast,\n    enabled,\n  };\n\n  return (\n    <ToastContext.Provider value={value}>\n      <div\n        style={{\n          position: \"fixed\",\n          bottom: \"1rem\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          zIndex: 50,\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"0.5rem\",\n        }}\n      >\n        {toasts.length > 1 && (\n          <div style={{ textAlign: \"right\" }}>\n            <button\n              onClick={() => setToasts([])}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                cursor: \"pointer\",\n                background: \"white\",\n                border: \"1px solid rgba(0,0,0,0.2)\",\n                borderRadius: \"4px\",\n              }}\n            >\n              Close All\n            </button>\n          </div>\n        )}\n        {toasts.map((toast) => (\n          <Toast\n            key={toast.id}\n            message={toast.message}\n            type={toast.type}\n            onClose={() => removeToast(toast.id)}\n          />\n        ))}\n      </div>\n      {children}\n    </ToastContext.Provider>\n  );\n}\n\nfunction Toast({\n  message,\n  type = \"info\",\n  onClose,\n}: {\n  message: string | React.ReactNode;\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  onClose: () => void;\n}) {\n  const bgColors = {\n    info: \"#3b82f6\",\n    success: \"#22c55e\",\n    warning: \"#eab308\",\n    error: \"#ef4444\",\n  };\n\n  return (\n    <div\n      style={{\n        backgroundColor: bgColors[type],\n        color: \"white\",\n        padding: \"0.5rem 1.5rem\",\n        borderRadius: \"0.25rem\",\n        boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n        position: \"relative\",\n        minWidth: \"200px\",\n      }}\n    >\n      <div>{message}</div>\n      <button\n        onClick={onClose}\n        style={{\n          position: \"absolute\",\n          top: \"0\",\n          right: \"0\",\n          background: \"none\",\n          border: \"none\",\n          color: \"white\",\n          cursor: \"pointer\",\n          padding: \"0.5rem\",\n          fontSize: \"1rem\",\n        }}\n      >\n        ✕\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":["useCallback","toast","jsx","jsxs","useCallback"]}

package/dist/{chunk-U6JICUGO.mjs → chunk-42SVH3TY.mjs}

@@ -1,12 +1,13 @@
 import {
   processActionsForRuntimeRequest
-} from "./chunk-XERJQUHA.mjs";
+} from "./chunk-4CEQJ2X6.mjs";
 import {
   useCopilotRuntimeClient
-} from "./chunk-6BQVZFNO.mjs";
+} from "./chunk-BKTARDXX.mjs";
 import {
-  useAsyncCallback
-} from "./chunk-LNI2Z45S.mjs";
+  useAsyncCallback,
+  useErrorToast
+} from "./chunk-22ENANUU.mjs";
 import {
   __async,
   __spreadProps,
@@ -14,10 +15,11 @@ import {
 } from "./chunk-SKC7AJIV.mjs";
 
 // src/hooks/use-chat.ts
-import { useRef } from "react";
+import { useCallback, useRef } from "react";
 import {
   COPILOT_CLOUD_PUBLIC_API_KEY_HEADER,
-  randomId
+  randomId,
+  parseJson
 } from "@copilotkit/shared";
 import {
   TextMessage,
@@ -30,7 +32,11 @@ import {
   MessageRole,
   Role,
   CopilotRequestType,
-  loadMessagesFromJsonRepresentation
+  loadMessagesFromJsonRepresentation,
+  CopilotRuntimeClient,
+  langGraphInterruptEvent,
+  MetaEventName,
+  ActionExecutionMessage
 } from "@copilotkit/runtime-client-gql";
 function useChat(options) {
   const {
@@ -53,15 +59,20 @@ function useChat(options) {
     runId,
     setRunId,
     chatAbortControllerRef,
-    agentLock
+    agentLock,
+    extensions,
+    setExtensions,
+    langGraphInterruptAction,
+    setLangGraphInterruptAction
   } = options;
   const runChatCompletionRef = useRef();
+  const addErrorToast = useErrorToast();
   const agentSessionRef = useRef(agentSession);
   agentSessionRef.current = agentSession;
-  const threadIdRef = useRef(threadId);
-  threadIdRef.current = threadId;
   const runIdRef = useRef(runId);
   runIdRef.current = runId;
+  const extensionsRef = useRef(extensions);
+  extensionsRef.current = extensions;
   const publicApiKey = copilotConfig.publicApiKey;
   const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
   const runtimeClient = useCopilotRuntimeClient({
@@ -72,8 +83,16 @@ function useChat(options) {
   });
   const runChatCompletion = useAsyncCallback(
     (previousMessages) => __async(this, null, function* () {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       setIsLoading(true);
+      const interruptEvent = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event;
+      if ((interruptEvent == null ? void 0 : interruptEvent.name) === MetaEventName.LangGraphInterruptEvent && (interruptEvent == null ? void 0 : interruptEvent.value) && !(interruptEvent == null ? void 0 : interruptEvent.response) && agentSessionRef.current) {
+        addErrorToast([
+          new Error(
+            "A message was sent while interrupt is active. This will cause failure on the agent side"
+          )
+        ]);
+      }
       let newMessages = [
         new TextMessage({
           content: "",
@@ -84,6 +103,10 @@ function useChat(options) {
       setMessages([...previousMessages, ...newMessages]);
       const systemMessage = makeSystemMessageCallback();
       const messagesWithContext = [systemMessage, ...initialMessages || [], ...previousMessages];
+      const finalProperties = __spreadValues({}, copilotConfig.properties || {});
+      if (copilotConfig.mcpEndpoints && copilotConfig.mcpEndpoints.length > 0) {
+        finalProperties.mcpEndpoints = copilotConfig.mcpEndpoints;
+      }
       const isAgentRun = agentSessionRef.current !== null;
       const stream = runtimeClient.asStream(
         runtimeClient.generateCopilotResponse({
@@ -92,8 +115,10 @@ function useChat(options) {
               actions: processActionsForRuntimeRequest(actions),
               url: window.location.href
             },
-            threadId: threadIdRef.current,
+            threadId,
             runId: runIdRef.current,
+            extensions: extensionsRef.current,
+            metaEvents: composeAndFlushMetaEventsInput([langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event]),
             messages: convertMessagesToGqlInput(filterAgentStateMessages(messagesWithContext))
           }, copilotConfig.cloud ? {
             cloud: __spreadValues({}, ((_c = (_b = (_a = copilotConfig.cloud.guardrails) == null ? void 0 : _a.input) == null ? void 0 : _b.restrictToTopic) == null ? void 0 : _c.enabled) ? {
@@ -111,13 +136,17 @@ function useChat(options) {
           }), agentSessionRef.current ? {
             agentSession: agentSessionRef.current
           } : {}), {
-            agentStates: Object.values(coagentStatesRef.current).map((state) => ({
-              agentName: state.name,
-              state: JSON.stringify(state.state)
-            })),
+            agentStates: Object.values(coagentStatesRef.current).map((state) => {
+              var _a2;
+              return {
+                agentName: state.name,
+                state: JSON.stringify(state.state),
+                config: JSON.stringify((_a2 = state.config) != null ? _a2 : {})
+              };
+            }),
             forwardedParameters: options.forwardedParameters || {}
           }),
-          properties: copilotConfig.properties,
+          properties: finalProperties,
           signal: (_d = chatAbortControllerRef.current) == null ? void 0 : _d.signal
         })
       );
@@ -127,6 +156,7 @@ function useChat(options) {
       let followUp = void 0;
       let messages2 = [];
       let syncedMessages = [];
+      let interruptMessages = [];
       try {
         while (true) {
           let done, value;
@@ -146,22 +176,45 @@ function useChat(options) {
           if (!(value == null ? void 0 : value.generateCopilotResponse)) {
             continue;
           }
-          threadIdRef.current = value.generateCopilotResponse.threadId || null;
           runIdRef.current = value.generateCopilotResponse.runId || null;
-          setThreadId(threadIdRef.current);
+          extensionsRef.current = CopilotRuntimeClient.removeGraphQLTypename(
+            value.generateCopilotResponse.extensions || {}
+          );
           setRunId(runIdRef.current);
+          setExtensions(extensionsRef.current);
+          let rawMessagesResponse = value.generateCopilotResponse.messages;
+          const metaEvents = (_i = (_h = value.generateCopilotResponse) == null ? void 0 : _h.metaEvents) != null ? _i : [];
+          (metaEvents != null ? metaEvents : []).forEach((ev) => {
+            if (ev.name === MetaEventName.LangGraphInterruptEvent) {
+              let eventValue = langGraphInterruptEvent(ev).value;
+              eventValue = parseJson(eventValue, eventValue);
+              setLangGraphInterruptAction({
+                event: __spreadProps(__spreadValues({}, langGraphInterruptEvent(ev)), {
+                  value: eventValue
+                })
+              });
+            }
+            if (ev.name === MetaEventName.CopilotKitLangGraphInterruptEvent) {
+              const data = ev.data;
+              rawMessagesResponse = [...rawMessagesResponse, ...data.messages];
+              interruptMessages = convertGqlOutputToMessages(
+                // @ts-ignore
+                filterAdjacentAgentStateMessages(data.messages)
+              );
+            }
+          });
           messages2 = convertGqlOutputToMessages(
-            filterAdjacentAgentStateMessages(value.generateCopilotResponse.messages)
+            filterAdjacentAgentStateMessages(rawMessagesResponse)
           );
           if (messages2.length === 0) {
             continue;
           }
           newMessages = [];
-          if (((_h = value.generateCopilotResponse.status) == null ? void 0 : _h.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "GUARDRAILS_VALIDATION_FAILED") {
+          if (((_j = value.generateCopilotResponse.status) == null ? void 0 : _j.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "GUARDRAILS_VALIDATION_FAILED") {
             newMessages = [
               new TextMessage({
                 role: MessageRole.Assistant,
-                content: ((_i = value.generateCopilotResponse.status.details) == null ? void 0 : _i.guardrailsReason) || ""
+                content: ((_k = value.generateCopilotResponse.status.details) == null ? void 0 : _k.guardrailsReason) || ""
               })
             ];
             setMessages([...previousMessages, ...newMessages]);
@@ -222,63 +275,70 @@ function useChat(options) {
             setMessages([...previousMessages, ...newMessages]);
           }
         }
-        const finalMessages = constructFinalMessages(syncedMessages, previousMessages, newMessages);
+        let finalMessages = constructFinalMessages(
+          [...syncedMessages, ...interruptMessages],
+          previousMessages,
+          newMessages
+        );
         let didExecuteAction = false;
         if (onFunctionCall) {
           const lastMessages = [];
           for (let i = finalMessages.length - 1; i >= 0; i--) {
             const message = finalMessages[i];
-            if (message.isActionExecutionMessage() && message.status.code !== MessageStatusCode.Pending) {
+            if ((message.isActionExecutionMessage() || message.isResultMessage()) && message.status.code !== MessageStatusCode.Pending) {
               lastMessages.unshift(message);
-            } else {
+            } else if (!message.isAgentStateMessage()) {
               break;
             }
           }
           for (const message of lastMessages) {
             setMessages(finalMessages);
-            const action = actions.find((action2) => action2.name === message.name);
-            if (action) {
-              followUp = action.followUp;
-              let result;
-              try {
-                result = yield Promise.race([
-                  onFunctionCall({
-                    messages: previousMessages,
-                    name: message.name,
-                    args: message.arguments
-                  }),
-                  new Promise(
-                    (resolve) => {
-                      var _a2;
-                      return (_a2 = chatAbortControllerRef.current) == null ? void 0 : _a2.signal.addEventListener(
-                        "abort",
-                        () => resolve("Operation was aborted by the user")
-                      );
-                    }
-                  ),
-                  // if the user stopped generation, we also abort consecutive actions
-                  new Promise((resolve) => {
-                    var _a2;
-                    if ((_a2 = chatAbortControllerRef.current) == null ? void 0 : _a2.signal.aborted) {
-                      resolve("Operation was aborted by the user");
-                    }
-                  })
-                ]);
-              } catch (e) {
-                result = `Failed to execute action ${message.name}`;
-                console.error(`Failed to execute action ${message.name}: ${e}`);
-              }
+            const action = actions.find(
+              (action2) => action2.name === message.name
+            );
+            const currentResultMessagePairedFeAction = message.isResultMessage() ? getPairedFeAction(actions, message) : null;
+            const executeActionFromMessage = (action2, message2) => __async(this, null, function* () {
+              const isInterruptAction = interruptMessages.find((m) => m.id === message2.id);
+              followUp = (action2 == null ? void 0 : action2.followUp) || !isInterruptAction;
+              const resultMessage = yield executeAction({
+                onFunctionCall,
+                previousMessages,
+                message: message2,
+                chatAbortControllerRef,
+                onError: (error) => {
+                  addErrorToast([error]);
+                  console.error(`Failed to execute action ${message2.name}: ${error}`);
+                }
+              });
               didExecuteAction = true;
-              const messageIndex = finalMessages.findIndex((msg) => msg.id === message.id);
-              finalMessages.splice(
-                messageIndex + 1,
-                0,
-                new ResultMessage({
-                  id: "result-" + message.id,
-                  result: ResultMessage.encodeResult(result),
-                  actionExecutionId: message.id,
-                  actionName: message.name
-                })
+              const messageIndex = finalMessages.findIndex((msg) => msg.id === message2.id);
+              finalMessages.splice(messageIndex + 1, 0, resultMessage);
+              return resultMessage;
+            });
+            if (action && message.isActionExecutionMessage()) {
+              const resultMessage = yield executeActionFromMessage(action, message);
+              const pairedFeAction = getPairedFeAction(actions, resultMessage);
+              if (pairedFeAction) {
+                const newExecutionMessage = new ActionExecutionMessage({
+                  name: pairedFeAction.name,
+                  arguments: parseJson(resultMessage.result, resultMessage.result),
+                  status: message.status,
+                  createdAt: message.createdAt,
+                  parentMessageId: message.parentMessageId
+                });
+                yield executeActionFromMessage(pairedFeAction, newExecutionMessage);
+              }
+            } else if (message.isResultMessage() && currentResultMessagePairedFeAction) {
+              const newExecutionMessage = new ActionExecutionMessage({
+                name: currentResultMessagePairedFeAction.name,
+                arguments: parseJson(message.result, message.result),
+                status: message.status,
+                createdAt: message.createdAt
+              });
+              finalMessages.push(newExecutionMessage);
+              yield executeActionFromMessage(
+                currentResultMessagePairedFeAction,
+                newExecutionMessage
               );
             }
           }
@@ -289,11 +349,11 @@ function useChat(options) {
           followUp !== false && // and we executed an action
           (didExecuteAction || // the last message is a server side result
           !isAgentRun && finalMessages.length && finalMessages[finalMessages.length - 1].isResultMessage()) && // the user did not stop generation
-          !((_j = chatAbortControllerRef.current) == null ? void 0 : _j.signal.aborted)
+          !((_l = chatAbortControllerRef.current) == null ? void 0 : _l.signal.aborted)
         ) {
           yield new Promise((resolve) => setTimeout(resolve, 10));
           return yield runChatCompletionRef.current(finalMessages);
-        } else if ((_k = chatAbortControllerRef.current) == null ? void 0 : _k.signal.aborted) {
+        } else if ((_m = chatAbortControllerRef.current) == null ? void 0 : _m.signal.aborted) {
           const repairedMessages = finalMessages.filter((message, actionExecutionIndex) => {
             if (message.isActionExecutionMessage()) {
               return finalMessages.find(
@@ -304,7 +364,7 @@ function useChat(options) {
           });
           const repairedMessageIds = repairedMessages.map((message) => message.id);
           setMessages(repairedMessages);
-          if ((_l = agentSessionRef.current) == null ? void 0 : _l.nodeName) {
+          if ((_n = agentSessionRef.current) == null ? void 0 : _n.nodeName) {
             setAgentSession({
               threadId: agentSessionRef.current.threadId,
               agentName: agentSessionRef.current.agentName,
@@ -343,6 +403,33 @@ function useChat(options) {
     }),
     [messages]
   );
+  const composeAndFlushMetaEventsInput = useCallback(
+    (metaEvents) => {
+      return metaEvents.reduce((acc, event) => {
+        if (!event)
+          return acc;
+        switch (event.name) {
+          case MetaEventName.LangGraphInterruptEvent:
+            if (event.response) {
+              setLangGraphInterruptAction(null);
+              const value = event.value;
+              return [
+                ...acc,
+                {
+                  name: event.name,
+                  value: typeof value === "string" ? value : JSON.stringify(value),
+                  response: typeof event.response === "string" ? event.response : JSON.stringify(event.response)
+                }
+              ];
+            }
+            return acc;
+          default:
+            return acc;
+        }
+      }, []);
+    },
+    [setLangGraphInterruptAction]
+  );
   const append = useAsyncCallback(
     (message, options2) => __async(this, null, function* () {
       var _a;
@@ -358,18 +445,25 @@ function useChat(options) {
     }),
     [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]
   );
-  const reload = useAsyncCallback(() => __async(this, null, function* () {
-    if (isLoading || messages.length === 0) {
-      return;
-    }
-    let newMessages = [...messages];
-    const lastMessage = messages[messages.length - 1];
-    if (lastMessage.isTextMessage() && lastMessage.role === "assistant") {
-      newMessages = newMessages.slice(0, -1);
-    }
-    setMessages(newMessages);
-    return runChatCompletionAndHandleFunctionCall(newMessages);
-  }), [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]);
+  const reload = useAsyncCallback(
+    (messageId) => __async(this, null, function* () {
+      if (isLoading || messages.length === 0) {
+        return;
+      }
+      const index = messages.findIndex((msg) => msg.id === messageId);
+      if (index === -1) {
+        console.warn(`Message with id ${messageId} not found`);
+        return;
+      }
+      let newMessages = messages.slice(0, index);
+      if (newMessages.length > 0 && newMessages[newMessages.length - 1].isAgentStateMessage()) {
+        newMessages = newMessages.slice(0, newMessages.length - 1);
+      }
+      setMessages(newMessages);
+      return runChatCompletionAndHandleFunctionCall(newMessages);
+    }),
+    [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]
+  );
   const stop = () => {
     var _a;
     (_a = chatAbortControllerRef.current) == null ? void 0 : _a.abort("Stop was called");
@@ -398,8 +492,69 @@ function constructFinalMessages(syncedMessages, previousMessages, newMessages) {
   }
   return finalMessages;
 }
+function executeAction(_0) {
+  return __async(this, arguments, function* ({
+    onFunctionCall,
+    previousMessages,
+    message,
+    chatAbortControllerRef,
+    onError
+  }) {
+    let result;
+    let error = null;
+    try {
+      result = yield Promise.race([
+        onFunctionCall({
+          messages: previousMessages,
+          name: message.name,
+          args: message.arguments
+        }),
+        new Promise(
+          (resolve) => {
+            var _a;
+            return (_a = chatAbortControllerRef.current) == null ? void 0 : _a.signal.addEventListener(
+              "abort",
+              () => resolve("Operation was aborted by the user")
+            );
+          }
+        ),
+        // if the user stopped generation, we also abort consecutive actions
+        new Promise((resolve) => {
+          var _a;
+          if ((_a = chatAbortControllerRef.current) == null ? void 0 : _a.signal.aborted) {
+            resolve("Operation was aborted by the user");
+          }
+        })
+      ]);
+    } catch (e) {
+      onError(e);
+    }
+    return new ResultMessage({
+      id: "result-" + message.id,
+      result: ResultMessage.encodeResult(
+        error ? {
+          content: result,
+          error: JSON.parse(JSON.stringify(error, Object.getOwnPropertyNames(error)))
+        } : result
+      ),
+      actionExecutionId: message.id,
+      actionName: message.name
+    });
+  });
+}
+function getPairedFeAction(actions, message) {
+  let actionName = null;
+  if (message.isActionExecutionMessage()) {
+    actionName = message.name;
+  } else if (message.isResultMessage()) {
+    actionName = message.actionName;
+  }
+  return actions.find(
+    (action) => action.name === actionName && action.available === "frontend" || action.pairedAction === actionName
+  );
+}
 
 export {
   useChat
 };
-//# sourceMappingURL=chunk-U6JICUGO.mjs.map
+//# sourceMappingURL=chunk-42SVH3TY.mjs.map