@copilotkit/react-core 1.6.0-next.10 → 1.6.0-next.11

package/dist/index.js

@@ -1557,7 +1557,7 @@ function validateProps(props) {
 
 // src/hooks/use-copilot-chat.ts
 var import_react12 = require("react");
-var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-chat.ts
 var import_react11 = require("react");
@@ -1569,7 +1569,7 @@ var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 var import_shared9 = require("@copilotkit/shared");
 function processActionsForRuntimeRequest(actions) {
   const filteredActions = actions.filter(
-    (action) => action.available !== import_runtime_client_gql5.ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*"
+    (action) => action.available !== import_runtime_client_gql5.ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*" && action.available != "frontend" && !action.pairedAction
   ).map((action) => {
     let available = import_runtime_client_gql5.ActionInputAvailability.Enabled;
     if (action.disabled) {
@@ -1590,8 +1590,6 @@ function processActionsForRuntimeRequest(actions) {
 }
 
 // src/hooks/use-chat.ts
-var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
-var import_shared11 = require("@copilotkit/shared");
 function useChat(options) {
   const {
     messages,
@@ -1640,7 +1638,7 @@ function useChat(options) {
       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) === import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent && (interruptEvent == null ? void 0 : interruptEvent.value) && !(interruptEvent == null ? void 0 : interruptEvent.response) && agentSessionRef.current) {
+      if ((interruptEvent == null ? void 0 : interruptEvent.name) === import_runtime_client_gql6.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"
@@ -1734,16 +1732,16 @@ function useChat(options) {
           setExtensions(extensionsRef.current);
           let rawMessagesResponse = value.generateCopilotResponse.messages;
           ((_i = (_h = value.generateCopilotResponse) == null ? void 0 : _h.metaEvents) != null ? _i : []).forEach((ev) => {
-            if (ev.name === import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent) {
+            if (ev.name === import_runtime_client_gql6.MetaEventName.LangGraphInterruptEvent) {
               let eventValue = (0, import_runtime_client_gql6.langGraphInterruptEvent)(ev).value;
-              eventValue = (0, import_shared11.parseJson)(eventValue, eventValue);
+              eventValue = (0, import_shared10.parseJson)(eventValue, eventValue);
               setLangGraphInterruptAction({
                 event: __spreadProps(__spreadValues({}, (0, import_runtime_client_gql6.langGraphInterruptEvent)(ev)), {
                   value: eventValue
                 })
               });
             }
-            if (ev.name === import_runtime_client_gql7.MetaEventName.CopilotKitLangGraphInterruptEvent) {
+            if (ev.name === import_runtime_client_gql6.MetaEventName.CopilotKitLangGraphInterruptEvent) {
               const data = ev.data;
               rawMessagesResponse = [...rawMessagesResponse, ...data.messages];
               interruptMessages = (0, import_runtime_client_gql6.convertGqlOutputToMessages)(
@@ -1824,7 +1822,7 @@ function useChat(options) {
             setMessages([...previousMessages, ...newMessages]);
           }
         }
-        const finalMessages = constructFinalMessages(
+        let finalMessages = constructFinalMessages(
           [...syncedMessages, ...interruptMessages],
           previousMessages,
           newMessages
@@ -1834,7 +1832,7 @@ function useChat(options) {
           const lastMessages = [];
           for (let i = finalMessages.length - 1; i >= 0; i--) {
             const message = finalMessages[i];
-            if (message.isActionExecutionMessage() && message.status.code !== import_runtime_client_gql6.MessageStatusCode.Pending) {
+            if ((message.isActionExecutionMessage() || message.isResultMessage()) && message.status.code !== import_runtime_client_gql6.MessageStatusCode.Pending) {
               lastMessages.unshift(message);
             } else {
               break;
@@ -1842,59 +1840,51 @@ function useChat(options) {
           }
           for (const message of lastMessages) {
             setMessages(finalMessages);
-            const action = actions.find((action2) => action2.name === message.name);
-            if (action) {
-              followUp = action.followUp;
-              let result;
-              let error = null;
-              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) {
-                error = e;
-                addErrorToast([error]);
-                result = `Failed to execute action ${message.name}. ${error.message}`;
-                console.error(`Failed to execute action ${message.name}: ${error}`);
-              }
+            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* () {
+              followUp = action2 == null ? void 0 : action2.followUp;
+              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 import_runtime_client_gql6.ResultMessage({
-                  id: "result-" + message.id,
-                  result: import_runtime_client_gql6.ResultMessage.encodeResult(
-                    error ? {
-                      content: result,
-                      error: JSON.parse(
-                        JSON.stringify(error, Object.getOwnPropertyNames(error))
-                      )
-                    } : 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 import_runtime_client_gql6.ActionExecutionMessage({
+                  name: pairedFeAction.name,
+                  arguments: (0, import_shared10.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 import_runtime_client_gql6.ActionExecutionMessage({
+                name: currentResultMessagePairedFeAction.name,
+                arguments: (0, import_shared10.parseJson)(message.result, message.result),
+                status: message.status,
+                createdAt: message.createdAt
+              });
+              finalMessages.push(newExecutionMessage);
+              yield executeActionFromMessage(
+                currentResultMessagePairedFeAction,
+                newExecutionMessage
               );
             }
           }
@@ -1965,7 +1955,7 @@ function useChat(options) {
         if (!event)
           return acc;
         switch (event.name) {
-          case import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent:
+          case import_runtime_client_gql6.MetaEventName.LangGraphInterruptEvent:
             if (event.response) {
               setLangGraphInterruptAction(null);
               const value = event.value;
@@ -2041,6 +2031,67 @@ 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 import_runtime_client_gql6.ResultMessage({
+      id: "result-" + message.id,
+      result: import_runtime_client_gql6.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
+  );
+}
 
 // src/hooks/use-copilot-chat.ts
 function useCopilotChat(_a = {}) {
@@ -2085,9 +2136,9 @@ function useCopilotChat(_a = {}) {
   const makeSystemMessageCallback = (0, import_react12.useCallback)(() => {
     const systemMessageMaker = makeSystemMessage2 || defaultSystemMessage;
     const contextString = latestGetContextString.current([], defaultCopilotContextCategories);
-    return new import_runtime_client_gql8.TextMessage({
+    return new import_runtime_client_gql7.TextMessage({
       content: systemMessageMaker(contextString, chatInstructions),
-      role: import_runtime_client_gql8.Role.System
+      role: import_runtime_client_gql7.Role.System
     });
   }, [getContextString, makeSystemMessage2, chatInstructions]);
   const onCoAgentStateRender = useAsyncCallback(
@@ -2239,11 +2290,11 @@ ${additionalInstructions}` : "");
 }
 
 // src/hooks/use-copilot-action.ts
-var import_shared12 = require("@copilotkit/shared");
+var import_shared11 = require("@copilotkit/shared");
 var import_react13 = require("react");
 function useCopilotAction(action, dependencies) {
   const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
-  const idRef = (0, import_react13.useRef)((0, import_shared12.randomId)());
+  const idRef = (0, import_react13.useRef)((0, import_shared11.randomId)());
   const renderAndWaitRef = (0, import_react13.useRef)(null);
   const { addToast } = useToast();
   action = __spreadValues({}, action);
@@ -2345,7 +2396,7 @@ function isFrontendAction(action) {
 
 // src/hooks/use-coagent-state-render.ts
 var import_react14 = require("react");
-var import_shared13 = require("@copilotkit/shared");
+var import_shared12 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
   const {
     setCoAgentStateRender,
@@ -2354,7 +2405,7 @@ function useCoAgentStateRender(action, dependencies) {
     chatComponentsCache,
     availableAgents
   } = (0, import_react14.useContext)(CopilotContext);
-  const idRef = (0, import_react14.useRef)((0, import_shared13.randomId)());
+  const idRef = (0, import_react14.useRef)((0, import_shared12.randomId)());
   const { addToast } = useToast();
   (0, import_react14.useEffect)(() => {
     if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
@@ -2453,7 +2504,7 @@ function useCopilotReadable({ description, value, parentId, categories, convert
 
 // src/hooks/use-coagent.ts
 var import_react17 = require("react");
-var import_shared14 = require("@copilotkit/shared");
+var import_shared13 = require("@copilotkit/shared");
 function useCoAgent(options) {
   const generalContext = useCopilotContext();
   const { availableAgents } = generalContext;
@@ -2504,7 +2555,7 @@ function useCoAgent(options) {
       if (((_d = (_c = result.data) == null ? void 0 : _c.loadAgentState) == null ? void 0 : _d.threadExists) && newState && newState != "{}") {
         lastLoadedState.current = newState;
         lastLoadedThreadId.current = threadId;
-        const fetchedState = (0, import_shared14.parseJson)(newState, {});
+        const fetchedState = (0, import_shared13.parseJson)(newState, {});
         isExternalStateManagement(options) ? options.setState(fetchedState) : setState(fetchedState);
       }
     });
@@ -2630,7 +2681,7 @@ var import_react19 = __toESM(require("react"));
 function useCopilotAuthenticatedAction_c(action, dependencies) {
   const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
   const pendingActionRef = (0, import_react18.useRef)(null);
-  const executeAction = (0, import_react18.useCallback)(
+  const executeAction2 = (0, import_react18.useCallback)(
     (props) => {
       if (typeof action.render === "function") {
         return action.render(props);
@@ -2650,13 +2701,13 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
           onSignInComplete: (authState) => {
             setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
-              executeAction(pendingActionRef.current);
+              executeAction2(pendingActionRef.current);
               pendingActionRef.current = null;
             }
           }
         }) : import_react19.default.createElement(import_react18.Fragment);
       }
-      return executeAction(props);
+      return executeAction2(props);
     },
     [action, authStates_c, setAuthStates_c]
   );
@@ -2670,13 +2721,13 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 
 // src/hooks/use-langgraph-interrupt.ts
 var import_react20 = require("react");
-var import_shared15 = require("@copilotkit/shared");
+var import_shared14 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
   var _a;
   const { setLangGraphInterruptAction, removeLangGraphInterruptAction, langGraphInterruptAction } = (0, import_react20.useContext)(CopilotContext);
   const { runChatCompletion } = useCopilotChat();
   const { addToast } = useToast();
-  const actionId = (0, import_shared15.dataToUUID)(JSON.stringify(action), "lgAction");
+  const actionId = (0, import_shared14.dataToUUID)(JSON.stringify(action), "lgAction");
   const hasAction = (0, import_react20.useMemo)(
     () => Boolean(langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id),
     [langGraphInterruptAction]
@@ -2755,7 +2806,7 @@ function useLangGraphInterruptRender() {
 }
 
 // src/lib/copilot-task.ts
-var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
 var CopilotTask = class {
   constructor(config) {
     this.instructions = config.instructions;
@@ -2783,12 +2834,12 @@ var CopilotTask = class {
       if (this.includeCopilotReadable) {
         contextString += context.getContextString([], defaultCopilotContextCategories);
       }
-      const systemMessage = new import_runtime_client_gql9.TextMessage({
+      const systemMessage = new import_runtime_client_gql8.TextMessage({
         content: taskSystemMessage(contextString, this.instructions),
-        role: import_runtime_client_gql9.Role.System
+        role: import_runtime_client_gql8.Role.System
       });
       const messages = [systemMessage];
-      const runtimeClient = new import_runtime_client_gql9.CopilotRuntimeClient({
+      const runtimeClient = new import_runtime_client_gql8.CopilotRuntimeClient({
         url: context.copilotApiConfig.chatApiEndpoint,
         publicApiKey: context.copilotApiConfig.publicApiKey,
         headers: context.copilotApiConfig.headers,
@@ -2800,9 +2851,9 @@ var CopilotTask = class {
             actions: processActionsForRuntimeRequest(Object.values(actions)),
             url: window.location.href
           },
-          messages: (0, import_runtime_client_gql9.convertMessagesToGqlInput)((0, import_runtime_client_gql9.filterAgentStateMessages)(messages)),
+          messages: (0, import_runtime_client_gql8.convertMessagesToGqlInput)((0, import_runtime_client_gql8.filterAgentStateMessages)(messages)),
           metadata: {
-            requestType: import_runtime_client_gql9.CopilotRequestType.Task
+            requestType: import_runtime_client_gql8.CopilotRequestType.Task
           },
           forwardedParameters: __spreadProps(__spreadValues({}, (_a = this.forwardedParameters) != null ? _a : {}), {
             toolChoice: "required"
@@ -2811,7 +2862,7 @@ var CopilotTask = class {
         properties: context.copilotApiConfig.properties
       }).toPromise();
       const functionCallHandler = context.getFunctionCallHandler(actions);
-      const functionCalls = (0, import_runtime_client_gql9.convertGqlOutputToMessages)(
+      const functionCalls = (0, import_runtime_client_gql8.convertGqlOutputToMessages)(
         ((_c = (_b = response.data) == null ? void 0 : _b.generateCopilotResponse) == null ? void 0 : _c.messages) || []
       ).filter((m) => m.isActionExecutionMessage());
       for (const functionCall of functionCalls) {