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

package/dist/chunk-WYMTXCQU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/messages/RenderTextMessage.tsx"],"sourcesContent":["import { TextMessage } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { Markdown } from \"../Markdown\";\nimport { useChatContext } from \"../ChatContext\";\n\nexport function RenderTextMessage(props: RenderMessageProps) {\n  const { message, inProgress, index, isCurrentMessage } = props;\n  const { icons } = useChatContext();\n  if (message.isTextMessage()) {\n    if (message.role === \"user\") {\n      return (\n        <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n          {message.content}\n        </div>\n      );\n    } else if (message.role == \"assistant\") {\n      return (\n        <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          {isCurrentMessage && inProgress && !message.content ? (\n            icons.spinnerIcon\n          ) : (\n            <Markdown content={message.content} />\n          )}\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAWQ;AAND,SAAS,kBAAkB,OAA2B;AAC3D,QAAM,EAAE,SAAS,YAAY,OAAO,iBAAiB,IAAI;AACzD,QAAM,EAAE,MAAM,IAAI,eAAe;AACjC,MAAI,QAAQ,cAAc,GAAG;AAC3B,QAAI,QAAQ,SAAS,QAAQ;AAC3B,aACE,oBAAC,SAAgB,WAAU,2CACxB,kBAAQ,WADD,KAEV;AAAA,IAEJ,WAAW,QAAQ,QAAQ,aAAa;AACtC,aACE,oBAAC,SAAgB,WAAW,gDACzB,8BAAoB,cAAc,CAAC,QAAQ,UAC1C,MAAM,cAEN,oBAAC,YAAS,SAAS,QAAQ,SAAS,KAJ9B,KAMV;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-FO7Z5LAL.mjs → chunk-YAGE7RCE.mjs}

@@ -1,6 +1,6 @@
 import {
   useChatContext
-} from "./chunk-BJPGMY3I.mjs";
+} from "./chunk-CBBFRI3Q.mjs";
 
 // src/components/chat/Window.tsx
 import React, { useCallback, useEffect } from "react";
@@ -115,4 +115,4 @@ function isMacOS() {
 export {
   Window
 };
-//# sourceMappingURL=chunk-FO7Z5LAL.mjs.map
+//# sourceMappingURL=chunk-YAGE7RCE.mjs.map

package/dist/{chunk-RF3KLUPD.mjs → chunk-ZABXREBH.mjs}

@@ -1,16 +1,15 @@
 import {
   useChatContext
-} from "./chunk-BJPGMY3I.mjs";
+} from "./chunk-CBBFRI3Q.mjs";
 
 // src/components/chat/messages/RenderAgentStateMessage.tsx
-import { AgentStateMessage } from "@copilotkit/runtime-client-gql";
 import { useCopilotContext } from "@copilotkit/react-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 function RenderAgentStateMessage(props) {
   const { message, inProgress, index, isCurrentMessage } = props;
   const { chatComponentsCache } = useCopilotContext();
   const { icons } = useChatContext();
-  if (message instanceof AgentStateMessage) {
+  if (message.isAgentStateMessage()) {
     let render;
     if (chatComponentsCache.current !== null) {
       render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
@@ -63,4 +62,4 @@ function RenderAgentStateMessage(props) {
 export {
   RenderAgentStateMessage
 };
-//# sourceMappingURL=chunk-RF3KLUPD.mjs.map
+//# sourceMappingURL=chunk-ZABXREBH.mjs.map

package/dist/chunk-ZABXREBH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/messages/RenderAgentStateMessage.tsx"],"sourcesContent":["import { AgentStateMessage } from \"@copilotkit/runtime-client-gql\";\nimport { RenderMessageProps } from \"../props\";\nimport { useChatContext } from \"../ChatContext\";\nimport { CoagentInChatRenderFunction, useCopilotContext } from \"@copilotkit/react-core\";\n\nexport function RenderAgentStateMessage(props: RenderMessageProps) {\n  const { message, inProgress, index, isCurrentMessage } = props;\n  const { chatComponentsCache } = useCopilotContext();\n  const { icons } = useChatContext();\n\n  if (message.isAgentStateMessage()) {\n    let render: string | CoagentInChatRenderFunction | undefined;\n\n    if (chatComponentsCache.current !== null) {\n      render =\n        chatComponentsCache.current.coAgentStateRenders[\n          `${message.agentName}-${message.nodeName}`\n        ] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];\n    }\n\n    if (render) {\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            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n            </div>\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 state = message.state;\n\n        let status = message.active ? \"inProgress\" : \"complete\";\n\n        const toRender = render({\n          status: status as any,\n          state,\n          nodeName: message.nodeName,\n        });\n\n        // No result and complete: stay silent\n        if (!toRender && status === \"complete\") {\n          return null;\n        }\n\n        if (!toRender && isCurrentMessage && inProgress) {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {icons.spinnerIcon}\n            </div>\n          );\n        } else if (!toRender) {\n          return null;\n        }\n\n        if (typeof toRender === \"string\") {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && icons.spinnerIcon} {toRender}\n            </div>\n          );\n        } else {\n          return (\n            <div key={index} className=\"copilotKitCustomAssistantMessage\">\n              {toRender}\n            </div>\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        <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n          {icons.spinnerIcon}\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":";;;;;AAGA,SAAsC,yBAAyB;AAuBnD,SACsB,KADtB;AArBL,SAAS,wBAAwB,OAA2B;AACjE,QAAM,EAAE,SAAS,YAAY,OAAO,iBAAiB,IAAI;AACzD,QAAM,EAAE,oBAAoB,IAAI,kBAAkB;AAClD,QAAM,EAAE,MAAM,IAAI,eAAe;AAEjC,MAAI,QAAQ,oBAAoB,GAAG;AACjC,QAAI;AAEJ,QAAI,oBAAoB,YAAY,MAAM;AACxC,eACE,oBAAoB,QAAQ,oBAC1B,GAAG,QAAQ,aAAa,QAAQ,UAClC,KAAK,oBAAoB,QAAQ,oBAAoB,GAAG,QAAQ,kBAAkB;AAAA,IACtF;AAEA,QAAI,QAAQ;AAEV,UAAI,OAAO,WAAW,UAAU;AAE9B,YAAI,oBAAoB,YAAY;AAClC,iBACE,qBAAC,SAAgB,WAAW,gDACzB;AAAA,kBAAM;AAAA,YAAY;AAAA,YAAC,oBAAC,UAAK,WAAU,mBAAmB,kBAAO;AAAA,eADtD,KAEV;AAAA,QAEJ,OAEK;AACH,iBAAO;AAAA,QACT;AAAA,MACF,OAEK;AACH,cAAM,QAAQ,QAAQ;AAEtB,YAAI,SAAS,QAAQ,SAAS,eAAe;AAE7C,cAAM,WAAW,OAAO;AAAA,UACtB;AAAA,UACA;AAAA,UACA,UAAU,QAAQ;AAAA,QACpB,CAAC;AAGD,YAAI,CAAC,YAAY,WAAW,YAAY;AACtC,iBAAO;AAAA,QACT;AAEA,YAAI,CAAC,YAAY,oBAAoB,YAAY;AAC/C,iBACE,oBAAC,SAAgB,WAAW,gDACzB,gBAAM,eADC,KAEV;AAAA,QAEJ,WAAW,CAAC,UAAU;AACpB,iBAAO;AAAA,QACT;AAEA,YAAI,OAAO,aAAa,UAAU;AAChC,iBACE,qBAAC,SAAgB,WAAW,gDACzB;AAAA,gCAAoB,cAAc,MAAM;AAAA,YAAY;AAAA,YAAE;AAAA,eAD/C,KAEV;AAAA,QAEJ,OAAO;AACL,iBACE,oBAAC,SAAgB,WAAU,oCACxB,sBADO,KAEV;AAAA,QAEJ;AAAA,MACF;AAAA,IACF,WAES,CAAC,cAAc,CAAC,kBAAkB;AAEzC,aAAO;AAAA,IACT,OAAO;AAEL,aACE,oBAAC,SAAgB,WAAW,gDACzB,gBAAM,eADC,KAEV;AAAA,IAEJ;AAAA,EACF;AACF;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chat/Button.tsx","../../../src/components/chat/ChatContext.tsx"],"sourcesContent":["import { ButtonProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\n\nexport const Button = ({}: ButtonProps) => {\n  const { open, setOpen, icons } = useChatContext();\n\n  return (\n    <div onClick={() => setOpen(!open)}>\n      <button\n        className={`copilotKitButton ${open ? \"open\" : \"\"}`}\n        aria-label={open ? \"Close Chat\" : \"Open Chat\"}\n      >\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{icons.openIcon}</div>\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{icons.closeIcon}</div>\n      </button>\n    </div>\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;;;ADhHM,IAAAC,sBAAA;AALC,IAAM,SAAS,CAAC,CAAC,MAAmB;AACzC,QAAM,EAAE,MAAM,SAAS,MAAM,IAAI,eAAe;AAEhD,SACE,6CAAC,SAAI,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,OAAO,SAAS;AAAA,MAC/C,cAAY,OAAO,eAAe;AAAA,MAElC;AAAA,qDAAC,SAAI,WAAU,iDAAiD,gBAAM,UAAS;AAAA,QAC/E,6CAAC,SAAI,WAAU,kDAAkD,gBAAM,WAAU;AAAA;AAAA;AAAA,EACnF,GACF;AAEJ;","names":["React","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/chat/Button.tsx","../../../src/components/chat/ChatContext.tsx"],"sourcesContent":["import { ButtonProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\n\nexport const Button = ({}: ButtonProps) => {\n  const { open, setOpen, icons } = useChatContext();\n\n  return (\n    <div onClick={() => setOpen(!open)}>\n      <button\n        className={`copilotKitButton ${open ? \"open\" : \"\"}`}\n        aria-label={open ? \"Close Chat\" : \"Open Chat\"}\n      >\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{icons.openIcon}</div>\n        <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{icons.closeIcon}</div>\n      </button>\n    </div>\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;;;ADhHM,IAAAC,sBAAA;AALC,IAAM,SAAS,CAAC,CAAC,MAAmB;AACzC,QAAM,EAAE,MAAM,SAAS,MAAM,IAAI,eAAe;AAEhD,SACE,6CAAC,SAAI,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,OAAO,SAAS;AAAA,MAC/C,cAAY,OAAO,eAAe;AAAA,MAElC;AAAA,qDAAC,SAAI,WAAU,iDAAiD,gBAAM,UAAS;AAAA,QAC/E,6CAAC,SAAI,WAAU,kDAAkD,gBAAM,WAAU;AAAA;AAAA;AAAA,EACnF,GACF;AAEJ;","names":["React","import_jsx_runtime"]}

package/dist/components/chat/Button.mjs

@@ -1,7 +1,7 @@
 import {
   Button
-} from "../../chunk-YOH25I6N.mjs";
-import "../../chunk-BJPGMY3I.mjs";
+} from "../../chunk-RQNJNK2W.mjs";
+import "../../chunk-CBBFRI3Q.mjs";
 import "../../chunk-FZC7X5PK.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {

package/dist/components/chat/Chat.js

@@ -350,8 +350,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...",
@@ -359,7 +359,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,
@@ -370,9 +373,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 });
 };
 
@@ -397,10 +408,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 || "");
@@ -421,7 +432,7 @@ var Messages = ({
   return /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(
           RenderTextMessage2,
           {
@@ -432,7 +443,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
+      } else if (message.isActionExecutionMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderActionExecutionMessage2,
           {
@@ -444,7 +455,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.AgentStateMessage) {
+      } else if (message.isAgentStateMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderAgentStateMessage2,
           {
@@ -455,7 +466,7 @@ var Messages = ({
           },
           index
         );
-      } else if (message instanceof import_runtime_client_gql.ResultMessage) {
+      } else if (message.isResultMessage()) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           RenderResultMessage2,
           {
@@ -542,7 +553,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_react4 = require("react");
 var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
   if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -635,7 +645,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);
@@ -723,9 +733,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_react7 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"));
@@ -1199,7 +1206,7 @@ var import_jsx_runtime9 = 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_runtime9.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
     } else if (message.role == "assistant") {
@@ -1209,14 +1216,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_runtime10 = 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") {
@@ -1234,7 +1241,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 {
@@ -1277,25 +1284,23 @@ function RenderActionExecutionMessage(props) {
 }
 
 // src/components/chat/messages/RenderResultMessage.tsx
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime11 = 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_runtime11.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_runtime12 = 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`];
@@ -1348,7 +1353,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_runtime13 = require("react/jsx-runtime");
 function Suggestion({ title, message, onClick, partial, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -1384,7 +1389,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",
@@ -1440,13 +1445,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react10 = __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;
@@ -1536,7 +1539,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",
@@ -1545,7 +1548,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",
@@ -1554,7 +1557,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",
@@ -1563,7 +1566,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})`,
@@ -1994,9 +1997,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 {