@copilotkit/react-ui 1.9.2-next.8 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,204 @@
 # ui
 
+## 1.9.2
+
+### 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>
+
+- 10345a5: - feat: structured error visibility system for streaming errors
+- abe23c3: - feat: enable hiding stop button
+- 35537f1: - fix: memoize nested components to not rerender when content changes
+- Updated dependencies [cbeccb5]
+- Updated dependencies [3f8c575]
+- Updated dependencies [fac89c2]
+- Updated dependencies [e1de032]
+- Updated dependencies [92e8d1c]
+- Updated dependencies [9169ad7]
+- Updated dependencies [c75a04f]
+- Updated dependencies [c75a04f]
+- Updated dependencies [fe9009c]
+- Updated dependencies [1d1c51d]
+- Updated dependencies [10345a5]
+- Updated dependencies [9169ad7]
+- Updated dependencies [35537f1]
+  - @copilotkit/react-core@1.9.2
+  - @copilotkit/shared@1.9.2
+  - @copilotkit/runtime-client-gql@1.9.2
+
+## 1.9.2-next.26
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.26
+- @copilotkit/react-core@1.9.2-next.26
+- @copilotkit/shared@1.9.2-next.26
+
+## 1.9.2-next.25
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.25
+- @copilotkit/react-core@1.9.2-next.25
+- @copilotkit/shared@1.9.2-next.25
+
+## 1.9.2-next.24
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.24
+- @copilotkit/react-core@1.9.2-next.24
+- @copilotkit/shared@1.9.2-next.24
+
+## 1.9.2-next.23
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.23
+- @copilotkit/react-core@1.9.2-next.23
+- @copilotkit/shared@1.9.2-next.23
+
+## 1.9.2-next.22
+
+### Patch Changes
+
+- Updated dependencies [c75a04f]
+- Updated dependencies [c75a04f]
+  - @copilotkit/react-core@1.9.2-next.22
+  - @copilotkit/runtime-client-gql@1.9.2-next.22
+  - @copilotkit/shared@1.9.2-next.22
+
+## 1.9.2-next.21
+
+### Patch Changes
+
+- Updated dependencies [92e8d1c]
+  - @copilotkit/react-core@1.9.2-next.21
+  - @copilotkit/runtime-client-gql@1.9.2-next.21
+  - @copilotkit/shared@1.9.2-next.21
+
+## 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
+
+- @copilotkit/runtime-client-gql@1.9.2-next.19
+- @copilotkit/react-core@1.9.2-next.19
+- @copilotkit/shared@1.9.2-next.19
+
+## 1.9.2-next.18
+
+### Patch Changes
+
+- Updated dependencies [fac89c2]
+  - @copilotkit/react-core@1.9.2-next.18
+  - @copilotkit/shared@1.9.2-next.18
+  - @copilotkit/runtime-client-gql@1.9.2-next.18
+
+## 1.9.2-next.17
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.17
+- @copilotkit/react-core@1.9.2-next.17
+- @copilotkit/shared@1.9.2-next.17
+
+## 1.9.2-next.16
+
+### Patch Changes
+
+- Updated dependencies [fe9009c]
+  - @copilotkit/react-core@1.9.2-next.16
+  - @copilotkit/runtime-client-gql@1.9.2-next.16
+  - @copilotkit/shared@1.9.2-next.16
+
+## 1.9.2-next.15
+
+### Patch Changes
+
+- Updated dependencies [cbeccb5]
+  - @copilotkit/react-core@1.9.2-next.15
+  - @copilotkit/runtime-client-gql@1.9.2-next.15
+  - @copilotkit/shared@1.9.2-next.15
+
+## 1.9.2-next.14
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.14
+- @copilotkit/react-core@1.9.2-next.14
+- @copilotkit/shared@1.9.2-next.14
+
+## 1.9.2-next.13
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.13
+- @copilotkit/react-core@1.9.2-next.13
+- @copilotkit/shared@1.9.2-next.13
+
+## 1.9.2-next.12
+
+### Patch Changes
+
+- Updated dependencies [3f8c575]
+  - @copilotkit/react-core@1.9.2-next.12
+  - @copilotkit/runtime-client-gql@1.9.2-next.12
+  - @copilotkit/shared@1.9.2-next.12
+
+## 1.9.2-next.11
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.11
+- @copilotkit/react-core@1.9.2-next.11
+- @copilotkit/shared@1.9.2-next.11
+
+## 1.9.2-next.10
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.9.2-next.10
+- @copilotkit/react-core@1.9.2-next.10
+- @copilotkit/shared@1.9.2-next.10
+
+## 1.9.2-next.9
+
+### Patch Changes
+
+- Updated dependencies [1d1c51d]
+  - @copilotkit/react-core@1.9.2-next.9
+  - @copilotkit/runtime-client-gql@1.9.2-next.9
+  - @copilotkit/shared@1.9.2-next.9
+
 ## 1.9.2-next.8
 
 ### Patch Changes

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

@@ -1,6 +1,6 @@
 import {
   RenderActionExecutionMessage
-} from "./chunk-UKCPOBQM.mjs";
+} from "./chunk-53CVDVS5.mjs";
 import {
   RenderAgentStateMessage
 } from "./chunk-2II3Q27P.mjs";
@@ -471,4 +471,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-KQEMBE47.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-AHVYHPVQ.mjs → chunk-BP3RN6OE.mjs}

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

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-KQEMBE47.mjs";
+} from "./chunk-4RAYX7ZX.mjs";
 import {
   AssistantMessage
 } from "./chunk-L3GZ7TXC.mjs";
@@ -141,4 +141,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-OMIVNOML.mjs.map
+//# sourceMappingURL=chunk-EQUUN7ZM.mjs.map

package/dist/{chunk-2TJK4TTF.mjs → chunk-TSDSBNOS.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-OMIVNOML.mjs";
+} from "./chunk-EQUUN7ZM.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-2TJK4TTF.mjs.map
+//# sourceMappingURL=chunk-TSDSBNOS.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;