@copilotkit/react-core 1.51.4-next.6 → 1.51.4-next.8

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

@@ -1,23 +1,23 @@
 import {
   useCopilotChatHeadless_c
-} from "../chunk-MA3CUMCY.mjs";
+} from "../chunk-P6ZPE4XJ.mjs";
 import {
   defaultSystemMessage
-} from "../chunk-KNJHRVKW.mjs";
+} from "../chunk-AAGMWZCN.mjs";
 import "../chunk-ZVF5Q6IH.mjs";
-import "../chunk-VV56AVPB.mjs";
-import "../chunk-I76HKHPJ.mjs";
-import "../chunk-6PUNP7CD.mjs";
+import "../chunk-V42VL2JR.mjs";
+import "../chunk-6AWG5FWL.mjs";
 import "../chunk-O7ARI5CV.mjs";
-import "../chunk-BKMJ4LC7.mjs";
+import "../chunk-I76HKHPJ.mjs";
+import "../chunk-G7SUZGGB.mjs";
+import "../chunk-QXZTCGF4.mjs";
+import "../chunk-7GIBHX6X.mjs";
 import "../chunk-NB2FKV2V.mjs";
-import "../chunk-LMHB2D4J.mjs";
-import "../chunk-77IVITG3.mjs";
-import "../chunk-C3YJYDK4.mjs";
-import "../chunk-EFL5OBKN.mjs";
-import "../chunk-QD7EID4N.mjs";
-import "../chunk-AFNWX62Q.mjs";
+import "../chunk-IHMMKEFG.mjs";
+import "../chunk-C7HSVDHD.mjs";
 import "../chunk-DMLQZG75.mjs";
+import "../chunk-SK2XMJUD.mjs";
+import "../chunk-ZP2IMXFY.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   defaultSystemMessage,

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  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":[]}
+{"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\"> &\n  Partial<Pick<Suggestion, \"isLoading\">>;\n\ntype StaticSuggestionsConfigInput = Omit<\n  StaticSuggestionsConfig,\n  \"suggestions\"\n> & {\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?:\n    | \"enabled\"\n    | \"disabled\"\n    | \"always\"\n    | \"before-first-message\"\n    | \"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) ??\n    \"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;AAmDA,SAAS,0BACd,QACA,eAAsB,CAAC,GACvB;AAvHF;AAwHE,QAAM,qBAAiB,0CAA4B;AACnD,QAAM,mBAAkB,sDAAgB,YAAhB,YAA2B;AAEnD,QAAM,aACH,YAAO,cAAc,YAAY,WAAW,OAAO,cAAnD,YACD;AAEF,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

@@ -1,6 +1,6 @@
 import {
   useCopilotChatSuggestions
-} from "../chunk-XDFVCQD3.mjs";
+} from "../chunk-SYGQHN3H.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   useCopilotChatSuggestions

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

@@ -117,7 +117,9 @@ var emptyCopilotContext = {
   },
   copilotApiConfig: new class {
     get chatApiEndpoint() {
-      throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+      throw new Error(
+        "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+      );
     }
     get headers() {
       return {};
@@ -179,12 +181,16 @@ var CopilotContext = import_react.default.createContext(emptyCopilotContext);
 function useCopilotContext() {
   const context = import_react.default.useContext(CopilotContext);
   if (context === emptyCopilotContext) {
-    throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+    throw new Error(
+      "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+    );
   }
   return context;
 }
 function returnAndThrowInDebug(_value) {
-  throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+  throw new Error(
+    "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!"
+  );
 }
 
 // src/components/error-boundary/error-utils.tsx
@@ -321,13 +327,13 @@ var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 // src/context/coagent-state-renders-context.tsx
 var import_react4 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var CoAgentStateRendersContext = (0, import_react4.createContext)(
-  void 0
-);
+var CoAgentStateRendersContext = (0, import_react4.createContext)(void 0);
 function useCoAgentStateRenders() {
   const context = (0, import_react4.useContext)(CoAgentStateRendersContext);
   if (!context) {
-    throw new Error("useCoAgentStateRenders must be used within CoAgentStateRendersProvider");
+    throw new Error(
+      "useCoAgentStateRenders must be used within CoAgentStateRendersProvider"
+    );
   }
   return context;
 }
@@ -367,7 +373,12 @@ function useAgentNodeName(agentName) {
 
 // src/hooks/use-langgraph-interrupt-render.ts
 var import_react8 = require("@copilotkitnext/react");
-var InterruptRenderer = ({ event, result, render, resolve }) => {
+var InterruptRenderer = ({
+  event,
+  result,
+  render,
+  resolve
+}) => {
   return render({ event, result, resolve });
 };
 function useLangGraphInterruptRender(agent) {
@@ -469,7 +480,13 @@ function useLangGraphInterruptRender(agent) {
       render,
       resolve: resolveInterrupt
     });
-  }, [interruptActions, interruptEventQueue, threadId, agentSession, handleResolve]);
+  }, [
+    interruptActions,
+    interruptEventQueue,
+    threadId,
+    agentSession,
+    handleResolve
+  ]);
 }
 
 // src/hooks/use-copilot-chat_internal.ts
@@ -666,7 +683,13 @@ function selectSnapshot({
     cachedSnapshot = caches.byStateRenderAndRun[`${stateRenderId}::latest`];
   }
   const snapshotForClaim = (existingClaim == null ? void 0 : existingClaim.locked) ? (_e = existingClaim.stateSnapshot) != null ? _e : cachedSnapshot : hasSnapshotKeys ? snapshot : (_f = existingClaim == null ? void 0 : existingClaim.stateSnapshot) != null ? _f : cachedSnapshot;
-  return { snapshot, hasSnapshotKeys, cachedSnapshot, allowEmptySnapshot, snapshotForClaim };
+  return {
+    snapshot,
+    hasSnapshotKeys,
+    cachedSnapshot,
+    allowEmptySnapshot,
+    snapshotForClaim
+  };
 }
 
 // src/hooks/use-coagent-state-render-registry.ts
@@ -771,7 +794,9 @@ function useStateRenderRegistry({
     });
   }
   if (existingClaim && !existingClaim.locked && (agentMessages == null ? void 0 : agentMessages.length)) {
-    const indexInAgentMessages = agentMessages.findIndex((msg) => msg.id === message.id);
+    const indexInAgentMessages = agentMessages.findIndex(
+      (msg) => msg.id === message.id
+    );
     if (indexInAgentMessages >= 0 && indexInAgentMessages < agentMessages.length - 1) {
       existingClaim.locked = true;
     }
@@ -803,7 +828,10 @@ function useStateRenderRegistry({
       snapshotCache[`${stateRenderId}::latest`] = snapshotForClaim;
       store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] = snapshotCache;
       const messageCache = __spreadValues({}, (_f = store[LAST_SNAPSHOTS_BY_MESSAGE]) != null ? _f : {});
-      messageCache[message.id] = { snapshot: snapshotForClaim, runId: effectiveRunId };
+      messageCache[message.id] = {
+        snapshot: snapshotForClaim,
+        runId: effectiveRunId
+      };
       store[LAST_SNAPSHOTS_BY_MESSAGE] = messageCache;
     }
   }
@@ -843,18 +871,23 @@ function useCoagentStateRenderBridge(agentId, props) {
   }, [agentId, nodeName]);
   const getStateRender = (0, import_react13.useCallback)(
     (messageId) => {
-      return Object.entries(coAgentStateRenders).find(([stateRenderId2, stateRender2]) => {
-        if (claimsRef.current[messageId]) {
-          return stateRenderId2 === claimsRef.current[messageId].stateRenderId;
+      return Object.entries(coAgentStateRenders).find(
+        ([stateRenderId2, stateRender2]) => {
+          if (claimsRef.current[messageId]) {
+            return stateRenderId2 === claimsRef.current[messageId].stateRenderId;
+          }
+          const matchingAgentName = stateRender2.name === agentId;
+          const matchesNodeContext = stateRender2.nodeName ? stateRender2.nodeName === nodeName : true;
+          return matchingAgentName && matchesNodeContext;
         }
-        const matchingAgentName = stateRender2.name === agentId;
-        const matchesNodeContext = stateRender2.nodeName ? stateRender2.nodeName === nodeName : true;
-        return matchingAgentName && matchesNodeContext;
-      });
+      );
     },
     [coAgentStateRenders, nodeName, agentId]
   );
-  const stateRenderEntry = (0, import_react13.useMemo)(() => getStateRender(message.id), [getStateRender, message.id]);
+  const stateRenderEntry = (0, import_react13.useMemo)(
+    () => getStateRender(message.id),
+    [getStateRender, message.id]
+  );
   const stateRenderId = stateRenderEntry == null ? void 0 : stateRenderEntry[0];
   const stateRender = stateRenderEntry == null ? void 0 : stateRenderEntry[1];
   const registryMessage = __spreadProps(__spreadValues({}, message), {
@@ -981,14 +1014,18 @@ function useCopilotChatInternal({
       if (isLoading || messages.length === 0) {
         return;
       }
-      const reloadMessageIndex = messages.findIndex((msg) => msg.id === reloadMessageId);
+      const reloadMessageIndex = messages.findIndex(
+        (msg) => msg.id === reloadMessageId
+      );
       if (reloadMessageIndex === -1) {
         console.warn(`Message with id ${reloadMessageId} not found`);
         return;
       }
       const reloadMessageRole = messages[reloadMessageIndex].role;
       if (reloadMessageRole !== "assistant") {
-        console.warn(`Regenerate cannot be performed on ${reloadMessageRole} role`);
+        console.warn(
+          `Regenerate cannot be performed on ${reloadMessageRole} role`
+        );
         return;
       }
       let historyCutoff = [messages[0]];
@@ -1000,7 +1037,10 @@ function useCopilotChatInternal({
           const indexOfLastUserMessageBeforeRegenerate = messages.findIndex(
             (msg) => msg.id === lastUserMessageBeforeRegenerate.id
           );
-          historyCutoff = messages.slice(0, indexOfLastUserMessageBeforeRegenerate + 1);
+          historyCutoff = messages.slice(
+            0,
+            indexOfLastUserMessageBeforeRegenerate + 1
+          );
         }
       } else if (messages.length > 2 && reloadMessageIndex === 0) {
         historyCutoff = [messages[0], messages[1]];
@@ -1015,7 +1055,12 @@ function useCopilotChatInternal({
       }
       return;
     }),
-    [agent == null ? void 0 : agent.messages.length, agent == null ? void 0 : agent.isRunning, agent == null ? void 0 : agent.setMessages, copilotkit == null ? void 0 : copilotkit.runAgent]
+    [
+      agent == null ? void 0 : agent.messages.length,
+      agent == null ? void 0 : agent.isRunning,
+      agent == null ? void 0 : agent.setMessages,
+      copilotkit == null ? void 0 : copilotkit.runAgent
+    ]
   );
   const latestSendMessageFunc = useAsyncCallback(
     (message, options) => __async(this, null, function* () {
@@ -1111,7 +1156,10 @@ function useCopilotChatInternal({
       const bridgeRenderer = legacyCustomMessageRenderer || renderCustomMessage ? () => {
         var _a3;
         if (legacyCustomMessageRenderer) {
-          return legacyCustomMessageRenderer({ message, position: "before" });
+          return legacyCustomMessageRenderer({
+            message,
+            position: "before"
+          });
         }
         try {
           return (_a3 = renderCustomMessage == null ? void 0 : renderCustomMessage({ message, position: "before" })) != null ? _a3 : null;
@@ -1131,7 +1179,9 @@ function useCopilotChatInternal({
       }
       return message;
     });
-    const hasAssistantMessages = processedMessages.some((msg) => msg.role === "assistant");
+    const hasAssistantMessages = processedMessages.some(
+      (msg) => msg.role === "assistant"
+    );
     const canUseCustomRenderer = Boolean(
       renderCustomMessage && ((_a2 = copilotkit == null ? void 0 : copilotkit.getAgent) == null ? void 0 : _a2.call(copilotkit, resolvedAgentId))
     );
@@ -1146,7 +1196,11 @@ function useCopilotChatInternal({
       }
     }
     const latestUserMessageId = latestUserIndex >= 0 ? processedMessages[latestUserIndex].id : void 0;
-    const currentRunId = latestUserMessageId ? copilotkit.getRunIdForMessage(resolvedAgentId, effectiveThreadId, latestUserMessageId) || `pending:${latestUserMessageId}` : void 0;
+    const currentRunId = latestUserMessageId ? copilotkit.getRunIdForMessage(
+      resolvedAgentId,
+      effectiveThreadId,
+      latestUserMessageId
+    ) || `pending:${latestUserMessageId}` : void 0;
     const hasAssistantForCurrentRun = latestUserIndex >= 0 ? processedMessages.slice(latestUserIndex + 1).some((msg) => msg.role === "assistant") : hasAssistantMessages;
     if (placeholderRenderer && shouldRenderPlaceholder && !hasAssistantForCurrentRun) {
       const placeholderId = currentRunId ? `coagent-state-render-${resolvedAgentId}-${currentRunId}` : `coagent-state-render-${resolvedAgentId}`;