@copilotkit/react-ui 1.3.7-fix-chat-interactions-rerenders.0 → 1.3.8-fix-memoize-chat-ui-context.0

package/dist/components/chat/Popup.mjs

@@ -1,30 +1,30 @@
 import {
   CopilotPopup
-} from "../../chunk-PJNNEX4L.mjs";
-import "../../chunk-FUCEBN2P.mjs";
-import "../../chunk-FO7Z5LAL.mjs";
-import "../../chunk-FLV3J3VX.mjs";
-import "../../chunk-YOH25I6N.mjs";
-import "../../chunk-LGS6B47Q.mjs";
+} from "../../chunk-SWADR6EH.mjs";
+import "../../chunk-47OPG5FM.mjs";
+import "../../chunk-YAGE7RCE.mjs";
+import "../../chunk-VEC45H6Q.mjs";
+import "../../chunk-RQNJNK2W.mjs";
+import "../../chunk-3KBQXU44.mjs";
 import "../../chunk-V7W6IM2V.mjs";
-import "../../chunk-YH2STM73.mjs";
-import "../../chunk-RF3KLUPD.mjs";
-import "../../chunk-GOTHQ665.mjs";
-import "../../chunk-MA5B5ELM.mjs";
+import "../../chunk-6BL5C56L.mjs";
+import "../../chunk-ZABXREBH.mjs";
+import "../../chunk-6INMITFA.mjs";
+import "../../chunk-WYMTXCQU.mjs";
 import "../../chunk-KFQYJ5R5.mjs";
-import "../../chunk-QI3OM75G.mjs";
-import "../../chunk-CTPEKUNX.mjs";
+import "../../chunk-RS6UPR5N.mjs";
+import "../../chunk-4FIGRRFS.mjs";
 import "../../chunk-OTPAZXVR.mjs";
-import "../../chunk-HBZPOT37.mjs";
+import "../../chunk-JTINVYPK.mjs";
 import "../../chunk-YQFVRDNC.mjs";
 import "../../chunk-YQ3D5IQV.mjs";
-import "../../chunk-GDNJRSD4.mjs";
-import "../../chunk-XSUSSWDS.mjs";
-import "../../chunk-BJPGMY3I.mjs";
+import "../../chunk-CPMIEVKK.mjs";
+import "../../chunk-3XAXY2Z3.mjs";
+import "../../chunk-CBBFRI3Q.mjs";
 import "../../chunk-UPTB2MVO.mjs";
 import "../../chunk-FZC7X5PK.mjs";
 import "../../chunk-54JAUBUJ.mjs";
-import "../../chunk-5DT3MDBZ.mjs";
+import "../../chunk-S5MBUNGN.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {
   CopilotPopup

package/dist/components/chat/Response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chat/Response.tsx","../../../src/components/chat/ChatContext.tsx"],"sourcesContent":["import { useChatContext } from \"./ChatContext\";\nimport { ResponseButtonProps } from \"./props\";\n\nexport const ResponseButton = ({ onClick, inProgress }: ResponseButtonProps) => {\n  const context = useChatContext();\n  return (\n    <button onClick={onClick} className=\"copilotKitResponseButton\">\n      <span>{inProgress ? context.icons.stopIcon : context.icons.regenerateIcon}</span>\n      {inProgress ? context.labels.stopGenerating : context.labels.regenerateResponse}\n    </button>\n  );\n};\n","import React, { useMemo, useState } from \"react\";\nimport * as DefaultIcons from \"./Icons\";\n\n/**\n * Icons for CopilotChat component.\n */\nexport interface CopilotChatIcons {\n  /**\n   * The icon to use for the open chat button.\n   * @default <OpenIcon />\n   */\n  openIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button.\n   * @default <CloseIcon />\n   */\n  closeIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button in the header.\n   * @default <HeaderCloseIcon />\n   */\n  headerCloseIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the send button.\n   * @default <SendIcon />\n   */\n  sendIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the activity indicator.\n   * @default <ActivityIcon />\n   */\n  activityIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the spinner.\n   * @default <SpinnerIcon />\n   */\n  spinnerIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the stop button.\n   * @default <StopIcon />\n   */\n  stopIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the regenerate button.\n   * @default <RegenerateIcon />\n   */\n  regenerateIcon?: React.ReactNode;\n\n  /**\n   * The icons to use for push to talk.\n   * @default <PushToTalkIcon />\n   */\n\n  pushToTalkIcon?: React.ReactNode;\n}\n\n/**\n * Labels for CopilotChat component.\n */\nexport interface CopilotChatLabels {\n  /**\n   * The initial message(s) to display in the chat window.\n   */\n  initial?: string | string[];\n\n  /**\n   * The title to display in the header.\n   * @default \"CopilotKit\"\n   */\n  title?: string;\n\n  /**\n   * The placeholder to display in the input.\n   * @default \"Type a message...\"\n   */\n  placeholder?: string;\n\n  /**\n   * The message to display when an error occurs.\n   * @default \"❌ An error occurred. Please try again.\"\n   */\n  error?: string;\n\n  /**\n   * The label to display on the stop button.\n   * @default \"Stop generating\"\n   */\n  stopGenerating?: string;\n\n  /**\n   * The label to display on the regenerate button.\n   * @default \"Regenerate response\"\n   */\n  regenerateResponse?: string;\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>;\n  icons: Required<CopilotChatIcons>;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(undefined);\n\nexport function useChatContext(): ChatContext {\n  const context = React.useContext(ChatContext);\n  if (context === undefined) {\n    throw new Error(\n      \"Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?\",\n    );\n  }\n  return context;\n}\n\ninterface ChatContextProps {\n  // temperature?: number;\n  // instructions?: string;\n  // maxFeedback?: number;\n  labels?: CopilotChatLabels;\n  icons?: CopilotChatIcons;\n  children?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContextProvider = ({\n  // temperature,\n  // instructions,\n  // maxFeedback,\n  labels,\n  icons,\n  children,\n  open,\n  setOpen,\n}: ChatContextProps) => {\n  const context = {\n    labels: {\n      ...{\n        initial: \"\",\n        title: \"CopilotKit\",\n        placeholder: \"Type a message...\",\n        error: \"❌ An error occurred. Please try again.\",\n        stopGenerating: \"Stop generating\",\n        regenerateResponse: \"Regenerate response\",\n      },\n      ...labels,\n    },\n\n    icons: {\n      ...{\n        openIcon: DefaultIcons.OpenIcon,\n        closeIcon: DefaultIcons.CloseIcon,\n        headerCloseIcon: DefaultIcons.HeaderCloseIcon,\n        sendIcon: DefaultIcons.SendIcon,\n        activityIcon: DefaultIcons.ActivityIcon,\n        spinnerIcon: DefaultIcons.SpinnerIcon,\n        stopIcon: DefaultIcons.StopIcon,\n        regenerateIcon: DefaultIcons.RegenerateIcon,\n        pushToTalkIcon: DefaultIcons.PushToTalkIcon,\n      },\n      ...icons,\n    },\n    open,\n    setOpen,\n  };\n  return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAyC;AA6KhC;AA/DF,IAAM,cAAc,aAAAA,QAAM,cAAuC,MAAS;AAE1E,SAAS,iBAA8B;AAC5C,QAAM,UAAU,aAAAA,QAAM,WAAW,WAAW;AAC5C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;;;ADlHI,IAAAC,sBAAA;AAHG,IAAM,iBAAiB,CAAC,EAAE,SAAS,WAAW,MAA2B;AAC9E,QAAM,UAAU,eAAe;AAC/B,SACE,8CAAC,YAAO,SAAkB,WAAU,4BAClC;AAAA,iDAAC,UAAM,uBAAa,QAAQ,MAAM,WAAW,QAAQ,MAAM,gBAAe;AAAA,IACzE,aAAa,QAAQ,OAAO,iBAAiB,QAAQ,OAAO;AAAA,KAC/D;AAEJ;","names":["React","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/chat/Response.tsx","../../../src/components/chat/ChatContext.tsx"],"sourcesContent":["import { useChatContext } from \"./ChatContext\";\nimport { ResponseButtonProps } from \"./props\";\n\nexport const ResponseButton = ({ onClick, inProgress }: ResponseButtonProps) => {\n  const context = useChatContext();\n  return (\n    <button onClick={onClick} className=\"copilotKitResponseButton\">\n      <span>{inProgress ? context.icons.stopIcon : context.icons.regenerateIcon}</span>\n      {inProgress ? context.labels.stopGenerating : context.labels.regenerateResponse}\n    </button>\n  );\n};\n","import React, { useMemo, useState } from \"react\";\nimport * as DefaultIcons from \"./Icons\";\n\n/**\n * Icons for CopilotChat component.\n */\nexport interface CopilotChatIcons {\n  /**\n   * The icon to use for the open chat button.\n   * @default <OpenIcon />\n   */\n  openIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button.\n   * @default <CloseIcon />\n   */\n  closeIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the close chat button in the header.\n   * @default <HeaderCloseIcon />\n   */\n  headerCloseIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the send button.\n   * @default <SendIcon />\n   */\n  sendIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the activity indicator.\n   * @default <ActivityIcon />\n   */\n  activityIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the spinner.\n   * @default <SpinnerIcon />\n   */\n  spinnerIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the stop button.\n   * @default <StopIcon />\n   */\n  stopIcon?: React.ReactNode;\n\n  /**\n   * The icon to use for the regenerate button.\n   * @default <RegenerateIcon />\n   */\n  regenerateIcon?: React.ReactNode;\n\n  /**\n   * The icons to use for push to talk.\n   * @default <PushToTalkIcon />\n   */\n\n  pushToTalkIcon?: React.ReactNode;\n}\n\n/**\n * Labels for CopilotChat component.\n */\nexport interface CopilotChatLabels {\n  /**\n   * The initial message(s) to display in the chat window.\n   */\n  initial?: string | string[];\n\n  /**\n   * The title to display in the header.\n   * @default \"CopilotKit\"\n   */\n  title?: string;\n\n  /**\n   * The placeholder to display in the input.\n   * @default \"Type a message...\"\n   */\n  placeholder?: string;\n\n  /**\n   * The message to display when an error occurs.\n   * @default \"❌ An error occurred. Please try again.\"\n   */\n  error?: string;\n\n  /**\n   * The label to display on the stop button.\n   * @default \"Stop generating\"\n   */\n  stopGenerating?: string;\n\n  /**\n   * The label to display on the regenerate button.\n   * @default \"Regenerate response\"\n   */\n  regenerateResponse?: string;\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>;\n  icons: Required<CopilotChatIcons>;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(undefined);\n\nexport function useChatContext(): ChatContext {\n  const context = React.useContext(ChatContext);\n  if (context === undefined) {\n    throw new Error(\n      \"Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?\",\n    );\n  }\n  return context;\n}\n\ninterface ChatContextProps {\n  // temperature?: number;\n  // instructions?: string;\n  // maxFeedback?: number;\n  labels?: CopilotChatLabels;\n  icons?: CopilotChatIcons;\n  children?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const ChatContextProvider = ({\n  // temperature,\n  // instructions,\n  // maxFeedback,\n  labels,\n  icons,\n  children,\n  open,\n  setOpen,\n}: ChatContextProps) => {\n  const memoizedLabels = useMemo(\n    () => ({\n      ...{\n        initial: \"\",\n        title: \"CopilotKit\",\n        placeholder: \"Type a message...\",\n        error: \"❌ An error occurred. Please try again.\",\n        stopGenerating: \"Stop generating\",\n        regenerateResponse: \"Regenerate response\",\n      },\n      ...labels,\n    }),\n    [labels],\n  );\n\n  const memoizedIcons = useMemo(\n    () => ({\n      ...{\n        openIcon: DefaultIcons.OpenIcon,\n        closeIcon: DefaultIcons.CloseIcon,\n        headerCloseIcon: DefaultIcons.HeaderCloseIcon,\n        sendIcon: DefaultIcons.SendIcon,\n        activityIcon: DefaultIcons.ActivityIcon,\n        spinnerIcon: DefaultIcons.SpinnerIcon,\n        stopIcon: DefaultIcons.StopIcon,\n        regenerateIcon: DefaultIcons.RegenerateIcon,\n        pushToTalkIcon: DefaultIcons.PushToTalkIcon,\n      },\n      ...icons,\n    }),\n    [icons],\n  );\n\n  const context = useMemo(\n    () => ({\n      labels: memoizedLabels,\n      icons: memoizedIcons,\n      open,\n      setOpen,\n    }),\n    [memoizedLabels, memoizedIcons, open, setOpen],\n  );\n\n  return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAyC;AA0LhC;AA5EF,IAAM,cAAc,aAAAA,QAAM,cAAuC,MAAS;AAE1E,SAAS,iBAA8B;AAC5C,QAAM,UAAU,aAAAA,QAAM,WAAW,WAAW;AAC5C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;;;ADlHI,IAAAC,sBAAA;AAHG,IAAM,iBAAiB,CAAC,EAAE,SAAS,WAAW,MAA2B;AAC9E,QAAM,UAAU,eAAe;AAC/B,SACE,8CAAC,YAAO,SAAkB,WAAU,4BAClC;AAAA,iDAAC,UAAM,uBAAa,QAAQ,MAAM,WAAW,QAAQ,MAAM,gBAAe;AAAA,IACzE,aAAa,QAAQ,OAAO,iBAAiB,QAAQ,OAAO;AAAA,KAC/D;AAEJ;","names":["React","import_jsx_runtime"]}

package/dist/components/chat/Response.mjs

@@ -1,7 +1,7 @@
 import {
   ResponseButton
-} from "../../chunk-XSUSSWDS.mjs";
-import "../../chunk-BJPGMY3I.mjs";
+} from "../../chunk-3XAXY2Z3.mjs";
+import "../../chunk-CBBFRI3Q.mjs";
 import "../../chunk-FZC7X5PK.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/components/chat/Sidebar.js

@@ -352,8 +352,8 @@ var ChatContextProvider = ({
   open,
   setOpen
 }) => {
-  const context = {
-    labels: __spreadValues(__spreadValues({}, {
+  const memoizedLabels = (0, import_react.useMemo)(
+    () => __spreadValues(__spreadValues({}, {
       initial: "",
       title: "CopilotKit",
       placeholder: "Type a message...",
@@ -361,7 +361,10 @@ var ChatContextProvider = ({
       stopGenerating: "Stop generating",
       regenerateResponse: "Regenerate response"
     }), labels),
-    icons: __spreadValues(__spreadValues({}, {
+    [labels]
+  );
+  const memoizedIcons = (0, import_react.useMemo)(
+    () => __spreadValues(__spreadValues({}, {
       openIcon: OpenIcon,
       closeIcon: CloseIcon,
       headerCloseIcon: HeaderCloseIcon,
@@ -372,9 +375,17 @@ var ChatContextProvider = ({
       regenerateIcon: RegenerateIcon,
       pushToTalkIcon: PushToTalkIcon
     }), icons),
-    open,
-    setOpen
-  };
+    [icons]
+  );
+  const context = (0, import_react.useMemo)(
+    () => ({
+      labels: memoizedLabels,
+      icons: memoizedIcons,
+      open,
+      setOpen
+    }),
+    [memoizedLabels, memoizedIcons, open, setOpen]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChatContext.Provider, { value: context, children });
 };
 
@@ -536,10 +547,10 @@ var Messages = ({
   messages = [...initialMessages, ...messages];
   const actionResults = {};
   for (let i = 0; i < messages.length; i++) {
-    if (messages[i] instanceof import_runtime_client_gql.ActionExecutionMessage) {
+    if (messages[i].isActionExecutionMessage()) {
       const id = messages[i].id;
       const resultMessage = messages.find(
-        (message) => message instanceof import_runtime_client_gql.ResultMessage && message.actionExecutionId === id
+        (message) => message.isResultMessage() && message.actionExecutionId === id
       );
       if (resultMessage) {
         actionResults[id] = import_runtime_client_gql.ResultMessage.decodeResult(resultMessage.result || "");
@@ -560,7 +571,7 @@ var Messages = ({
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessages", children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
-      if (message instanceof import_runtime_client_gql.TextMessage) {
+      if (message.isTextMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           RenderTextMessage2,
           {
@@ -571,7 +582,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
+      } else if (message.isActionExecutionMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           RenderActionExecutionMessage2,
           {
@@ -583,7 +594,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.AgentStateMessage) {
+      } else if (message.isAgentStateMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           RenderAgentStateMessage2,
           {
@@ -594,7 +605,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.ResultMessage) {
+      } else if (message.isResultMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           RenderResultMessage2,
           {
@@ -681,7 +692,6 @@ var Textarea_default = AutoResizingTextarea;
 
 // src/hooks/use-push-to-talk.tsx
 var import_react_core = require("@copilotkit/react-core");
-var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 var import_react5 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -774,7 +784,7 @@ var usePushToTalk = ({
         (message) => message.id === startReadingFromMessageId
       );
       const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
-        (message) => message instanceof import_runtime_client_gql2.TextMessage && message.role === "assistant"
+        (message) => message.isTextMessage() && message.role === "assistant"
       );
       const text = messagesAfterLast.map((message) => message.content).join("\n");
       playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
@@ -862,9 +872,6 @@ var ResponseButton = ({ onClick, inProgress }) => {
   ] });
 };
 
-// src/components/chat/messages/RenderTextMessage.tsx
-var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-
 // src/components/chat/Markdown.tsx
 var import_react8 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"));
@@ -1338,7 +1345,7 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 function RenderTextMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql3.TextMessage) {
+  if (message.isTextMessage()) {
     if (message.role === "user") {
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
     } else if (message.role == "assistant") {
@@ -1348,14 +1355,14 @@ function RenderTextMessage(props) {
 }
 
 // src/components/chat/messages/RenderActionExecutionMessage.tsx
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 var import_react_core3 = require("@copilotkit/react-core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function RenderActionExecutionMessage(props) {
   const { message, inProgress, index, isCurrentMessage, actionResult } = props;
   const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql4.ActionExecutionMessage) {
+  if (message.isActionExecutionMessage()) {
     if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
       const render = chatComponentsCache.current.actions[message.name];
       if (typeof render === "string") {
@@ -1373,7 +1380,7 @@ function RenderActionExecutionMessage(props) {
         let status = "inProgress";
         if (actionResult !== void 0) {
           status = "complete";
-        } else if (message.status.code !== import_runtime_client_gql4.MessageStatusCode.Pending) {
+        } else if (message.status.code !== import_runtime_client_gql2.MessageStatusCode.Pending) {
           status = "executing";
         }
         try {
@@ -1416,25 +1423,23 @@ function RenderActionExecutionMessage(props) {
 }
 
 // src/components/chat/messages/RenderResultMessage.tsx
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function RenderResultMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql5.ResultMessage && inProgress && isCurrentMessage) {
+  if (message.isResultMessage() && inProgress && isCurrentMessage) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: icons.spinnerIcon }, index);
   }
 }
 
 // src/components/chat/messages/RenderAgentStateMessage.tsx
-var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
 var import_react_core4 = require("@copilotkit/react-core");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function RenderAgentStateMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
   const { icons } = useChatContext();
-  if (message instanceof import_runtime_client_gql6.AgentStateMessage) {
+  if (message.isAgentStateMessage()) {
     let render;
     if (chatComponentsCache.current !== null) {
       render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
@@ -1487,7 +1492,7 @@ function RenderAgentStateMessage(props) {
 // src/components/chat/Suggestion.tsx
 var import_react_core5 = require("@copilotkit/react-core");
 var import_shared = require("@copilotkit/shared");
-var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function Suggestion({ title, message, onClick, partial, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
@@ -1523,7 +1528,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
         context,
         instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. " + config.instructions + "\n\n" + numOfSuggestionsInstructions,
         data: "Available tools: " + tools + "\n\n",
-        requestType: import_runtime_client_gql7.CopilotRequestType.Task,
+        requestType: import_runtime_client_gql3.CopilotRequestType.Task,
         parameters: [
           {
             name: "suggestions",
@@ -1579,13 +1584,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react11 = __toESM(require("react"));
 var import_react_core8 = require("@copilotkit/react-core");
-var import_runtime_client_gql10 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
 var import_shared3 = require("@copilotkit/shared");
 
 // src/components/dev-console/utils.ts
 var import_react_core6 = require("@copilotkit/react-core");
-var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1675,7 +1678,7 @@ function logMessages(context) {
     return;
   }
   const tableData = context.messages.map((message) => {
-    if (message instanceof import_runtime_client_gql8.TextMessage) {
+    if (message.isTextMessage()) {
       return {
         id: message.id,
         type: "TextMessage",
@@ -1684,7 +1687,7 @@ function logMessages(context) {
         scope: void 0,
         content: message.content
       };
-    } else if (message instanceof import_runtime_client_gql8.ActionExecutionMessage) {
+    } else if (message.isActionExecutionMessage()) {
       return {
         id: message.id,
         type: "ActionExecutionMessage",
@@ -1693,7 +1696,7 @@ function logMessages(context) {
         scope: message.scope,
         content: message.arguments
       };
-    } else if (message instanceof import_runtime_client_gql8.ResultMessage) {
+    } else if (message.isResultMessage()) {
       return {
         id: message.id,
         type: "ResultMessage",
@@ -1702,7 +1705,7 @@ function logMessages(context) {
         scope: message.actionExecutionId,
         content: message.result
       };
-    } else if (message instanceof import_runtime_client_gql9.AgentStateMessage) {
+    } else if (message.isAgentStateMessage()) {
       return {
         id: message.id,
         type: `AgentStateMessage (running: ${message.running})`,
@@ -2133,9 +2136,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new import_runtime_client_gql10.TextMessage({
+    const message = new import_runtime_client_gql4.TextMessage({
       content: messageContent,
-      role: import_runtime_client_gql10.Role.User
+      role: import_runtime_client_gql4.Role.User
     });
     if (onSubmitMessage) {
       try {