@copilotkit/react-ui 1.50.0-beta.7 → 1.50.0-beta.9

package/CHANGELOG.md

@@ -1,16 +1,33 @@
 # ui
 
-## 1.50.0-beta.7
+## 1.50.0-beta.9
 
 ### Minor Changes
 
-- Updating package versions for consistency
+- Refactor suggestions to not always run
 
 ### Patch Changes
 
 - Updated dependencies
-  - @copilotkit/runtime-client-gql@1.50.0-beta.7
+  - @copilotkit/runtime-client-gql@1.50.0-beta.9
+  - @copilotkit/react-core@1.50.0-beta.9
+  - @copilotkit/shared@1.50.0-beta.9
+
+## 1.50.0-beta.8
+
+### Patch Changes
+
+- @copilotkit/react-core@1.50.0-beta.8
+- @copilotkit/runtime-client-gql@1.50.0-beta.8
+- @copilotkit/shared@1.50.0-beta.8
+
+## 1.50.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [6ce0edc]
   - @copilotkit/react-core@1.50.0-beta.7
+  - @copilotkit/runtime-client-gql@1.50.0-beta.7
   - @copilotkit/shared@1.50.0-beta.7
 
 ## 1.50.0-beta.6

package/dist/{chunk-6PL5IKAT.mjs → chunk-4APTIMH3.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-IOZL5AMG.mjs";
+} from "./chunk-ETQOY3FA.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-6PL5IKAT.mjs.map
+//# sourceMappingURL=chunk-4APTIMH3.mjs.map

package/dist/{chunk-GASWCRI7.mjs → chunk-7OURDQZJ.mjs}

@@ -1,6 +1,6 @@
 import {
   RenderMessage
-} from "./chunk-VBYQQ5JS.mjs";
+} from "./chunk-NCIAFFQ2.mjs";
 
 // src/components/chat/messages/LegacyRenderMessage.tsx
 import { aguiToGQL } from "@copilotkit/runtime-client-gql";
@@ -130,4 +130,4 @@ var LegacyRenderMessage = ({
 export {
   LegacyRenderMessage
 };
-//# sourceMappingURL=chunk-GASWCRI7.mjs.map
+//# sourceMappingURL=chunk-7OURDQZJ.mjs.map

package/dist/{chunk-GDSZGYCE.mjs → chunk-B4EBCYMS.mjs}

@@ -1,9 +1,9 @@
-import {
-  CopilotDevConsole
-} from "./chunk-FFJHOZX6.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
+import {
+  CopilotDevConsole
+} from "./chunk-FKJWIQGB.mjs";
 
 // src/components/chat/Header.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ var Header = ({}) => {
 export {
   Header
 };
-//# sourceMappingURL=chunk-GDSZGYCE.mjs.map
+//# sourceMappingURL=chunk-B4EBCYMS.mjs.map

package/dist/{chunk-IOZL5AMG.mjs → chunk-ETQOY3FA.mjs}

@@ -1,27 +1,27 @@
 import {
   Window
 } from "./chunk-C3GSYRC3.mjs";
-import {
-  Header
-} from "./chunk-GDSZGYCE.mjs";
 import {
   Button
 } from "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-SF5OH7KP.mjs";
+} from "./chunk-LG6H5CG5.mjs";
 import {
   Input
-} from "./chunk-3W6J75HS.mjs";
+} from "./chunk-SABFRQEH.mjs";
 import {
   Messages
-} from "./chunk-YJ45UASA.mjs";
+} from "./chunk-HIW7RXCD.mjs";
 import {
   AssistantMessage
 } from "./chunk-IHFR6PYG.mjs";
 import {
   UserMessage
 } from "./chunk-RYUCX3ZK.mjs";
+import {
+  Header
+} from "./chunk-B4EBCYMS.mjs";
 import {
   ChatContextProvider,
   useChatContext
@@ -219,4 +219,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-IOZL5AMG.mjs.map
+//# sourceMappingURL=chunk-ETQOY3FA.mjs.map

package/dist/{chunk-FFJHOZX6.mjs → chunk-FKJWIQGB.mjs}

@@ -1,9 +1,6 @@
 import {
-  CheckIcon,
-  ChevronDownIcon,
-  ExclamationMarkIcon,
-  ExclamationMarkTriangleIcon
-} from "./chunk-Q5V6S67N.mjs";
+  CopilotKitHelpModal
+} from "./chunk-NRA3CFEE.mjs";
 import {
   getPublishedCopilotKitVersion,
   logActions,
@@ -11,12 +8,15 @@ import {
   logReadables,
   shouldShowDevConsole
 } from "./chunk-JY2CSDKN.mjs";
-import {
-  CopilotKitHelpModal
-} from "./chunk-NRA3CFEE.mjs";
 import {
   SmallSpinnerIcon
 } from "./chunk-XWG3L6QC.mjs";
+import {
+  CheckIcon,
+  ChevronDownIcon,
+  ExclamationMarkIcon,
+  ExclamationMarkTriangleIcon
+} from "./chunk-Q5V6S67N.mjs";
 
 // src/components/dev-console/console.tsx
 import { useCopilotContext, useCopilotMessagesContext } from "@copilotkit/react-core";
@@ -199,4 +199,4 @@ export {
   CopilotDevConsole,
   DebugMenuButton
 };
-//# sourceMappingURL=chunk-FFJHOZX6.mjs.map
+//# sourceMappingURL=chunk-FKJWIQGB.mjs.map

package/dist/{chunk-YJ45UASA.mjs → chunk-HIW7RXCD.mjs}

@@ -1,6 +1,6 @@
 import {
   LegacyRenderMessage
-} from "./chunk-GASWCRI7.mjs";
+} from "./chunk-7OURDQZJ.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -181,4 +181,4 @@ export {
   Messages,
   useScrollToBottom
 };
-//# sourceMappingURL=chunk-YJ45UASA.mjs.map
+//# sourceMappingURL=chunk-HIW7RXCD.mjs.map

package/dist/{chunk-U2EHC4KT.mjs → chunk-I2YM5J5H.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-IOZL5AMG.mjs";
+} from "./chunk-ETQOY3FA.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-U2EHC4KT.mjs.map
+//# sourceMappingURL=chunk-I2YM5J5H.mjs.map

package/dist/{chunk-SF5OH7KP.mjs → chunk-LG6H5CG5.mjs}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-PLHTVHUW.mjs";
 import {
   Input
-} from "./chunk-3W6J75HS.mjs";
+} from "./chunk-SABFRQEH.mjs";
 import {
   Messages
-} from "./chunk-YJ45UASA.mjs";
+} from "./chunk-HIW7RXCD.mjs";
 import {
   RenderMessage
-} from "./chunk-VBYQQ5JS.mjs";
+} from "./chunk-NCIAFFQ2.mjs";
 import {
   AssistantMessage
 } from "./chunk-IHFR6PYG.mjs";
@@ -428,4 +428,4 @@ export {
   CopilotChat,
   WrappedCopilotChat
 };
-//# sourceMappingURL=chunk-SF5OH7KP.mjs.map
+//# sourceMappingURL=chunk-LG6H5CG5.mjs.map

package/dist/{chunk-VBYQQ5JS.mjs → chunk-NCIAFFQ2.mjs}

@@ -71,10 +71,12 @@ function RenderMessage(_a) {
         },
         index
       );
+    default:
+      return null;
   }
 }
 
 export {
   RenderMessage
 };
-//# sourceMappingURL=chunk-VBYQQ5JS.mjs.map
+//# sourceMappingURL=chunk-NCIAFFQ2.mjs.map

package/dist/{chunk-VBYQQ5JS.mjs.map → chunk-NCIAFFQ2.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { UserMessage as DefaultUserMessage } from \"./UserMessage\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\nimport { ImageRenderer as DefaultImageRenderer } from \"./ImageRenderer\";\n\nexport function RenderMessage({\n  UserMessage = DefaultUserMessage,\n  AssistantMessage = DefaultAssistantMessage,\n  ImageRenderer = DefaultImageRenderer,\n  ...props\n}: RenderMessageProps) {\n  const {\n    message,\n    messages,\n    inProgress,\n    index,\n    isCurrentMessage,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    messageFeedback,\n    markdownTagRenderers,\n  } = props;\n\n  switch (message.role) {\n    case \"user\":\n      return (\n        <UserMessage\n          key={index}\n          rawData={message}\n          data-message-role=\"user\"\n          message={message}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    case \"assistant\":\n      return (\n        <AssistantMessage\n          key={index}\n          data-message-role=\"assistant\"\n          subComponent={message.generativeUI?.()}\n          rawData={message}\n          message={message}\n          messages={messages}\n          isLoading={inProgress && isCurrentMessage && !message.content}\n          isGenerating={inProgress && isCurrentMessage && !!message.content}\n          isCurrentMessage={isCurrentMessage}\n          onRegenerate={() => onRegenerate?.(message.id)}\n          onCopy={onCopy}\n          onThumbsUp={onThumbsUp}\n          onThumbsDown={onThumbsDown}\n          feedback={messageFeedback?.[message.id] || null}\n          markdownTagRenderers={markdownTagRenderers}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BQ;AAvBD,SAAS,cAAc,IAKP;AALO,eAC5B;AAAA,iBAAAA,eAAc;AAAA,IACd,kBAAAC,oBAAmB;AAAA,IACnB,eAAAC,iBAAgB;AAAA,EARlB,IAK8B,IAIzB,kBAJyB,IAIzB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AARF,MAAAC;AAWE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAS;AAAA,UACT,qBAAkB;AAAA,UAClB;AAAA,UACA,eAAeE;AAAA;AAAA,QAJV;AAAA,MAKP;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAACD;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,eAAcE,MAAA,QAAQ,iBAAR,gBAAAA,IAAA;AAAA,UACd,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,WAAW,cAAc,oBAAoB,CAAC,QAAQ;AAAA,UACtD,cAAc,cAAc,oBAAoB,CAAC,CAAC,QAAQ;AAAA,UAC1D;AAAA,UACA,cAAc,MAAM,6CAAe,QAAQ;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAU,mDAAkB,QAAQ,QAAO;AAAA,UAC3C;AAAA,UACA,eAAeD;AAAA;AAAA,QAfV;AAAA,MAgBP;AAAA,EAEN;AACF;","names":["UserMessage","AssistantMessage","ImageRenderer","_a"]}
+{"version":3,"sources":["../src/components/chat/messages/RenderMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { UserMessage as DefaultUserMessage } from \"./UserMessage\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\nimport { ImageRenderer as DefaultImageRenderer } from \"./ImageRenderer\";\n\nexport function RenderMessage({\n  UserMessage = DefaultUserMessage,\n  AssistantMessage = DefaultAssistantMessage,\n  ImageRenderer = DefaultImageRenderer,\n  ...props\n}: RenderMessageProps) {\n  const {\n    message,\n    messages,\n    inProgress,\n    index,\n    isCurrentMessage,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    messageFeedback,\n    markdownTagRenderers,\n  } = props;\n\n  switch (message.role) {\n    case \"user\":\n      return (\n        <UserMessage\n          key={index}\n          rawData={message}\n          data-message-role=\"user\"\n          message={message}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    case \"assistant\":\n      return (\n        <AssistantMessage\n          key={index}\n          data-message-role=\"assistant\"\n          subComponent={message.generativeUI?.()}\n          rawData={message}\n          message={message}\n          messages={messages}\n          isLoading={inProgress && isCurrentMessage && !message.content}\n          isGenerating={inProgress && isCurrentMessage && !!message.content}\n          isCurrentMessage={isCurrentMessage}\n          onRegenerate={() => onRegenerate?.(message.id)}\n          onCopy={onCopy}\n          onThumbsUp={onThumbsUp}\n          onThumbsDown={onThumbsDown}\n          feedback={messageFeedback?.[message.id] || null}\n          markdownTagRenderers={markdownTagRenderers}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BQ;AAvBD,SAAS,cAAc,IAKP;AALO,eAC5B;AAAA,iBAAAA,eAAc;AAAA,IACd,kBAAAC,oBAAmB;AAAA,IACnB,eAAAC,iBAAgB;AAAA,EARlB,IAK8B,IAIzB,kBAJyB,IAIzB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AARF,MAAAC;AAWE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAS;AAAA,UACT,qBAAkB;AAAA,UAClB;AAAA,UACA,eAAeE;AAAA;AAAA,QAJV;AAAA,MAKP;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAACD;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,eAAcE,MAAA,QAAQ,iBAAR,gBAAAA,IAAA;AAAA,UACd,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,WAAW,cAAc,oBAAoB,CAAC,QAAQ;AAAA,UACtD,cAAc,cAAc,oBAAoB,CAAC,CAAC,QAAQ;AAAA,UAC1D;AAAA,UACA,cAAc,MAAM,6CAAe,QAAQ;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAU,mDAAkB,QAAQ,QAAO;AAAA,UAC3C;AAAA,UACA,eAAeD;AAAA;AAAA,QAfV;AAAA,MAgBP;AAAA,IAEJ;AACE,aAAO;AAAA,EACX;AACF;","names":["UserMessage","AssistantMessage","ImageRenderer","_a"]}

package/dist/{chunk-3W6J75HS.mjs → chunk-SABFRQEH.mjs}

@@ -1,9 +1,9 @@
-import {
-  PoweredByTag
-} from "./chunk-ELGRNEAO.mjs";
 import {
   Textarea_default
 } from "./chunk-QIOJXTIQ.mjs";
+import {
+  PoweredByTag
+} from "./chunk-ELGRNEAO.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -123,4 +123,4 @@ var Input = ({
 export {
   Input
 };
-//# sourceMappingURL=chunk-3W6J75HS.mjs.map
+//# sourceMappingURL=chunk-SABFRQEH.mjs.map

package/dist/{chunk-OYRZ4VLU.mjs → chunk-Y4FKRAKJ.mjs}

@@ -1,12 +1,12 @@
 // src/hooks/use-copilot-chat-suggestions.tsx
 import {
-  useConfigureChatSuggestions
+  useCopilotChatSuggestions as useCoreCopilotChatSuggestions
 } from "@copilotkit/react-core";
 function useCopilotChatSuggestions(config, dependencies = []) {
-  useConfigureChatSuggestions(config, dependencies);
+  useCoreCopilotChatSuggestions(config, dependencies);
 }
 
 export {
   useCopilotChatSuggestions
 };
-//# sourceMappingURL=chunk-OYRZ4VLU.mjs.map
+//# sourceMappingURL=chunk-Y4FKRAKJ.mjs.map

package/dist/{chunk-OYRZ4VLU.mjs.map → chunk-Y4FKRAKJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\nimport {\n  useConfigureChatSuggestions,\n  type UseCopilotChatSuggestionsConfiguration,\n} from \"@copilotkit/react-core\";\n\nexport function useCopilotChatSuggestions(\n  config: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  useConfigureChatSuggestions(config, dependencies);\n}\n"],"mappings":";AA4DA;AAAA,EACE;AAAA,OAEK;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,8BAA4B,QAAQ,YAAY;AAClD;","names":[]}
+{"version":3,"sources":["../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["/**\n * <Callout type=\"warning\">\n *   useCopilotChatSuggestions is experimental. The interface is not final and\n *   can change without notice.\n * </Callout>\n *\n * `useCopilotReadable` is a React hook that provides app-state and other information\n * to the Copilot. Optionally, the hook can also handle hierarchical state within your\n * application, passing these parent-child relationships to the Copilot.\n *\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/use-copilot-chat-suggestions/use-copilot-chat-suggestions.gif\" width=\"500\" />\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ### Simple Usage\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   const [employees, setEmployees] = useState([]);\n *\n *   useCopilotChatSuggestions({\n *     instructions: `The following employees are on duty: ${JSON.stringify(employees)}`,\n *   });\n * }\n * ```\n *\n * ### Dependency Management\n *\n * ```tsx\n * import { useCopilotChatSuggestions } from \"@copilotkit/react-ui\";\n *\n * export function MyComponent() {\n *   useCopilotChatSuggestions(\n *     {\n *       instructions: \"Suggest the most relevant next actions.\",\n *     },\n *     [appState],\n *   );\n * }\n * ```\n *\n * In the example above, the suggestions are generated based on the given instructions.\n * The hook monitors `appState`, and updates suggestions accordingly whenever it changes.\n *\n * ### Behavior and Lifecycle\n *\n * The hook registers the configuration with the chat context upon component mount and\n * removes it on unmount, ensuring a clean and efficient lifecycle management.\n */\nimport {\n  useCopilotChatSuggestions as useCoreCopilotChatSuggestions,\n  type UseCopilotChatSuggestionsConfiguration,\n} from \"@copilotkit/react-core\";\n\nexport function useCopilotChatSuggestions(\n  config: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  useCoreCopilotChatSuggestions(config, dependencies);\n}\n"],"mappings":";AA4DA;AAAA,EACE,6BAA6B;AAAA,OAExB;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,gCAA8B,QAAQ,YAAY;AACpD;","names":[]}

package/dist/components/chat/Chat.js

@@ -1146,6 +1146,8 @@ function RenderMessage(_a) {
         },
         index
       );
+    default:
+      return null;
   }
 }