@copilotkit/react-core 1.50.0-beta.8 → 1.50.0-beta.9

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

@@ -1,13 +1,12 @@
 import {
   useCopilotChatHeadless_c
-} from "../chunk-KYY2WZSR.mjs";
+} from "../chunk-YJGPIN3R.mjs";
 import {
   defaultSystemMessage
-} from "../chunk-EKDPRKZT.mjs";
-import "../chunk-VV56AVPB.mjs";
+} from "../chunk-3775VM7Y.mjs";
 import "../chunk-ZVF5Q6IH.mjs";
+import "../chunk-VV56AVPB.mjs";
 import "../chunk-I76HKHPJ.mjs";
-import "../chunk-FBVI3LQ6.mjs";
 import "../chunk-6PUNP7CD.mjs";
 import "../chunk-O7ARI5CV.mjs";
 import "../chunk-QNUAXSDP.mjs";

package/dist/hooks/{use-configure-chat-suggestions.d.ts → use-copilot-chat-suggestions.d.ts}

@@ -1,4 +1,3 @@
-import { useSuggestions } from '@copilotkitnext/react';
 import { StaticSuggestionsConfig, Suggestion } from '@copilotkitnext/core';
 
 type StaticSuggestionInput = Omit<Suggestion, "isLoading"> & Partial<Pick<Suggestion, "isLoading">>;
@@ -31,6 +30,6 @@ type DynamicSuggestionsConfigInput = {
     className?: string;
 };
 type UseCopilotChatSuggestionsConfiguration = DynamicSuggestionsConfigInput | StaticSuggestionsConfigInput;
-declare function useConfigureChatSuggestions(config: UseCopilotChatSuggestionsConfiguration, dependencies?: any[]): ReturnType<typeof useSuggestions>;
+declare function useCopilotChatSuggestions(config: UseCopilotChatSuggestionsConfiguration, dependencies?: any[]): void;
 
-export { UseCopilotChatSuggestionsConfiguration, useConfigureChatSuggestions };
+export { UseCopilotChatSuggestionsConfiguration, useCopilotChatSuggestions };

package/dist/hooks/{use-configure-chat-suggestions.js → use-copilot-chat-suggestions.js}

@@ -34,46 +34,27 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/hooks/use-configure-chat-suggestions.tsx
-var use_configure_chat_suggestions_exports = {};
-__export(use_configure_chat_suggestions_exports, {
-  useConfigureChatSuggestions: () => useConfigureChatSuggestions
+// src/hooks/use-copilot-chat-suggestions.tsx
+var use_copilot_chat_suggestions_exports = {};
+__export(use_copilot_chat_suggestions_exports, {
+  useCopilotChatSuggestions: () => useCopilotChatSuggestions
 });
-module.exports = __toCommonJS(use_configure_chat_suggestions_exports);
+module.exports = __toCommonJS(use_copilot_chat_suggestions_exports);
 var import_react = require("@copilotkitnext/react");
-var import_react2 = require("react");
-function useConfigureChatSuggestions(config, dependencies = []) {
-  var _a;
+function useCopilotChatSuggestions(config, dependencies = []) {
+  var _a, _b;
   const existingConfig = (0, import_react.useCopilotChatConfiguration)();
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const { copilotkit } = (0, import_react.useCopilotKit)();
-  const available = config.available === "enabled" ? "always" : config.available;
+  const available = (_b = config.available === "enabled" ? "always" : config.available) != null ? _b : "before-first-message";
   const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
     available,
     consumerAgentId: resolvedAgentId
     // Use chatConfig.agentId here
   });
   (0, import_react.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
-  const result = (0, import_react.useSuggestions)({ agentId: resolvedAgentId });
-  (0, import_react2.useEffect)(() => {
-    if (finalSuggestionConfig.available === "disabled")
-      return;
-    const subscription = copilotkit.subscribe({
-      onAgentsChanged: () => {
-        const agent = copilotkit.getAgent(resolvedAgentId);
-        if (agent && !agent.isRunning && !result.suggestions.length) {
-          copilotkit.reloadSuggestions(resolvedAgentId);
-        }
-      }
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [resolvedAgentId]);
-  return result;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useConfigureChatSuggestions
+  useCopilotChatSuggestions
 });
-//# sourceMappingURL=use-configure-chat-suggestions.js.map
+//# sourceMappingURL=use-copilot-chat-suggestions.js.map

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

@@ -0,0 +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  useConfigureSuggestions,\n  useCopilotChatConfiguration,\n  useCopilotKit,\n  useSuggestions,\n} from \"@copilotkitnext/react\";\nimport { useEffect } from \"react\";\nimport { StaticSuggestionsConfig, Suggestion } from \"@copilotkitnext/core\";\n\ntype StaticSuggestionInput = Omit<Suggestion, \"isLoading\"> & Partial<Pick<Suggestion, \"isLoading\">>;\n\ntype StaticSuggestionsConfigInput = Omit<StaticSuggestionsConfig, \"suggestions\"> & {\n  suggestions: StaticSuggestionInput[];\n};\n\ntype DynamicSuggestionsConfigInput = {\n  /**\n   * A prompt or instructions for the GPT to generate suggestions.\n   */\n  instructions: string;\n  /**\n   * The minimum number of suggestions to generate. Defaults to `1`.\n   * @default 1\n   */\n  minSuggestions?: number;\n  /**\n   * The maximum number of suggestions to generate. Defaults to `3`.\n   * @default 1\n   */\n  maxSuggestions?: number;\n\n  /**\n   * Whether the suggestions are available. Defaults to `enabled`.\n   * @default enabled\n   */\n  available?: \"enabled\" | \"disabled\" | \"always\" | \"before-first-message\" | \"after-first-message\";\n\n  /**\n   * An optional class name to apply to the suggestions.\n   */\n  className?: string;\n};\n\nexport type UseCopilotChatSuggestionsConfiguration =\n  | DynamicSuggestionsConfigInput\n  | StaticSuggestionsConfigInput;\n\nexport function useCopilotChatSuggestions(\n  config: UseCopilotChatSuggestionsConfiguration,\n  dependencies: any[] = [],\n) {\n  const existingConfig = useCopilotChatConfiguration();\n  const resolvedAgentId = existingConfig?.agentId ?? \"default\";\n\n  const available =\n    (config.available === \"enabled\" ? \"always\" : config.available) ?? \"before-first-message\";\n\n  const finalSuggestionConfig = {\n    ...config,\n    available,\n    consumerAgentId: resolvedAgentId, // Use chatConfig.agentId here\n  };\n  useConfigureSuggestions(finalSuggestionConfig, dependencies);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DA,mBAKO;AA0CA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AA9GF;AA+GE,QAAM,qBAAiB,0CAA4B;AACnD,QAAM,mBAAkB,sDAAgB,YAAhB,YAA2B;AAEnD,QAAM,aACH,YAAO,cAAc,YAAY,WAAW,OAAO,cAAnD,YAAiE;AAEpE,QAAM,wBAAwB,iCACzB,SADyB;AAAA,IAE5B;AAAA,IACA,iBAAiB;AAAA;AAAA,EACnB;AACA,4CAAwB,uBAAuB,YAAY;AAC7D;","names":[]}

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

@@ -0,0 +1,8 @@
+import {
+  useCopilotChatSuggestions
+} from "../chunk-XDFVCQD3.mjs";
+import "../chunk-SKC7AJIV.mjs";
+export {
+  useCopilotChatSuggestions
+};
+//# sourceMappingURL=use-copilot-chat-suggestions.mjs.map

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

@@ -84,7 +84,7 @@ __export(use_copilot_chat_exports, {
 module.exports = __toCommonJS(use_copilot_chat_exports);
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react15 = require("react");
+var import_react13 = require("react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -473,7 +473,7 @@ function useLangGraphInterruptRender(agent) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react16 = require("@copilotkitnext/react");
+var import_react14 = require("@copilotkitnext/react");
 
 // src/hooks/use-lazy-tool-renderer.tsx
 var import_react9 = require("@copilotkitnext/react");
@@ -500,40 +500,6 @@ function useLazyToolRenderer() {
   );
 }
 
-// src/hooks/use-configure-chat-suggestions.tsx
-var import_react11 = require("@copilotkitnext/react");
-var import_react12 = require("react");
-function useConfigureChatSuggestions(config, dependencies = []) {
-  var _a;
-  const existingConfig = (0, import_react11.useCopilotChatConfiguration)();
-  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const { copilotkit } = (0, import_react11.useCopilotKit)();
-  const available = config.available === "enabled" ? "always" : config.available;
-  const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
-    available,
-    consumerAgentId: resolvedAgentId
-    // Use chatConfig.agentId here
-  });
-  (0, import_react11.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
-  const result = (0, import_react11.useSuggestions)({ agentId: resolvedAgentId });
-  (0, import_react12.useEffect)(() => {
-    if (finalSuggestionConfig.available === "disabled")
-      return;
-    const subscription = copilotkit.subscribe({
-      onAgentsChanged: () => {
-        const agent = copilotkit.getAgent(resolvedAgentId);
-        if (agent && !agent.isRunning && !result.suggestions.length) {
-          copilotkit.reloadSuggestions(resolvedAgentId);
-        }
-      }
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [resolvedAgentId]);
-  return result;
-}
-
 // ../../node_modules/.pnpm/@ag-ui+core@0.0.42/node_modules/@ag-ui/core/dist/index.mjs
 var import_zod = require("zod");
 var import_zod2 = require("zod");
@@ -940,8 +906,8 @@ var EventSchemas = import_zod2.z.discriminatedUnion("type", [
 ]);
 
 // src/hooks/use-coagent-state-render-bridge.tsx
-var import_react13 = require("@copilotkitnext/react");
-var import_react14 = require("react");
+var import_react11 = require("@copilotkitnext/react");
+var import_react12 = require("react");
 var import_shared3 = require("@copilotkit/shared");
 function getStateWithoutConstantKeys(state) {
   if (!state)
@@ -968,11 +934,11 @@ function useCoagentStateRenderBridge(agentId, props) {
   var _a;
   const { stateSnapshot, messageIndexInRun, message } = props;
   const { coAgentStateRenders, claimsRef } = useCoAgentStateRenders();
-  const { agent } = (0, import_react13.useAgent)({ agentId });
-  const [nodeName, setNodeName] = (0, import_react14.useState)(void 0);
+  const { agent } = (0, import_react11.useAgent)({ agentId });
+  const [nodeName, setNodeName] = (0, import_react12.useState)(void 0);
   const runId = (_a = props.runId) != null ? _a : message.runId;
   const effectiveRunId = runId || "pending";
-  (0, import_react14.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -992,7 +958,7 @@ function useCoagentStateRenderBridge(agentId, props) {
       unsubscribe();
     };
   }, [agentId, nodeName]);
-  const getStateRender = (0, import_react14.useCallback)(
+  const getStateRender = (0, import_react12.useCallback)(
     (messageId) => {
       return Object.entries(coAgentStateRenders).find(([stateRenderId, stateRender]) => {
         if (claimsRef.current[messageId]) {
@@ -1034,7 +1000,7 @@ function useCoagentStateRenderBridge(agentId, props) {
     claimsRef.current[messageId] = { stateRenderId, runId: runId2 };
     return true;
   };
-  return (0, import_react14.useMemo)(() => {
+  return (0, import_react12.useMemo)(() => {
     var _a2, _b, _c;
     if (messageIndexInRun !== 0) {
       return null;
@@ -1094,35 +1060,17 @@ function CoAgentStateRenderBridge(props) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-function useConfigureSuggestions2(suggestions) {
-  let suggestionsConfig;
-  if (Array.isArray(suggestions)) {
-    suggestionsConfig = {
-      suggestions,
-      available: "always"
-    };
-  } else if (suggestions === "auto") {
-    suggestionsConfig = {
-      available: suggestions === "auto" ? "always" : "disabled",
-      instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls."
-    };
-  } else {
-    suggestionsConfig = { available: "disabled" };
-  }
-  useConfigureChatSuggestions(suggestionsConfig);
-}
 function useCopilotChatInternal({
   suggestions
 } = {}) {
   var _a, _b, _c;
-  const { copilotkit } = (0, import_react16.useCopilotKit)();
+  const { copilotkit } = (0, import_react14.useCopilotKit)();
   const { threadId, agentSession } = useCopilotContext();
-  const existingConfig = (0, import_react16.useCopilotChatConfiguration)();
-  const [agentAvailable, setAgentAvailable] = (0, import_react15.useState)(false);
-  useConfigureSuggestions2(suggestions);
+  const existingConfig = (0, import_react14.useCopilotChatConfiguration)();
+  const [agentAvailable, setAgentAvailable] = (0, import_react13.useState)(false);
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const { agent } = (0, import_react16.useAgent)({ agentId: resolvedAgentId });
-  (0, import_react15.useEffect)(() => {
+  const { agent } = (0, import_react14.useAgent)({ agentId: resolvedAgentId });
+  (0, import_react13.useEffect)(() => {
     const connect = (agent2) => __async(this, null, function* () {
       setAgentAvailable(false);
       try {
@@ -1147,7 +1095,7 @@ function useCopilotChatInternal({
     agent == null ? void 0 : agent.setMessages([]);
     agent == null ? void 0 : agent.setState(null);
   };
-  const deleteMessage = (0, import_react15.useCallback)(
+  const deleteMessage = (0, import_react13.useCallback)(
     (messageId) => {
       var _a2;
       const filteredMessages = ((_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []).filter(
@@ -1158,13 +1106,13 @@ function useCopilotChatInternal({
     [agent == null ? void 0 : agent.setMessages, agent == null ? void 0 : agent.messages]
   );
   const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react15.useCallback)(
+  const latestDeleteFunc = (0, import_react13.useCallback)(
     (messageId) => {
       return latestDelete.current(messageId);
     },
     [latestDelete]
   );
-  const currentSuggestions = (0, import_react16.useSuggestions)({ agentId: resolvedAgentId });
+  const currentSuggestions = (0, import_react14.useSuggestions)({ agentId: resolvedAgentId });
   const reload = useAsyncCallback(
     (reloadMessageId) => __async(this, null, function* () {
       var _a2;
@@ -1231,7 +1179,7 @@ function useCopilotChatInternal({
     }),
     [latestSendMessageFunc]
   );
-  const latestSetMessagesFunc = (0, import_react15.useCallback)(
+  const latestSetMessagesFunc = (0, import_react13.useCallback)(
     (messages) => {
       var _a2, _b2;
       if (messages.every((message) => message instanceof import_runtime_client_gql2.Message)) {
@@ -1248,16 +1196,16 @@ function useCopilotChatInternal({
     }),
     [latestReload]
   );
-  const latestStopFunc = (0, import_react15.useCallback)(() => {
+  const latestStopFunc = (0, import_react13.useCallback)(() => {
     var _a2;
     return (_a2 = agent == null ? void 0 : agent.abortRun) == null ? void 0 : _a2.call(agent);
   }, [agent == null ? void 0 : agent.abortRun]);
   const latestReset = useUpdatedRef(reset);
-  const latestResetFunc = (0, import_react15.useCallback)(() => {
+  const latestResetFunc = (0, import_react13.useCallback)(() => {
     return latestReset.current();
   }, [latestReset]);
   const lazyToolRendered = useLazyToolRenderer();
-  const renderCustomMessage = (0, import_react16.useRenderCustomMessages)();
+  const renderCustomMessage = (0, import_react14.useRenderCustomMessages)();
   const legacyCustomMessageRenderer = useLegacyCoagentRenderer({
     copilotkit,
     agent,
@@ -1265,7 +1213,7 @@ function useCopilotChatInternal({
     threadId: (_b = existingConfig == null ? void 0 : existingConfig.threadId) != null ? _b : threadId
   });
   const allMessages = (_c = agent == null ? void 0 : agent.messages) != null ? _c : [];
-  const resolvedMessages = (0, import_react15.useMemo)(() => {
+  const resolvedMessages = (0, import_react13.useMemo)(() => {
     let processedMessages = allMessages.map((message) => {
       if (message.role !== "assistant") {
         return message;
@@ -1302,6 +1250,15 @@ function useCopilotChatInternal({
     // legacyCustomMessageRenderer,
     resolvedAgentId
   ]);
+  const renderedSuggestions = (0, import_react13.useMemo)(() => {
+    if (Array.isArray(suggestions)) {
+      return {
+        suggestions: suggestions.map((s) => __spreadProps(__spreadValues({}, s), { isLoading: false })),
+        isLoading: false
+      };
+    }
+    return currentSuggestions;
+  }, [suggestions, currentSuggestions]);
   return {
     messages: resolvedMessages,
     sendMessage: latestSendMessageFunc,
@@ -1315,21 +1272,21 @@ function useCopilotChatInternal({
     isLoading: Boolean(agent == null ? void 0 : agent.isRunning),
     // mcpServers,
     // setMcpServers,
-    suggestions: currentSuggestions.suggestions,
+    suggestions: renderedSuggestions.suggestions,
     setSuggestions: (suggestions2) => copilotkit.addSuggestionsConfig({ suggestions: suggestions2 }),
     generateSuggestions: () => __async(this, null, function* () {
       return copilotkit.reloadSuggestions(resolvedAgentId);
     }),
     resetSuggestions: () => copilotkit.clearSuggestions(resolvedAgentId),
-    isLoadingSuggestions: currentSuggestions.isLoading,
+    isLoadingSuggestions: renderedSuggestions.isLoading,
     interrupt,
     agent,
     threadId
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react15.useRef)(value);
-  (0, import_react15.useEffect)(() => {
+  const ref = (0, import_react13.useRef)(value);
+  (0, import_react13.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -1340,7 +1297,7 @@ function useLegacyCoagentRenderer({
   agentId,
   threadId
 }) {
-  return (0, import_react15.useMemo)(() => {
+  return (0, import_react13.useMemo)(() => {
     if (!copilotkit || !agent) {
       return null;
     }
@@ -1363,7 +1320,7 @@ function useLegacyCoagentRenderer({
         agentId,
         stateSnapshot: message.state
       };
-      return (0, import_react15.createElement)(CoAgentStateRenderBridge, bridgeProps);
+      return (0, import_react13.createElement)(CoAgentStateRenderBridge, bridgeProps);
     };
   }, [agent, agentId, copilotkit, threadId]);
 }