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

package/dist/components/index.mjs

@@ -3,28 +3,16 @@ import "../chunk-SC6JRFAJ.mjs";
 import "../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../chunk-U2EHC4KT.mjs";
+} from "../chunk-I2YM5J5H.mjs";
 import {
   CopilotSidebar
-} from "../chunk-6PL5IKAT.mjs";
-import "../chunk-IOZL5AMG.mjs";
+} from "../chunk-4APTIMH3.mjs";
+import "../chunk-ETQOY3FA.mjs";
 import "../chunk-C3GSYRC3.mjs";
-import "../chunk-GDSZGYCE.mjs";
-import "../chunk-V7W6IM2V.mjs";
-import {
-  CopilotDevConsole
-} from "../chunk-FFJHOZX6.mjs";
-import "../chunk-Q5V6S67N.mjs";
-import {
-  shouldShowDevConsole
-} from "../chunk-JY2CSDKN.mjs";
-import "../chunk-KXE2JCUH.mjs";
-import "../chunk-NRA3CFEE.mjs";
-import "../chunk-BH6PCAAL.mjs";
 import "../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../chunk-SF5OH7KP.mjs";
+} from "../chunk-LG6H5CG5.mjs";
 import {
   Suggestions
 } from "../chunk-QB3GUN2N.mjs";
@@ -32,12 +20,11 @@ import {
   Suggestion
 } from "../chunk-NGJ32FAP.mjs";
 import "../chunk-PLHTVHUW.mjs";
-import "../chunk-3W6J75HS.mjs";
-import "../chunk-ELGRNEAO.mjs";
+import "../chunk-SABFRQEH.mjs";
 import "../chunk-QIOJXTIQ.mjs";
-import "../chunk-YJ45UASA.mjs";
-import "../chunk-GASWCRI7.mjs";
-import "../chunk-VBYQQ5JS.mjs";
+import "../chunk-HIW7RXCD.mjs";
+import "../chunk-7OURDQZJ.mjs";
+import "../chunk-NCIAFFQ2.mjs";
 import {
   AssistantMessage
 } from "../chunk-IHFR6PYG.mjs";
@@ -50,11 +37,24 @@ import {
 import {
   Markdown
 } from "../chunk-JZ3RFQQ6.mjs";
+import "../chunk-ELGRNEAO.mjs";
 import "../chunk-IK2BPURM.mjs";
+import "../chunk-B4EBCYMS.mjs";
 import {
   useChatContext
 } from "../chunk-IEMQ2SQW.mjs";
+import "../chunk-V7W6IM2V.mjs";
+import {
+  CopilotDevConsole
+} from "../chunk-FKJWIQGB.mjs";
+import "../chunk-KXE2JCUH.mjs";
+import "../chunk-NRA3CFEE.mjs";
+import "../chunk-BH6PCAAL.mjs";
+import {
+  shouldShowDevConsole
+} from "../chunk-JY2CSDKN.mjs";
 import "../chunk-XWG3L6QC.mjs";
+import "../chunk-Q5V6S67N.mjs";
 import "../chunk-54JAUBUJ.mjs";
 import "../chunk-JGMFJZMG.mjs";
 import "../chunk-O72ZB5V3.mjs";

package/dist/hooks/index.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(hooks_exports);
 // src/hooks/use-copilot-chat-suggestions.tsx
 var import_react_core = require("@copilotkit/react-core");
 function useCopilotChatSuggestions(config, dependencies = []) {
-  (0, import_react_core.useConfigureChatSuggestions)(config, dependencies);
+  (0, import_react_core.useCopilotChatSuggestions)(config, dependencies);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["export * from \"./use-copilot-chat-suggestions\";\n","/**\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC4DA,wBAGO;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,qDAA4B,QAAQ,YAAY;AAClD;","names":[]}
+{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/use-copilot-chat-suggestions.tsx"],"sourcesContent":["export * from \"./use-copilot-chat-suggestions\";\n","/**\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC4DA,wBAGO;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,wBAAAA,2BAA8B,QAAQ,YAAY;AACpD;","names":["useCoreCopilotChatSuggestions"]}

package/dist/hooks/index.mjs

@@ -1,7 +1,7 @@
 import "../chunk-T26KLXLH.mjs";
 import {
   useCopilotChatSuggestions
-} from "../chunk-OYRZ4VLU.mjs";
+} from "../chunk-Y4FKRAKJ.mjs";
 import "../chunk-MRXNTQOX.mjs";
 export {
   useCopilotChatSuggestions

package/dist/hooks/use-copilot-chat-suggestions.js

@@ -25,7 +25,7 @@ __export(use_copilot_chat_suggestions_exports, {
 module.exports = __toCommonJS(use_copilot_chat_suggestions_exports);
 var import_react_core = require("@copilotkit/react-core");
 function useCopilotChatSuggestions(config, dependencies = []) {
-  (0, import_react_core.useConfigureChatSuggestions)(config, dependencies);
+  (0, import_react_core.useCopilotChatSuggestions)(config, dependencies);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/hooks/use-copilot-chat-suggestions.js.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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DA,wBAGO;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,qDAA4B,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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DA,wBAGO;AAEA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AACA,wBAAAA,2BAA8B,QAAQ,YAAY;AACpD;","names":["useCoreCopilotChatSuggestions"]}

package/dist/hooks/use-copilot-chat-suggestions.mjs

@@ -1,6 +1,6 @@
 import {
   useCopilotChatSuggestions
-} from "../chunk-OYRZ4VLU.mjs";
+} from "../chunk-Y4FKRAKJ.mjs";
 import "../chunk-MRXNTQOX.mjs";
 export {
   useCopilotChatSuggestions

package/dist/index.js

@@ -1790,6 +1790,8 @@ function RenderMessage(_a) {
         },
         index
       );
+    default:
+      return null;
   }
 }
 
@@ -3108,7 +3110,7 @@ function CopilotSidebar(props) {
 // src/hooks/use-copilot-chat-suggestions.tsx
 var import_react_core11 = require("@copilotkit/react-core");
 function useCopilotChatSuggestions(config, dependencies = []) {
-  (0, import_react_core11.useConfigureChatSuggestions)(config, dependencies);
+  (0, import_react_core11.useCopilotChatSuggestions)(config, dependencies);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {