@copilotkit/react-ui 1.5.12-next.3 → 1.5.12-next.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # ui
 
+## 1.5.12-next.4
+
+### Patch Changes
+
+- @copilotkit/runtime-client-gql@1.5.12-next.4
+- @copilotkit/react-core@1.5.12-next.4
+- @copilotkit/shared@1.5.12-next.4
+
 ## 1.5.12-next.3
 
 ### Patch Changes

package/dist/{chunk-I7MG52I5.mjs → chunk-3CGR5FXK.mjs}

@@ -15,27 +15,27 @@ import {
 } from "./chunk-3VNMQWGT.mjs";
 import {
   RenderActionExecutionMessage
-} from "./chunk-P5A3A5FO.mjs";
+} from "./chunk-XB6QCUPB.mjs";
+import {
+  Messages
+} from "./chunk-34FREWVK.mjs";
+import {
+  ResponseButton
+} from "./chunk-3XAXY2Z3.mjs";
 import {
   Suggestion,
   reloadSuggestions
 } from "./chunk-RJCZRKTV.mjs";
-import {
-  CopilotDevConsole
-} from "./chunk-F2W5FD7L.mjs";
 import {
   Input
 } from "./chunk-EMQEEXUB.mjs";
-import {
-  Messages
-} from "./chunk-34FREWVK.mjs";
-import {
-  ResponseButton
-} from "./chunk-3XAXY2Z3.mjs";
 import {
   ChatContext,
   ChatContextProvider
 } from "./chunk-CBBFRI3Q.mjs";
+import {
+  CopilotDevConsole
+} from "./chunk-HZGELGAZ.mjs";
 import {
   __async,
   __spreadProps,
@@ -311,4 +311,4 @@ export {
   WrappedCopilotChat,
   useCopilotChatLogic
 };
-//# sourceMappingURL=chunk-I7MG52I5.mjs.map
+//# sourceMappingURL=chunk-3CGR5FXK.mjs.map

package/dist/{chunk-B23XDGH4.mjs → chunk-CIP6WIZY.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-VKVNMHM5.mjs";
+} from "./chunk-VN6664CL.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-B23XDGH4.mjs.map
+//# sourceMappingURL=chunk-CIP6WIZY.mjs.map

package/dist/{chunk-O6JFOQQA.mjs → chunk-GUIGQMEU.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-VKVNMHM5.mjs";
+} from "./chunk-VN6664CL.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-O6JFOQQA.mjs.map
+//# sourceMappingURL=chunk-GUIGQMEU.mjs.map

package/dist/{chunk-F2W5FD7L.mjs → chunk-HZGELGAZ.mjs}

@@ -1,3 +1,6 @@
+import {
+  CopilotKitHelpModal
+} from "./chunk-TI7SY2RI.mjs";
 import {
   getPublishedCopilotKitVersion,
   logActions,
@@ -6,8 +9,8 @@ import {
   shouldShowDevConsole
 } from "./chunk-PNQVKBPN.mjs";
 import {
-  CopilotKitHelpModal
-} from "./chunk-TI7SY2RI.mjs";
+  SmallSpinnerIcon
+} from "./chunk-FZC7X5PK.mjs";
 import {
   CheckIcon,
   ChevronDownIcon,
@@ -15,9 +18,6 @@ import {
   ExclamationMarkIcon,
   ExclamationMarkTriangleIcon
 } from "./chunk-OTPAZXVR.mjs";
-import {
-  SmallSpinnerIcon
-} from "./chunk-FZC7X5PK.mjs";
 
 // src/components/dev-console/console.tsx
 import { useCopilotContext, useCopilotMessagesContext } from "@copilotkit/react-core";
@@ -229,4 +229,4 @@ export {
   CopilotDevConsole,
   DebugMenuButton
 };
-//# sourceMappingURL=chunk-F2W5FD7L.mjs.map
+//# sourceMappingURL=chunk-HZGELGAZ.mjs.map

package/dist/{chunk-VKVNMHM5.mjs → chunk-VN6664CL.mjs}

@@ -1,30 +1,30 @@
 import {
   Window
 } from "./chunk-YAGE7RCE.mjs";
-import {
-  Header
-} from "./chunk-VEC45H6Q.mjs";
 import {
   Button
 } from "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-I7MG52I5.mjs";
+} from "./chunk-3CGR5FXK.mjs";
 import {
   UserMessage
 } from "./chunk-HEIDCT7I.mjs";
 import {
   AssistantMessage
 } from "./chunk-3VNMQWGT.mjs";
-import {
-  Input
-} from "./chunk-EMQEEXUB.mjs";
 import {
   Messages
 } from "./chunk-34FREWVK.mjs";
 import {
   ResponseButton
 } from "./chunk-3XAXY2Z3.mjs";
+import {
+  Header
+} from "./chunk-VEC45H6Q.mjs";
+import {
+  Input
+} from "./chunk-EMQEEXUB.mjs";
 import {
   ChatContextProvider
 } from "./chunk-CBBFRI3Q.mjs";
@@ -102,4 +102,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-VKVNMHM5.mjs.map
+//# sourceMappingURL=chunk-VN6664CL.mjs.map

package/dist/{chunk-P5A3A5FO.mjs → chunk-XB6QCUPB.mjs}

@@ -76,13 +76,13 @@ function RenderActionExecutionMessage(props) {
               "data-message-role": "assistant",
               isLoading: false,
               isGenerating: false,
-              subComponent: /* @__PURE__ */ jsxs("div", { children: [
+              subComponent: /* @__PURE__ */ jsxs("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
                 /* @__PURE__ */ jsxs("b", { children: [
-                  "\u274C Error executing render: ",
-                  message.name
+                  "\u274C Error executing render function for action ",
+                  message.name,
+                  ":"
                 ] }),
-                /* @__PURE__ */ jsx("br", {}),
-                e instanceof Error ? e.message : String(e)
+                /* @__PURE__ */ jsx("pre", { children: e instanceof Error ? e.message : String(e) })
               ] })
             },
             index
@@ -109,4 +109,4 @@ function RenderActionExecutionMessage(props) {
 export {
   RenderActionExecutionMessage
 };
-//# sourceMappingURL=chunk-P5A3A5FO.mjs.map
+//# sourceMappingURL=chunk-XB6QCUPB.mjs.map

package/dist/{chunk-P5A3A5FO.mjs.map → chunk-XB6QCUPB.mjs.map}

@@ -1 +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\";\n\nexport function RenderActionExecutionMessage(props: RenderMessageProps) {\n  const { chatComponentsCache } = useCopilotContext();\n  const { message, inProgress, index, isCurrentMessage, actionResult, AssistantMessage } = 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,\n            args,\n            result: actionResult,\n            name: message.name,\n          });\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          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>\n                  <b>❌ Error executing render: {message.name}</b>\n                  <br />\n                  {e instanceof Error ? e.message : String(e)}\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;AAoB5C,cAwEM,YAxEN;AAlBL,SAAS,6BAA6B,OAA2B;AACtE,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,SAAS,YAAY,OAAO,kBAAkB,cAAc,iBAAiB,IAAI;AAEzF,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,YAAC;AAAA;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,YACA;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,QAAQ;AAAA,UAChB,CAAC;AAED,cAAI,CAAC,YAAY,WAAW,YAAY;AACtC,mBAAO;AAAA,UACT;AACA,cAAI,OAAO,aAAa,UAAU;AAChC,mBACE;AAAA,cAAC;AAAA;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,cAAC;AAAA;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;AACA,kBAAQ,MAAM,8CAA8C,QAAQ,SAAS,GAAG;AAChF,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,qBAAkB;AAAA,cAElB,WAAW;AAAA,cACX,cAAc;AAAA,cACd,cACE,qBAAC,SACC;AAAA,qCAAC,OAAE;AAAA;AAAA,kBAA2B,QAAQ;AAAA,mBAAK;AAAA,gBAC3C,oBAAC,QAAG;AAAA,gBACH,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;AAAA,iBAC5C;AAAA;AAAA,YARG;AAAA,UAUP;AAAA,QAEJ;AAAA,MACF;AAAA,IACF,WAES,CAAC,cAAc,CAAC,kBAAkB;AAEzC,aAAO;AAAA,IACT,OAAO;AAEL,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UAET,qBAAkB;AAAA,UAClB,WAAW;AAAA,UACX,cAAc;AAAA;AAAA,QAHT;AAAA,MAIP;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}
+{"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\";\n\nexport function RenderActionExecutionMessage(props: RenderMessageProps) {\n  const { chatComponentsCache } = useCopilotContext();\n  const { message, inProgress, index, isCurrentMessage, actionResult, AssistantMessage } = 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,\n            args,\n            result: actionResult,\n            name: message.name,\n          });\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          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;AAoB5C,cAwEM,YAxEN;AAlBL,SAAS,6BAA6B,OAA2B;AACtE,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,SAAS,YAAY,OAAO,kBAAkB,cAAc,iBAAiB,IAAI;AAEzF,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,YAAC;AAAA;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,YACA;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,QAAQ;AAAA,UAChB,CAAC;AAED,cAAI,CAAC,YAAY,WAAW,YAAY;AACtC,mBAAO;AAAA,UACT;AACA,cAAI,OAAO,aAAa,UAAU;AAChC,mBACE;AAAA,cAAC;AAAA;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,cAAC;AAAA;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;AACA,kBAAQ,MAAM,8CAA8C,QAAQ,SAAS,GAAG;AAChF,iBACE;AAAA,YAAC;AAAA;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,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UAET,qBAAkB;AAAA,UAClB,WAAW;AAAA,UACX,cAAc;AAAA;AAAA,QAHT;AAAA,MAIP;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/components/chat/Chat.js

@@ -915,13 +915,13 @@ function RenderActionExecutionMessage(props) {
               "data-message-role": "assistant",
               isLoading: false,
               isGenerating: false,
-              subComponent: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+              subComponent: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("b", { children: [
-                  "\u274C Error executing render: ",
-                  message.name
+                  "\u274C Error executing render function for action ",
+                  message.name,
+                  ":"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
-                e instanceof Error ? e.message : String(e)
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { children: e instanceof Error ? e.message : String(e) })
               ] })
             },
             index