@copilotkit/react-ui 1.9.2-next.19 → 1.9.2-next.20

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # ui
 
+## 1.9.2-next.20
+
+### Patch Changes
+
+- e1de032: - fix: synchronously execute renderAndWaitForResponse
+
+  Previously, it was impossible to execute multiple human-in-the-loop (renderAndWaitForResponse)
+  calls in a row. Ultimately this was due to an issue with how CopilotKit was rendering the updates
+  when multiple renderAndWaitForResponse actions appeared on screen due to a reference based approach.
+
+  With this change, actions will be executed in a synchronous way appearing almost queue like. This
+  works with any combination of action given much more freedom when asking for user input.
+
+  Signed-off-by: Tyler Slaton <tyler@copilotkit.ai>
+
+- Updated dependencies [e1de032]
+  - @copilotkit/react-core@1.9.2-next.20
+  - @copilotkit/runtime-client-gql@1.9.2-next.20
+  - @copilotkit/shared@1.9.2-next.20
+
 ## 1.9.2-next.19
 
 ### Patch Changes

package/dist/{chunk-6CM2HBBL.mjs → chunk-4RAYX7ZX.mjs}

@@ -1,6 +1,6 @@
 import {
   RenderActionExecutionMessage
-} from "./chunk-UKCPOBQM.mjs";
+} from "./chunk-53CVDVS5.mjs";
 import {
   RenderAgentStateMessage
 } from "./chunk-2II3Q27P.mjs";
@@ -22,22 +22,22 @@ import {
 import {
   Suggestions
 } from "./chunk-QGSPTXOV.mjs";
+import {
+  reloadSuggestions
+} from "./chunk-IMBPSLL4.mjs";
+import {
+  ImageUploadQueue
+} from "./chunk-PLHTVHUW.mjs";
 import {
   Input
-} from "./chunk-2CVOR5KS.mjs";
+} from "./chunk-X3LV7OXQ.mjs";
 import {
   Messages
 } from "./chunk-B3D7U7TJ.mjs";
-import {
-  reloadSuggestions
-} from "./chunk-IMBPSLL4.mjs";
 import {
   ChatContext,
   ChatContextProvider
 } from "./chunk-IEMQ2SQW.mjs";
-import {
-  ImageUploadQueue
-} from "./chunk-PLHTVHUW.mjs";
 import {
   __async,
   __spreadProps,
@@ -471,4 +471,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-6CM2HBBL.mjs.map
+//# sourceMappingURL=chunk-4RAYX7ZX.mjs.map

package/dist/{chunk-UKCPOBQM.mjs → chunk-53CVDVS5.mjs}

@@ -47,9 +47,12 @@ function RenderActionExecutionMessage(_a) {
         try {
           const toRender = render({
             status,
+            // Cast to any as RenderFunctionStatus is a union that can be complex to narrow here
             args,
             result: actionResult,
-            name: message.name
+            name: message.name,
+            messageId: message.id
+            // Pass messageId for HITL action correlation
           });
           if (!toRender && status === "complete") {
             return null;
@@ -121,4 +124,4 @@ function RenderActionExecutionMessage(_a) {
 export {
   RenderActionExecutionMessage
 };
-//# sourceMappingURL=chunk-UKCPOBQM.mjs.map
+//# sourceMappingURL=chunk-53CVDVS5.mjs.map

package/dist/chunk-53CVDVS5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/messages/RenderActionExecutionMessage.tsx"],"sourcesContent":["import { MessageStatusCode } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { RenderFunctionStatus, useCopilotContext } from \"@copilotkit/react-core\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\n\nexport function RenderActionExecutionMessage({\n  AssistantMessage = DefaultAssistantMessage,\n  ...props\n}: RenderMessageProps) {\n  const { chatComponentsCache } = useCopilotContext();\n  const { message, inProgress, index, isCurrentMessage, actionResult } = props;\n\n  if (message.isActionExecutionMessage()) {\n    if (\n      chatComponentsCache.current !== null &&\n      (chatComponentsCache.current.actions[message.name] ||\n        chatComponentsCache.current.actions[\"*\"])\n    ) {\n      const render =\n        chatComponentsCache.current.actions[message.name] ||\n        chatComponentsCache.current.actions[\"*\"];\n      // render a static string\n      if (typeof render === \"string\") {\n        // when render is static, we show it only when in progress\n        if (isCurrentMessage && inProgress) {\n          return (\n            <AssistantMessage\n              rawData={message}\n              key={index}\n              data-message-role=\"assistant\"\n              isLoading={false}\n              isGenerating={true}\n              message={render}\n            />\n          );\n        }\n        // Done - silent by default to avoid a series of \"done\" messages\n        else {\n          return null;\n        }\n      }\n      // render is a function\n      else {\n        const args = message.arguments;\n\n        let status: RenderFunctionStatus = \"inProgress\";\n\n        if (actionResult !== undefined) {\n          status = \"complete\";\n        } else if (message.status.code !== MessageStatusCode.Pending) {\n          status = \"executing\";\n        }\n\n        try {\n          const toRender = render({\n            status: status as any, // Cast to any as RenderFunctionStatus is a union that can be complex to narrow here\n            args,\n            result: actionResult,\n            name: message.name,\n            messageId: message.id, // Pass messageId for HITL action correlation\n          } as any);\n          // No result and complete: stay silent\n          if (!toRender && status === \"complete\") {\n            return null;\n          }\n          if (typeof toRender === \"string\") {\n            return (\n              <AssistantMessage\n                rawData={message}\n                data-message-role=\"assistant\"\n                key={index}\n                isLoading={false}\n                isGenerating={false}\n                message={toRender}\n              />\n            );\n          } else {\n            return (\n              <AssistantMessage\n                rawData={message}\n                data-message-role=\"action-render\"\n                key={index}\n                isLoading={false}\n                isGenerating={false}\n                subComponent={toRender}\n              />\n            );\n          }\n        } catch (e) {\n          // It's useful to log this error for developers to debug their custom render functions\n          console.error(`Error executing render function for action ${message.name}: ${e}`);\n          return (\n            <AssistantMessage\n              rawData={message}\n              data-message-role=\"assistant\"\n              key={index}\n              isLoading={false}\n              isGenerating={false}\n              subComponent={\n                <div className=\"copilotKitMessage copilotKitAssistantMessage\">\n                  <b>❌ Error executing render function for action {message.name}:</b>\n                  <pre>{e instanceof Error ? e.message : String(e)}</pre>\n                </div>\n              }\n            />\n          );\n        }\n      }\n    }\n    // No render function found- show the default message\n    else if (!inProgress || !isCurrentMessage) {\n      // Done - silent by default to avoid a series of \"done\" messages\n      return null;\n    } else {\n      // In progress\n      return (\n        <AssistantMessage\n          rawData={message}\n          key={index}\n          data-message-role=\"assistant\"\n          isLoading={true}\n          isGenerating={true}\n        />\n      );\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,yBAAyB;AAElC,SAA+B,yBAAyB;AAwB5C,cA0EM,YA1EN;AArBL,SAAS,6BAA6B,IAGtB;AAHsB,eAC3C;AAAA,sBAAAA,oBAAmB;AAAA,EANrB,IAK6C,IAExC,kBAFwC,IAExC;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,SAAS,YAAY,OAAO,kBAAkB,aAAa,IAAI;AAEvE,MAAI,QAAQ,yBAAyB,GAAG;AACtC,QACE,oBAAoB,YAAY,SAC/B,oBAAoB,QAAQ,QAAQ,QAAQ,IAAI,KAC/C,oBAAoB,QAAQ,QAAQ,GAAG,IACzC;AACA,YAAM,SACJ,oBAAoB,QAAQ,QAAQ,QAAQ,IAAI,KAChD,oBAAoB,QAAQ,QAAQ,GAAG;AAEzC,UAAI,OAAO,WAAW,UAAU;AAE9B,YAAI,oBAAoB,YAAY;AAClC,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cAET,qBAAkB;AAAA,cAClB,WAAW;AAAA,cACX,cAAc;AAAA,cACd,SAAS;AAAA;AAAA,YAJJ;AAAA,UAKP;AAAA,QAEJ,OAEK;AACH,iBAAO;AAAA,QACT;AAAA,MACF,OAEK;AACH,cAAM,OAAO,QAAQ;AAErB,YAAI,SAA+B;AAEnC,YAAI,iBAAiB,QAAW;AAC9B,mBAAS;AAAA,QACX,WAAW,QAAQ,OAAO,SAAS,kBAAkB,SAAS;AAC5D,mBAAS;AAAA,QACX;AAEA,YAAI;AACF,gBAAM,WAAW,OAAO;AAAA,YACtB;AAAA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,QAAQ;AAAA,YACd,WAAW,QAAQ;AAAA;AAAA,UACrB,CAAQ;AAER,cAAI,CAAC,YAAY,WAAW,YAAY;AACtC,mBAAO;AAAA,UACT;AACA,cAAI,OAAO,aAAa,UAAU;AAChC,mBACE;AAAA,cAACA;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBACT,qBAAkB;AAAA,gBAElB,WAAW;AAAA,gBACX,cAAc;AAAA,gBACd,SAAS;AAAA;AAAA,cAHJ;AAAA,YAIP;AAAA,UAEJ,OAAO;AACL,mBACE;AAAA,cAACA;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBACT,qBAAkB;AAAA,gBAElB,WAAW;AAAA,gBACX,cAAc;AAAA,gBACd,cAAc;AAAA;AAAA,cAHT;AAAA,YAIP;AAAA,UAEJ;AAAA,QACF,SAAS,GAAP;AAEA,kBAAQ,MAAM,8CAA8C,QAAQ,SAAS,GAAG;AAChF,iBACE;AAAA,YAACA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,qBAAkB;AAAA,cAElB,WAAW;AAAA,cACX,cAAc;AAAA,cACd,cACE,qBAAC,SAAI,WAAU,gDACb;AAAA,qCAAC,OAAE;AAAA;AAAA,kBAA8C,QAAQ;AAAA,kBAAK;AAAA,mBAAC;AAAA,gBAC/D,oBAAC,SAAK,uBAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,GAAE;AAAA,iBACnD;AAAA;AAAA,YAPG;AAAA,UASP;AAAA,QAEJ;AAAA,MACF;AAAA,IACF,WAES,CAAC,cAAc,CAAC,kBAAkB;AAEzC,aAAO;AAAA,IACT,OAAO;AAEL,aACE;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UAET,qBAAkB;AAAA,UAClB,WAAW;AAAA,UACX,cAAc;AAAA;AAAA,QAHT;AAAA,MAIP;AAAA,IAEJ;AAAA,EACF;AACF;","names":["AssistantMessage"]}

package/dist/{chunk-MFDPLECB.mjs → chunk-BP3RN6OE.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-P2ZW5H55.mjs";
+} from "./chunk-EQUUN7ZM.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-MFDPLECB.mjs.map
+//# sourceMappingURL=chunk-BP3RN6OE.mjs.map

package/dist/{chunk-P2ZW5H55.mjs → chunk-EQUUN7ZM.mjs}

@@ -1,12 +1,15 @@
 import {
   Window
 } from "./chunk-C3GSYRC3.mjs";
+import {
+  Header
+} from "./chunk-GVKA7RQQ.mjs";
 import {
   Button
 } from "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-6CM2HBBL.mjs";
+} from "./chunk-4RAYX7ZX.mjs";
 import {
   AssistantMessage
 } from "./chunk-L3GZ7TXC.mjs";
@@ -15,13 +18,10 @@ import {
 } from "./chunk-HWMFMBJC.mjs";
 import {
   Input
-} from "./chunk-2CVOR5KS.mjs";
+} from "./chunk-X3LV7OXQ.mjs";
 import {
   Messages
 } from "./chunk-B3D7U7TJ.mjs";
-import {
-  Header
-} from "./chunk-GVKA7RQQ.mjs";
 import {
   ChatContextProvider
 } from "./chunk-IEMQ2SQW.mjs";
@@ -141,4 +141,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-P2ZW5H55.mjs.map
+//# sourceMappingURL=chunk-EQUUN7ZM.mjs.map

package/dist/{chunk-ITDBNJM6.mjs → chunk-TSDSBNOS.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-P2ZW5H55.mjs";
+} from "./chunk-EQUUN7ZM.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-ITDBNJM6.mjs.map
+//# sourceMappingURL=chunk-TSDSBNOS.mjs.map

package/dist/{chunk-2CVOR5KS.mjs → chunk-X3LV7OXQ.mjs}

@@ -1,9 +1,9 @@
-import {
-  Textarea_default
-} from "./chunk-YQFVRDNC.mjs";
 import {
   PoweredByTag
 } from "./chunk-CGEAG65D.mjs";
+import {
+  Textarea_default
+} from "./chunk-YQFVRDNC.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -117,4 +117,4 @@ var Input = ({
 export {
   Input
 };
-//# sourceMappingURL=chunk-2CVOR5KS.mjs.map
+//# sourceMappingURL=chunk-X3LV7OXQ.mjs.map

package/dist/components/chat/Chat.js

@@ -1593,9 +1593,12 @@ function RenderActionExecutionMessage(_a) {
         try {
           const toRender = render({
             status,
+            // Cast to any as RenderFunctionStatus is a union that can be complex to narrow here
             args,
             result: actionResult,
-            name: message.name
+            name: message.name,
+            messageId: message.id
+            // Pass messageId for HITL action correlation
           });
           if (!toRender && status === "complete") {
             return null;