@copilotkit/react-ui 1.1.3-feat-runtime-remote-actions.2 → 1.2.1

package/CHANGELOG.md

@@ -1,40 +1,42 @@
 # ui
 
-## 1.1.3-feat-runtime-remote-actions.2
+## 1.2.1
 
 ### Patch Changes
 
-- Better message grouping
-- Updated dependencies
-  - @copilotkit/runtime-client-gql@1.1.3-feat-runtime-remote-actions.2
-  - @copilotkit/react-core@1.1.3-feat-runtime-remote-actions.2
-  - @copilotkit/shared@1.1.3-feat-runtime-remote-actions.2
-
-## 1.1.3-feat-runtime-remote-actions.1
+- inject minified css in bundle
 
-### Patch Changes
+  - removes the need to import `styles.css` manually
+  - empty `styles.css` included in the build for backwards compatibility
+  - uses tsup's `injectStyles` with `postcss` to bundle and minify the CSS, then inject it as a style tag
+  - currently uses my fork of `tsup` where I added support for async function in `injectStyles` (must-have for postcss), a PR from my fork to the main library will follow shortly
+  - remove material-ui, and use `react-icons` for icons (same icons as before)
+  - remove unused `IncludedFilesPreview` component
+  - updated docs
 
-- Reduce request size by skipping intermediate state
 - Updated dependencies
-  - @copilotkit/runtime-client-gql@1.1.3-feat-runtime-remote-actions.1
-  - @copilotkit/react-core@1.1.3-feat-runtime-remote-actions.1
-  - @copilotkit/shared@1.1.3-feat-runtime-remote-actions.1
+  - @copilotkit/react-core@1.2.1
+  - @copilotkit/runtime-client-gql@1.2.1
+  - @copilotkit/shared@1.2.1
+
+## 1.2.0
 
-## 1.1.3-feat-runtime-remote-actions.0
+### Minor Changes
+
+- Fix errors related to crypto not being found, and other bug fixes
 
 ### Patch Changes
 
 - 638d51d: appendMessage fix 1
-- Rename hooks and bugfixes
 - faccbe1: state-abuse resistance for useCopilotChat
 - b0cf700: remove unnecessary logging
-- Updated dependencies [638d51d]
 - Updated dependencies
+- Updated dependencies [638d51d]
 - Updated dependencies [faccbe1]
 - Updated dependencies [b0cf700]
-  - @copilotkit/react-core@1.1.3-feat-runtime-remote-actions.0
-  - @copilotkit/runtime-client-gql@1.1.3-feat-runtime-remote-actions.0
-  - @copilotkit/shared@1.1.3-feat-runtime-remote-actions.0
+  - @copilotkit/react-core@1.2.0
+  - @copilotkit/runtime-client-gql@1.2.0
+  - @copilotkit/shared@1.2.0
 
 ## 1.1.2
 

package/dist/components/chat/Button.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from './props.mjs';
+import '@copilotkit/runtime-client-gql';
+
+declare const Button: ({}: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button };

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 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,EAAE;AAAA,MACjD,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,9 +1,33 @@
-import {
-  Button
-} from "../../chunk-YOH25I6N.mjs";
-import "../../chunk-BJPGMY3I.mjs";
-import "../../chunk-FZC7X5PK.mjs";
-import "../../chunk-MRXNTQOX.mjs";
+// src/components/chat/ChatContext.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ChatContext = React.createContext(void 0);
+function useChatContext() {
+  const context = React.useContext(ChatContext);
+  if (context === void 0) {
+    throw new Error(
+      "Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?"
+    );
+  }
+  return context;
+}
+
+// src/components/chat/Button.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Button = ({}) => {
+  const { open, setOpen, icons } = useChatContext();
+  return /* @__PURE__ */ jsx2("div", { onClick: () => setOpen(!open), children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `copilotKitButton ${open ? "open" : ""}`,
+      "aria-label": open ? "Close Chat" : "Open Chat",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: icons.openIcon }),
+        /* @__PURE__ */ jsx2("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: icons.closeIcon })
+      ]
+    }
+  ) });
+};
 export {
   Button
 };

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/components/chat/ChatContext.tsx","../../../src/components/chat/Button.tsx"],"sourcesContent":["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","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"],"mappings":";AAAA,OAAO,WAAkC;AA6KhC;AA/DF,IAAM,cAAc,MAAM,cAAuC,MAAS;AAE1E,SAAS,iBAA8B;AAC5C,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;;;AChHM,SAIE,OAAAA,MAJF;AALC,IAAM,SAAS,CAAC,CAAC,MAAmB;AACzC,QAAM,EAAE,MAAM,SAAS,MAAM,IAAI,eAAe;AAEhD,SACE,gBAAAA,KAAC,SAAI,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,OAAO,SAAS,EAAE;AAAA,MACjD,cAAY,OAAO,eAAe;AAAA,MAElC;AAAA,wBAAAA,KAAC,SAAI,WAAU,iDAAiD,gBAAM,UAAS;AAAA,QAC/E,gBAAAA,KAAC,SAAI,WAAU,kDAAkD,gBAAM,WAAU;AAAA;AAAA;AAAA,EACnF,GACF;AAEJ;","names":["jsx"]}

package/dist/components/chat/Chat.d.mts

@@ -0,0 +1,87 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CopilotChatIcons, CopilotChatLabels } from './ChatContext.mjs';
+import React__default from 'react';
+import { SystemMessageFunction } from '@copilotkit/react-core';
+import { CopilotChatSuggestion } from '../../types/suggestions.mjs';
+import { Message } from '@copilotkit/runtime-client-gql';
+import { MessagesProps, InputProps, ResponseButtonProps } from './props.mjs';
+
+/**
+ * Props for CopilotChat component.
+ */
+interface CopilotChatProps {
+    /**
+     * Custom instructions to be added to the system message. Use this property to
+     * provide additional context or guidance to the language model, influencing
+     * its responses. These instructions can include specific directions,
+     * preferences, or criteria that the model should consider when generating
+     * its output, thereby tailoring the conversation more precisely to the
+     * user's needs or the application's requirements.
+     */
+    instructions?: string;
+    /**
+     * A callback that gets called when the in progress state changes.
+     */
+    onInProgress?: (inProgress: boolean) => void;
+    /**
+     * A callback that gets called when a new message it submitted.
+     */
+    onSubmitMessage?: (message: string) => void | Promise<void>;
+    /**
+     * Icons can be used to set custom icons for the chat window.
+     */
+    icons?: CopilotChatIcons;
+    /**
+     * Labels can be used to set custom labels for the chat window.
+     */
+    labels?: CopilotChatLabels;
+    /**
+     * A function that takes in context string and instructions and returns
+     * the system message to include in the chat request.
+     * Use this to completely override the system message, when providing
+     * instructions is not enough.
+     */
+    makeSystemMessage?: SystemMessageFunction;
+    /**
+     * Whether to show the response button.
+     * @default true
+     */
+    showResponseButton?: boolean;
+    /**
+     * A custom Messages component to use instead of the default.
+     */
+    Messages?: React__default.ComponentType<MessagesProps>;
+    /**
+     * A custom Input component to use instead of the default.
+     */
+    Input?: React__default.ComponentType<InputProps>;
+    /**
+     * A custom ResponseButton component to use instead of the default.
+     */
+    ResponseButton?: React__default.ComponentType<ResponseButtonProps>;
+    /**
+     * A class name to apply to the root element.
+     */
+    className?: string;
+    /**
+     * Children to render.
+     */
+    children?: React__default.ReactNode;
+}
+declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, showResponseButton, onInProgress, Messages, Input, ResponseButton, className, icons, labels, }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+declare function WrappedCopilotChat({ children, icons, labels, className, }: {
+    children: React__default.ReactNode;
+    icons?: CopilotChatIcons;
+    labels?: CopilotChatLabels;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => void) => {
+    visibleMessages: Message[];
+    isLoading: boolean;
+    currentSuggestions: CopilotChatSuggestion[];
+    sendMessage: (messageContent: string) => Promise<Message>;
+    stopGeneration: () => void;
+    reloadMessages: () => Promise<void>;
+};
+
+export { CopilotChat, type CopilotChatProps, WrappedCopilotChat, useCopilotChatLogic };

package/dist/components/chat/Chat.d.ts

@@ -75,7 +75,7 @@ declare function WrappedCopilotChat({ children, icons, labels, className, }: {
     labels?: CopilotChatLabels;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => Promise<void> | void) => {
+declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => void) => {
     visibleMessages: Message[];
     isLoading: boolean;
     currentSuggestions: CopilotChatSuggestion[];
@@ -84,4 +84,4 @@ declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, o
     reloadMessages: () => Promise<void>;
 };
 
-export { CopilotChat, CopilotChatProps, WrappedCopilotChat, useCopilotChatLogic };
+export { CopilotChat, type CopilotChatProps, WrappedCopilotChat, useCopilotChatLogic };

package/dist/components/chat/Chat.js

@@ -469,8 +469,7 @@ var CodeBlock = (0, import_react2.memo)(({ language, value }) => {
     URL.revokeObjectURL(url);
   };
   const onCopy = () => {
-    if (isCopied)
-      return;
+    if (isCopied) return;
     copyToClipboard(value);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitCodeBlock", children: [
@@ -890,8 +889,8 @@ var Messages = ({ messages, inProgress, children }) => {
       } else if (message instanceof import_runtime_client_gql.TextMessage && message.role == "assistant") {
         return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: isCurrentMessage && inProgress && !message.content ? context.icons.spinnerIcon : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Markdown, { content: message.content }) }, index);
       } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
-        if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
-          const render = chatComponentsCache.current.actions[message.name];
+        if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {
+          const render = chatComponentsCache.current[message.name];
           if (typeof render === "string") {
             if (isCurrentMessage && inProgress) {
               return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
@@ -933,50 +932,6 @@ var Messages = ({ messages, inProgress, children }) => {
         } else {
           return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
         }
-      } else if (message instanceof import_runtime_client_gql.AgentStateMessage) {
-        let render;
-        if (chatComponentsCache.current !== null) {
-          render = chatComponentsCache.current.coagentActions[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coagentActions[`${message.agentName}-global`];
-        }
-        if (render) {
-          if (typeof render === "string") {
-            if (isCurrentMessage && inProgress) {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
-                context.icons.spinnerIcon,
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inProgressLabel", children: render })
-              ] }, index);
-            } else {
-              return null;
-            }
-          } else {
-            const state = message.state;
-            let status = message.active ? "inProgress" : "complete";
-            const toRender = render({
-              status,
-              state,
-              nodeName: message.nodeName
-            });
-            if (!toRender && status === "complete") {
-              return null;
-            }
-            if (typeof toRender === "string") {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
-                isCurrentMessage && inProgress && context.icons.spinnerIcon,
-                " ",
-                toRender
-              ] }, index);
-            } else {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
-            }
-          }
-        } else if (!inProgress || !isCurrentMessage) {
-          return null;
-        } else {
-          return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
-        }
-      } else if (message instanceof import_runtime_client_gql.ResultMessage && inProgress && isCurrentMessage) {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
       }
     }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("footer", { ref: messagesEndRef, children })
@@ -1164,15 +1119,13 @@ var Input = ({ inProgress, onSend, isVisible = false }) => {
   const textareaRef = (0, import_react7.useRef)(null);
   const handleDivClick = (event) => {
     var _a;
-    if (event.target !== event.currentTarget)
-      return;
+    if (event.target !== event.currentTarget) return;
     (_a = textareaRef.current) == null ? void 0 : _a.focus();
   };
   const [text, setText] = (0, import_react7.useState)("");
   const send = () => {
     var _a;
-    if (inProgress)
-      return;
+    if (inProgress) return;
     onSend(text);
     setText("");
     (_a = textareaRef.current) == null ? void 0 : _a.focus();
@@ -1327,13 +1280,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 // src/components/chat/Chat.tsx
 var import_react10 = __toESM(require("react"));
 var import_react_core7 = require("@copilotkit/react-core");
-var import_runtime_client_gql6 = 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_core5 = require("@copilotkit/react-core");
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
 function shouldShowDevConsole(showDevConsole) {
   if (typeof showDevConsole === "boolean") {
     return showDevConsole;
@@ -1394,7 +1345,6 @@ function getPublishedCopilotKitVersion(current, forceCheck = false) {
   });
 }
 function logReadables(context) {
-  console.log("%cCurrent Readables:", "font-size: 16px; font-weight: bold;");
   const readables = context.getContextString([], import_react_core5.defaultCopilotContextCategories).trim();
   if (readables.length === 0) {
     console.log("No readables found");
@@ -1403,7 +1353,6 @@ function logReadables(context) {
   console.log(readables);
 }
 function logActions(context) {
-  console.log("%cCurrent Actions:", "font-size: 16px; font-weight: bold;");
   if (Object.values(context.actions).length === 0) {
     console.log("No actions found");
     return;
@@ -1416,53 +1365,6 @@ function logActions(context) {
     console.groupEnd();
   }
 }
-function logMessages(context) {
-  console.log("%cCurrent Messages:", "font-size: 16px; font-weight: bold;");
-  if (context.messages.length === 0) {
-    console.log("No messages found");
-    return;
-  }
-  const tableData = context.messages.map((message) => {
-    if (message instanceof import_runtime_client_gql4.TextMessage) {
-      return {
-        id: message.id,
-        type: "TextMessage",
-        role: message.role,
-        name: void 0,
-        scope: void 0,
-        content: message.content
-      };
-    } else if (message instanceof import_runtime_client_gql4.ActionExecutionMessage) {
-      return {
-        id: message.id,
-        type: "ActionExecutionMessage",
-        role: void 0,
-        name: message.name,
-        scope: message.scope,
-        content: message.arguments
-      };
-    } else if (message instanceof import_runtime_client_gql4.ResultMessage) {
-      return {
-        id: message.id,
-        type: "ResultMessage",
-        role: void 0,
-        name: message.actionName,
-        scope: message.actionExecutionId,
-        content: message.result
-      };
-    } else if (message instanceof import_runtime_client_gql5.AgentStateMessage) {
-      return {
-        id: message.id,
-        type: `AgentStateMessage (running: ${message.running})`,
-        role: message.role,
-        name: void 0,
-        scope: message.threadId,
-        content: message.state
-      };
-    }
-  });
-  console.table(tableData);
-}
 
 // src/components/dev-console/console.tsx
 var import_react_core6 = require("@copilotkit/react-core");
@@ -1737,7 +1639,6 @@ function DebugMenuButton({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logReadables(context), children: "Log Readables" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logActions(context), children: "Log Actions" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => logMessages(context), children: "Log Messages" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => checkForUpdates(true), children: "Check for Updates" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("hr", {}),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react9.MenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "copilotKitDebugMenuItem", onClick: () => setShowDevConsole(false), children: "Hide Dev Console" }) })
@@ -1856,9 +1757,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
   const sendMessage = (messageContent) => __async(void 0, null, function* () {
     abortSuggestions();
     setCurrentSuggestions([]);
-    const message = new import_runtime_client_gql6.TextMessage({
+    const message = new import_runtime_client_gql4.TextMessage({
       content: messageContent,
-      role: import_runtime_client_gql6.Role.User
+      role: import_runtime_client_gql4.Role.User
     });
     appendMessage(message);
     if (onSubmitMessage) {