@copilotkit/react-core 1.51.4-next.7 → 1.51.4

package/src/components/toast/toast-provider.tsx

@@ -105,7 +105,9 @@ export function ToastProvider({
   children: React.ReactNode;
 }) {
   const [toasts, setToasts] = useState<Toast[]>([]);
-  const [bannerError, setBannerErrorState] = useState<CopilotKitError | null>(null);
+  const [bannerError, setBannerErrorState] = useState<CopilotKitError | null>(
+    null,
+  );
 
   const removeToast = useCallback((id: string) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
@@ -121,7 +123,8 @@ export function ToastProvider({
       const id = toast.id ?? Math.random().toString(36).substring(2, 9);
 
       setToasts((currentToasts) => {
-        if (currentToasts.find((toast) => toast.id === id)) return currentToasts;
+        if (currentToasts.find((toast) => toast.id === id))
+          return currentToasts;
         return [...currentToasts, { ...toast, id }];
       });
 
@@ -147,7 +150,9 @@ export function ToastProvider({
 
   const addGraphQLErrorsToast = useCallback((errors: GraphQLError[]) => {
     // DEPRECATED: All errors now route to banners for consistency
-    console.warn("addGraphQLErrorsToast is deprecated. All errors now show as banners.");
+    console.warn(
+      "addGraphQLErrorsToast is deprecated. All errors now show as banners.",
+    );
     // Function kept for backward compatibility - does nothing
   }, []);
 
@@ -246,7 +251,9 @@ export function ToastProvider({
                         let message = bannerError.message;
 
                         // Try to extract the useful message from JSON first
-                        const jsonMatch = message.match(/'message':\s*'([^']+)'/);
+                        const jsonMatch = message.match(
+                          /'message':\s*'([^']+)'/,
+                        );
                         if (jsonMatch) {
                           return jsonMatch[1]; // Return the actual error message
                         }
@@ -294,7 +301,9 @@ export function ToastProvider({
 
                       return (
                         <button
-                          onClick={() => window.open(url, "_blank", "noopener,noreferrer")}
+                          onClick={() =>
+                            window.open(url, "_blank", "noopener,noreferrer")
+                          }
                           style={{
                             background: colors.border,
                             color: "white",
@@ -309,7 +318,8 @@ export function ToastProvider({
                           }}
                           onMouseEnter={(e) => {
                             e.currentTarget.style.opacity = "0.9";
-                            e.currentTarget.style.transform = "translateY(-1px)";
+                            e.currentTarget.style.transform =
+                              "translateY(-1px)";
                           }}
                           onMouseLeave={(e) => {
                             e.currentTarget.style.opacity = "1";

package/src/components/usage-banner.tsx

@@ -234,7 +234,11 @@ export const getErrorActions = (error: CopilotKitError) => {
         primary: {
           label: "Upgrade",
           onClick: () =>
-            window.open("https://cloud.copilotkit.ai", "_blank", "noopener,noreferrer"),
+            window.open(
+              "https://cloud.copilotkit.ai",
+              "_blank",
+              "noopener,noreferrer",
+            ),
         },
       };
     default:
@@ -242,7 +246,10 @@ export const getErrorActions = (error: CopilotKitError) => {
   }
 };
 
-export function renderCopilotKitUsage(error: CopilotKitError, onClose?: () => void) {
+export function renderCopilotKitUsage(
+  error: CopilotKitError,
+  onClose?: () => void,
+) {
   // Route based on error visibility level
   if (error.visibility !== ErrorVisibility.BANNER) {
     return null;

package/src/context/coagent-state-renders-context.tsx

@@ -21,26 +21,36 @@ type ClaimsRef = Record<string, StateRenderClaim>;
 
 export interface CoAgentStateRendersContextValue {
   coAgentStateRenders: Record<string, CoAgentStateRender<any>>;
-  setCoAgentStateRender: (id: string, stateRender: CoAgentStateRender<any>) => void;
+  setCoAgentStateRender: (
+    id: string,
+    stateRender: CoAgentStateRender<any>,
+  ) => void;
   removeCoAgentStateRender: (id: string) => void;
   claimsRef: RefObject<ClaimsRef>;
 }
 
-const CoAgentStateRendersContext = createContext<CoAgentStateRendersContextValue | undefined>(
-  undefined,
-);
+const CoAgentStateRendersContext = createContext<
+  CoAgentStateRendersContextValue | undefined
+>(undefined);
 
-export function CoAgentStateRendersProvider({ children }: { children: ReactNode }) {
+export function CoAgentStateRendersProvider({
+  children,
+}: {
+  children: ReactNode;
+}) {
   const [coAgentStateRenders, setCoAgentStateRenders] = useState<
     Record<string, CoAgentStateRender<any>>
   >({});
 
-  const setCoAgentStateRender = useCallback((id: string, stateRender: CoAgentStateRender<any>) => {
-    setCoAgentStateRenders((prevPoints) => ({
-      ...prevPoints,
-      [id]: stateRender,
-    }));
-  }, []);
+  const setCoAgentStateRender = useCallback(
+    (id: string, stateRender: CoAgentStateRender<any>) => {
+      setCoAgentStateRenders((prevPoints) => ({
+        ...prevPoints,
+        [id]: stateRender,
+      }));
+    },
+    [],
+  );
 
   const removeCoAgentStateRender = useCallback((id: string) => {
     setCoAgentStateRenders((prevPoints) => {
@@ -69,7 +79,9 @@ export function CoAgentStateRendersProvider({ children }: { children: ReactNode
 export function useCoAgentStateRenders() {
   const context = useContext(CoAgentStateRendersContext);
   if (!context) {
-    throw new Error("useCoAgentStateRenders must be used within CoAgentStateRendersProvider");
+    throw new Error(
+      "useCoAgentStateRenders must be used within CoAgentStateRendersProvider",
+    );
   }
   return context;
 }

package/src/context/copilot-context.tsx

@@ -13,7 +13,10 @@ import React from "react";
 import { TreeNodeId, Tree } from "../hooks/use-tree";
 import { DocumentPointer } from "../types";
 import { CopilotChatSuggestionConfiguration } from "../types/chat-suggestion-configuration";
-import { CoAgentStateRender, CoAgentStateRenderProps } from "../types/coagent-action";
+import {
+  CoAgentStateRender,
+  CoAgentStateRenderProps,
+} from "../types/coagent-action";
 import { CoagentState } from "../types/coagent-state";
 import {
   CopilotRuntimeClient,
@@ -94,8 +97,9 @@ export interface CopilotApiConfig {
   mcpServers?: Array<{ endpoint: string; apiKey?: string }>;
 }
 
-export type InChatRenderFunction<TProps = ActionRenderProps<any> | CatchAllActionRenderProps<any>> =
-  (props: TProps) => string | React.JSX.Element;
+export type InChatRenderFunction<
+  TProps = ActionRenderProps<any> | CatchAllActionRenderProps<any>,
+> = (props: TProps) => string | React.JSX.Element;
 export type CoagentInChatRenderFunction = (
   props: CoAgentStateRenderProps<any>,
 ) => string | React.JSX.Element | undefined | null;
@@ -138,20 +142,32 @@ export interface CopilotContextParams {
   ) => FunctionCallHandler;
 
   // text context
-  addContext: (context: string, parentId?: string, categories?: string[]) => TreeNodeId;
+  addContext: (
+    context: string,
+    parentId?: string,
+    categories?: string[],
+  ) => TreeNodeId;
   removeContext: (id: TreeNodeId) => void;
   getAllContext: () => Tree;
-  getContextString: (documents: DocumentPointer[], categories: string[]) => string;
+  getContextString: (
+    documents: DocumentPointer[],
+    categories: string[],
+  ) => string;
 
   // document context
-  addDocumentContext: (documentPointer: DocumentPointer, categories?: string[]) => TreeNodeId;
+  addDocumentContext: (
+    documentPointer: DocumentPointer,
+    categories?: string[],
+  ) => TreeNodeId;
   removeDocumentContext: (documentId: string) => void;
   getDocumentsContext: (categories: string[]) => DocumentPointer[];
 
   isLoading: boolean;
   setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
 
-  chatSuggestionConfiguration: { [key: string]: CopilotChatSuggestionConfiguration };
+  chatSuggestionConfiguration: {
+    [key: string]: CopilotChatSuggestionConfiguration;
+  };
   addChatSuggestionConfiguration: (
     id: string,
     suggestion: CopilotChatSuggestionConfiguration,
@@ -171,7 +187,9 @@ export interface CopilotContextParams {
 
   // agents
   coagentStates: Record<string, CoagentState>;
-  setCoagentStates: React.Dispatch<React.SetStateAction<Record<string, CoagentState>>>;
+  setCoagentStates: React.Dispatch<
+    React.SetStateAction<Record<string, CoagentState>>
+  >;
   coagentStatesRef: React.RefObject<Record<string, CoagentState>>;
   setCoagentStatesWithRef: (
     value:
@@ -204,7 +222,9 @@ export interface CopilotContextParams {
    * The auth states for the CopilotKit.
    */
   authStates_c?: Record<ActionName, AuthState>;
-  setAuthStates_c?: React.Dispatch<React.SetStateAction<Record<ActionName, AuthState>>>;
+  setAuthStates_c?: React.Dispatch<
+    React.SetStateAction<Record<ActionName, AuthState>>
+  >;
 
   /**
    * The auth config for the CopilotKit.
@@ -222,7 +242,11 @@ export interface CopilotContextParams {
   removeInterruptAction: (actionId: string) => void;
   interruptEventQueue: Record<string, QueuedInterruptEvent[]>;
   addInterruptEvent: (queuedEvent: QueuedInterruptEvent) => void;
-  resolveInterruptEvent: (threadId: string, eventId: string, response: string) => void;
+  resolveInterruptEvent: (
+    threadId: string,
+    eventId: string,
+    response: string,
+  ) => void;
 
   /**
    * Optional trace handler for comprehensive debugging and observability.
@@ -236,7 +260,9 @@ export interface CopilotContextParams {
   // These are used to handle errors that occur during the execution of the chat.
   // They are not intended for use by the developer. A component can register itself an error listener to be activated somewhere else as needed
   internalErrorHandlers: Record<string, CopilotErrorHandler>;
-  setInternalErrorHandler: (handler: Record<string, CopilotErrorHandler>) => void;
+  setInternalErrorHandler: (
+    handler: Record<string, CopilotErrorHandler>,
+  ) => void;
   removeInternalErrorHandler: (id: string) => void;
 }
 
@@ -272,7 +298,9 @@ const emptyCopilotContext: CopilotContextParams = {
 
   copilotApiConfig: new (class implements CopilotApiConfig {
     get chatApiEndpoint(): string {
-      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(): Record<string, string> {
@@ -317,16 +345,21 @@ const emptyCopilotContext: CopilotContextParams = {
   removeInternalErrorHandler: () => {},
 };
 
-export const CopilotContext = React.createContext<CopilotContextParams>(emptyCopilotContext);
+export const CopilotContext =
+  React.createContext<CopilotContextParams>(emptyCopilotContext);
 
 export function useCopilotContext(): CopilotContextParams {
   const context = React.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<T>(_value: T): T {
-  throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
+  throw new Error(
+    "Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!",
+  );
 }

package/src/context/index.ts

@@ -1,5 +1,8 @@
 export { CopilotContext, useCopilotContext } from "./copilot-context";
-export { CopilotMessagesContext, useCopilotMessagesContext } from "./copilot-messages-context";
+export {
+  CopilotMessagesContext,
+  useCopilotMessagesContext,
+} from "./copilot-messages-context";
 export {
   CoAgentStateRendersContext,
   CoAgentStateRendersProvider,
@@ -13,4 +16,7 @@ export type {
 } from "./copilot-context";
 export type { CopilotMessagesContextParams } from "./copilot-messages-context";
 export type { CoAgentStateRendersContextValue } from "./coagent-state-renders-context";
-export type { ThreadsContextValue, ThreadsProviderProps } from "./threads-context";
+export type {
+  ThreadsContextValue,
+  ThreadsProviderProps,
+} from "./threads-context";

package/src/context/threads-context.tsx

@@ -1,4 +1,10 @@
-import React, { createContext, useContext, useState, ReactNode, SetStateAction } from "react";
+import React, {
+  createContext,
+  useContext,
+  useState,
+  ReactNode,
+  SetStateAction,
+} from "react";
 import { randomUUID } from "@copilotkit/shared";
 
 export interface ThreadsContextValue {
@@ -6,14 +12,19 @@ export interface ThreadsContextValue {
   setThreadId: (value: SetStateAction<string>) => void;
 }
 
-const ThreadsContext = createContext<ThreadsContextValue | undefined>(undefined);
+const ThreadsContext = createContext<ThreadsContextValue | undefined>(
+  undefined,
+);
 
 export interface ThreadsProviderProps {
   children: ReactNode;
   threadId?: string;
 }
 
-export function ThreadsProvider({ children, threadId: explicitThreadId }: ThreadsProviderProps) {
+export function ThreadsProvider({
+  children,
+  threadId: explicitThreadId,
+}: ThreadsProviderProps) {
   const [internalThreadId, setThreadId] = useState<string>(() => randomUUID());
 
   const threadId = explicitThreadId ?? internalThreadId;

package/src/hooks/__tests__/use-coagent-state-render-bridge.helpers.test.ts

@@ -20,7 +20,11 @@ describe("useCoAgentStateRenderBridge helpers", () => {
         runId: "run-123",
       };
 
-      const result = resolveClaim({ claims, context, stateSnapshot: { step: 1 } });
+      const result = resolveClaim({
+        claims,
+        context,
+        stateSnapshot: { step: 1 },
+      });
       expect(result.action).toBe(ClaimAction.Existing);
       expect(result.canRender).toBe(true);
       expect(result.updateRunId).toBe("run-123");
@@ -43,7 +47,11 @@ describe("useCoAgentStateRenderBridge helpers", () => {
         messageIndex: 1,
       };
 
-      const result = resolveClaim({ claims, context, stateSnapshot: { step: 2 } });
+      const result = resolveClaim({
+        claims,
+        context,
+        stateSnapshot: { step: 2 },
+      });
       expect(result.action).toBe(ClaimAction.Override);
       expect(result.canRender).toBe(true);
       expect(result.nextClaim).toMatchObject({
@@ -53,7 +61,6 @@ describe("useCoAgentStateRenderBridge helpers", () => {
       });
       expect(result.lockOthers).toBe(true);
     });
-
   });
 
   describe("selectSnapshot", () => {
@@ -67,7 +74,7 @@ describe("useCoAgentStateRenderBridge helpers", () => {
         messageId: "msg1",
         stateRenderId: "render-a",
         effectiveRunId: "run-1",
-        stateSnapshotProp: "{\"phase\":\"planning\"}",
+        stateSnapshotProp: '{"phase":"planning"}',
         agentState: { phase: "ignored" },
         agentMessages: [{ id: "assistant-1", role: "assistant" }],
         caches,