@copilotkit/react-core 1.55.3-canary.1776243725 → 1.55.3-canary.1776979102

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/react-core",
-  "version": "1.55.3-canary.1776243725",
+  "version": "1.55.3-canary.1776979102",
   "private": false,
   "keywords": [
     "ai",
@@ -73,11 +73,11 @@
     "untruncate-json": "^0.0.1",
     "use-stick-to-bottom": "^1.1.1",
     "zod-to-json-schema": "^3.24.5",
-    "@copilotkit/a2ui-renderer": "1.55.3-canary.1776243725",
-    "@copilotkit/core": "1.55.3-canary.1776243725",
-    "@copilotkit/shared": "1.55.3-canary.1776243725",
-    "@copilotkit/runtime-client-gql": "1.55.3-canary.1776243725",
-    "@copilotkit/web-inspector": "1.55.3-canary.1776243725"
+    "@copilotkit/a2ui-renderer": "1.55.3-canary.1776979102",
+    "@copilotkit/core": "1.55.3-canary.1776979102",
+    "@copilotkit/runtime-client-gql": "1.55.3-canary.1776979102",
+    "@copilotkit/shared": "1.55.3-canary.1776979102",
+    "@copilotkit/web-inspector": "1.55.3-canary.1776979102"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.1.11",

package/src/components/copilot-provider/copilot-messages.tsx

@@ -31,33 +31,6 @@ import {
 } from "@copilotkit/shared";
 import { Suggestion } from "@copilotkit/core";
 
-/**
- * Determine whether a GraphQL error should be suppressed based on its visibility
- * and whether the dev console is active.
- *
- * Returns `null` when the error should be surfaced to the UI, or a log prefix
- * string when the error should be suppressed (logged to console only).
- *
- * Exported for unit testing.
- */
-export function getErrorSuppression(
-  visibility: ErrorVisibility | undefined,
-  isDev: boolean,
-): string | null {
-  // Silent errors are always suppressed
-  if (visibility === ErrorVisibility.SILENT) {
-    return "CopilotKit Silent Error:";
-  }
-
-  // DEV_ONLY errors are suppressed in production
-  if (!isDev && visibility === ErrorVisibility.DEV_ONLY) {
-    return "CopilotKit Error (hidden in production):";
-  }
-
-  // All other visibilities (TOAST, BANNER, undefined) are always surfaced
-  return null;
-}
-
 // Helper to determine if error should show as banner based on visibility and legacy patterns
 function shouldShowAsBanner(gqlError: GraphQLError): boolean {
   const extensions = gqlError.extensions;
@@ -251,13 +224,20 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
           const visibility = extensions?.visibility as ErrorVisibility;
           const isDev = shouldShowDevConsole(showDevConsole);
 
-          const suppression = getErrorSuppression(visibility, isDev);
-          if (suppression) {
-            console.error(suppression, gqlError.message);
+          if (!isDev) {
+            console.error(
+              "CopilotKit Error (hidden in production):",
+              gqlError.message,
+            );
+            return;
+          }
+
+          // Silent errors - just log
+          if (visibility === ErrorVisibility.SILENT) {
+            console.error("CopilotKit Silent Error:", gqlError.message);
             return;
           }
 
-          // TOAST and BANNER errors are always surfaced, even in production
           // All other errors (including DEV_ONLY) show as banners for consistency
           const ckError = createStructuredError(gqlError);
           if (ckError) {
@@ -279,14 +259,19 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
         // Process all errors as banners
         graphQLErrors.forEach(routeError);
       } else {
-        // Non-GraphQL errors are always surfaced to the user
-        const fallbackError = new CopilotKitError({
-          message: error?.message || String(error),
-          code: CopilotKitErrorCode.UNKNOWN,
-        });
-        setBannerError(fallbackError);
-        // Trace the non-GraphQL error
-        traceUIError(fallbackError, error);
+        const isDev = shouldShowDevConsole(showDevConsole);
+        if (!isDev) {
+          console.error("CopilotKit Error (hidden in production):", error);
+        } else {
+          // Route non-GraphQL errors to banner as well
+          const fallbackError = new CopilotKitError({
+            message: error?.message || String(error),
+            code: CopilotKitErrorCode.UNKNOWN,
+          });
+          setBannerError(fallbackError);
+          // Trace the non-GraphQL error
+          traceUIError(fallbackError, error);
+        }
       }
     },
     [setBannerError, showDevConsole, traceUIError],

package/src/components/copilot-provider/copilotkit-props.tsx

@@ -68,19 +68,15 @@ export interface CopilotKitProps extends Omit<
 
   /**
    * Additional headers to be sent with the request.
-   * Can be a static object or a function that returns headers dynamically
-   * (useful for refreshing auth tokens).
    *
    * For example:
-   * ```tsx
-   * // Static headers
-   * headers={{ "Authorization": "Bearer X" }}
-   *
-   * // Dynamic headers (re-evaluated on each render)
-   * headers={() => ({ "Authorization": `Bearer ${getToken()}` })}
+   * ```json
+   * {
+   *   "Authorization": "Bearer X"
+   * }
    * ```
    */
-  headers?: Record<string, string> | (() => Record<string, string>);
+  headers?: Record<string, string>;
 
   /**
    * The children to be rendered within the CopilotKit.

package/src/components/copilot-provider/copilotkit.tsx

@@ -311,10 +311,7 @@ export function CopilotKitInternal(cpkProps: CopilotKitProps) {
       publicApiKey: publicApiKey,
       ...(cloud ? { cloud } : {}),
       chatApiEndpoint: chatApiEndpoint,
-      headers:
-        typeof props.headers === "function"
-          ? props.headers()
-          : props.headers || {},
+      headers: props.headers || {},
       properties: props.properties || {},
       transcribeAudioUrl: props.transcribeAudioUrl,
       textToSpeechUrl: props.textToSpeechUrl,

package/src/hooks/__tests__/use-copilot-chat-internal-connect.test.tsx

@@ -178,32 +178,18 @@ describe("useCopilotChatInternal – connectAgent guard", () => {
     });
   });
 
-  it("does not call connectAgent when threadId matches (same agent instance, no re-render)", async () => {
-    // useAgent now returns a per-thread clone, so the wrapper guards via
-    // lastConnectedAgentRef: connect fires once per agent instance, not once
-    // per render. After the first connect, further re-renders with the same
-    // agent do not trigger another connect.
+  it("does not call connectAgent when threadId matches agent's threadId", () => {
     mockRuntimeConnectionStatus =
       CopilotKitCoreRuntimeConnectionStatus.Connected;
-    mockAgent.threadId = "config-thread-id";
+    mockAgent.threadId = "config-thread-id"; // same as mockConfigThreadId
     applyMocks();
 
-    const { rerender } = renderHook(() => useCopilotChatInternal(), {
-      wrapper: createWrapper(),
-    });
-
-    await vi.waitFor(() => {
-      expect(mockConnectAgent).toHaveBeenCalledTimes(1);
-    });
+    renderHook(() => useCopilotChatInternal(), { wrapper: createWrapper() });
 
-    // Re-render with same agent — should NOT connect again
-    rerender();
-    await vi.waitFor(() => {
-      expect(mockConnectAgent).toHaveBeenCalledTimes(1);
-    });
+    expect(mockConnectAgent).not.toHaveBeenCalled();
   });
 
-  it("calls connectAgent when config threadId is missing", async () => {
+  it("does not call connectAgent when config threadId is missing", () => {
     mockRuntimeConnectionStatus =
       CopilotKitCoreRuntimeConnectionStatus.Connected;
     mockConfigThreadId = undefined;
@@ -211,12 +197,10 @@ describe("useCopilotChatInternal – connectAgent guard", () => {
 
     renderHook(() => useCopilotChatInternal(), { wrapper: createWrapper() });
 
-    await vi.waitFor(() => {
-      expect(mockConnectAgent).toHaveBeenCalledTimes(1);
-    });
+    expect(mockConnectAgent).not.toHaveBeenCalled();
   });
 
-  it("calls connectAgent when status is Connected and threadIds differ", async () => {
+  it("calls connectAgent when all guard conditions are met", async () => {
     mockRuntimeConnectionStatus =
       CopilotKitCoreRuntimeConnectionStatus.Connected;
     mockAgent.threadId = "old-thread-id"; // differs from config
@@ -230,13 +214,18 @@ describe("useCopilotChatInternal – connectAgent guard", () => {
     });
   });
 
-  it("passes config threadId to useAgent", () => {
+  it("sets agent.threadId to config threadId before calling connectAgent", async () => {
+    mockRuntimeConnectionStatus =
+      CopilotKitCoreRuntimeConnectionStatus.Connected;
+    mockAgent.threadId = "old-thread-id";
     applyMocks();
 
     renderHook(() => useCopilotChatInternal(), { wrapper: createWrapper() });
 
-    expect(vi.mocked(useAgent)).toHaveBeenCalledWith(
-      expect.objectContaining({ threadId: "config-thread-id" }),
-    );
+    await vi.waitFor(() => {
+      expect(mockConnectAgent).toHaveBeenCalledTimes(1);
+    });
+
+    expect(mockAgent.threadId).toBe("config-thread-id");
   });
 });

package/src/hooks/use-copilot-chat_internal.ts

@@ -337,17 +337,7 @@ export function useCopilotChatInternal({
 
   // Apply priority: props > existing config > defaults
   const resolvedAgentId = existingConfig?.agentId ?? "default";
-  const { agent } = useAgent({
-    agentId: resolvedAgentId,
-    threadId: existingConfig?.threadId,
-  });
-
-  // Track the last agent instance we called connect() on. Without this,
-  // connect() fires on every render where status is Connected — including
-  // unrelated context re-renders and StrictMode double-invocations.
-  // The ref is reset in the cleanup so that remounts (StrictMode, real
-  // unmount/remount) always trigger a fresh connect.
-  const lastConnectedAgentRef = useRef<AbstractAgent | null>(null);
+  const { agent } = useAgent({ agentId: resolvedAgentId });
 
   useEffect(() => {
     let detached = false;
@@ -382,19 +372,18 @@ export function useCopilotChatInternal({
     };
     if (
       agent &&
-      agent !== lastConnectedAgentRef.current &&
+      existingConfig?.threadId &&
+      agent.threadId !== existingConfig.threadId &&
       copilotkit.runtimeConnectionStatus ===
         CopilotKitCoreRuntimeConnectionStatus.Connected
     ) {
-      lastConnectedAgentRef.current = agent;
+      agent.threadId = existingConfig.threadId;
       connect(agent);
     }
     return () => {
       // Abort the HTTP request and detach the active run.
       // This is critical for React StrictMode which unmounts+remounts in dev,
       // preventing duplicate /connect requests from reaching the server.
-      // Reset the ref so remounts always trigger a fresh connect.
-      lastConnectedAgentRef.current = null;
       detached = true;
       connectAbortController.abort();
       agent?.detachActiveRun();

package/src/v2/__tests__/utils/test-helpers.tsx

@@ -51,18 +51,9 @@ export class MockStepwiseAgent extends AbstractAgent {
     });
   }
 
-  clone(): this {
-    // Return a new instance that shares the same subject so tests can keep
-    // controlling events via the original reference while satisfying the
-    // clone() contract (must return a distinct object).
-    // Use the concrete constructor so subclasses (e.g. FailingConnectAgent)
-    // preserve their overridden methods.
-    const cloned = new (this
-      .constructor as new () => MockStepwiseAgent)() as this;
-    cloned.agentId = this.agentId;
-    (cloned as unknown as { subject: Subject<BaseEvent> }).subject =
-      this.subject;
-    return cloned;
+  clone(): MockStepwiseAgent {
+    // For tests, return same instance so we can keep controlling it
+    return this;
   }
 
   // No-op: prevent the base class from tearing down the Subject
@@ -119,21 +110,7 @@ export class MockReconnectableAgent extends AbstractAgent {
   }
 
   clone(): MockReconnectableAgent {
-    const cloned = new MockReconnectableAgent();
-    cloned.agentId = this.agentId;
-    (
-      cloned as unknown as {
-        subject: Subject<BaseEvent>;
-        storedEvents: BaseEvent[];
-      }
-    ).subject = this.subject;
-    (
-      cloned as unknown as {
-        subject: Subject<BaseEvent>;
-        storedEvents: BaseEvent[];
-      }
-    ).storedEvents = this.storedEvents;
-    return cloned;
+    return this;
   }
 
   // No-op: prevent the base class from tearing down the Subject
@@ -530,20 +507,10 @@ export function emitSuggestionToolCall(
  * A MockStepwiseAgent that emits suggestion events when run() is called
  */
 export class SuggestionsProviderAgent extends MockStepwiseAgent {
-  // Shared via a container so clone() and original see the same value even
-  // when setSuggestions() is called after the clone is created.
-  private _shared: { suggestions: Array<{ title: string; message: string }> } =
-    { suggestions: [] };
+  private _suggestions: Array<{ title: string; message: string }> = [];
 
   setSuggestions(suggestions: Array<{ title: string; message: string }>) {
-    this._shared.suggestions = suggestions;
-  }
-
-  clone(): this {
-    const cloned = super.clone();
-    (cloned as unknown as { _shared: typeof this._shared })._shared =
-      this._shared;
-    return cloned;
+    this._suggestions = suggestions;
   }
 
   run(_input: RunAgentInput): Observable<BaseEvent> {
@@ -558,7 +525,7 @@ export class SuggestionsProviderAgent extends MockStepwiseAgent {
       emitSuggestionToolCall(this, {
         toolCallId: testId("tc"),
         parentMessageId: messageId,
-        suggestions: this._shared.suggestions,
+        suggestions: this._suggestions,
       });
 
       this.emit({ type: EventType.RUN_FINISHED } as BaseEvent);

package/src/v2/components/chat/CopilotChat.tsx

@@ -104,7 +104,6 @@ export function CopilotChat({
 
   const { agent } = useAgent({
     agentId: resolvedAgentId,
-    threadId: resolvedThreadId,
     throttleMs,
   });
   const { copilotkit } = useCopilotKit();
@@ -214,6 +213,7 @@ export function CopilotChat({
         console.error("CopilotChat: connectAgent failed", error);
       }
     };
+    agent.threadId = resolvedThreadId;
     connect(agent);
     return () => {
       // Abort the HTTP request and detach the active run.

package/src/v2/components/chat/CopilotChatAssistantMessage.tsx

@@ -22,7 +22,6 @@ import {
 import { useKatexStyles } from "../../hooks/useKatexStyles";
 import { WithSlots, renderSlot } from "../../lib/slots";
 import { Streamdown } from "streamdown";
-import { copyToClipboard } from "@copilotkit/shared";
 import CopilotChatToolCallsView from "./CopilotChatToolCallsView";
 
 export type CopilotChatAssistantMessageProps = WithSlots<
@@ -87,9 +86,12 @@ export function CopilotChatAssistantMessage({
     {
       onClick: async () => {
         if (message.content) {
-          return await copyToClipboard(message.content);
+          try {
+            await navigator.clipboard.writeText(message.content);
+          } catch (err) {
+            console.error("Failed to copy message:", err);
+          }
         }
-        return false;
       },
     },
   );
@@ -273,23 +275,18 @@ export namespace CopilotChatAssistantMessage {
       };
     }, []);
 
-    const handleClick = async (event: React.MouseEvent<HTMLButtonElement>) => {
-      let success = false;
-      if (onClick) {
-        // onClick may return a boolean indicating copy success
-        const result = await Promise.resolve(onClick(event));
-        success = result === true;
+    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+      setCopied(true);
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
       }
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        setCopied(false);
+      }, 2000);
 
-      if (success) {
-        setCopied(true);
-        if (timerRef.current !== null) {
-          clearTimeout(timerRef.current);
-        }
-        timerRef.current = setTimeout(() => {
-          timerRef.current = null;
-          setCopied(false);
-        }, 2000);
+      if (onClick) {
+        onClick(event);
       }
     };
 

package/src/v2/components/chat/CopilotChatMessageView.tsx

@@ -22,7 +22,6 @@ import {
 } from "@ag-ui/core";
 import { twMerge } from "tailwind-merge";
 import { useRenderActivityMessage, useRenderCustomMessages } from "../../hooks";
-import { getThreadClone } from "../../hooks/use-agent";
 import { useCopilotKit } from "../../providers/CopilotKitProvider";
 import { useCopilotChatConfiguration } from "../../providers/CopilotChatConfigurationProvider";
 
@@ -392,18 +391,14 @@ export function CopilotChatMessageView({
   // Subscribe to state changes so custom message renderers re-render when state updates.
   useEffect(() => {
     if (!config?.agentId) return;
-    const registryAgent = copilotkit.getAgent(config.agentId);
-    // Prefer the per-thread clone so that state changes from the running agent
-    // (which is the clone, not the registry) trigger re-renders.
-    const agent =
-      getThreadClone(registryAgent, config.threadId) ?? registryAgent;
+    const agent = copilotkit.getAgent(config.agentId);
     if (!agent) return;
 
     const subscription = agent.subscribe({
       onStateChanged: forceUpdate,
     });
     return () => subscription.unsubscribe();
-  }, [config?.agentId, config?.threadId, copilotkit, forceUpdate]);
+  }, [config?.agentId, copilotkit, forceUpdate]);
 
   // Subscribe to interrupt element changes for in-chat rendering.
   const [interruptElement, setInterruptElement] =

package/src/v2/components/chat/CopilotChatReasoningMessage.tsx

@@ -71,31 +71,18 @@ export function CopilotChatReasoningMessage({
     return () => clearInterval(timer);
   }, [isStreaming]);
 
-  // Default to open while streaming, auto-collapse when streaming ends.
-  // Track whether the user has manually toggled so auto-collapse doesn't
-  // override their explicit intent (prevents flaky test failures on CI
-  // where async forceUpdate timing can race with click handlers).
+  // Default to open while streaming, auto-collapse when streaming ends
   const [isOpen, setIsOpen] = useState(isStreaming);
-  const userToggledRef = useRef(false);
 
   useEffect(() => {
     if (isStreaming) {
-      // Reset user-toggle tracking when a new streaming session starts
-      userToggledRef.current = false;
       setIsOpen(true);
-    } else if (!userToggledRef.current) {
-      // Auto-collapse only if the user hasn't manually toggled
+    } else {
+      // Auto-collapse when reasoning finishes
       setIsOpen(false);
     }
   }, [isStreaming]);
 
-  const handleToggle = hasContent
-    ? () => {
-        userToggledRef.current = true;
-        setIsOpen((prev) => !prev);
-      }
-    : undefined;
-
   const label = isStreaming
     ? "Thinking…"
     : `Thought for ${formatDuration(elapsed)}`;
@@ -105,7 +92,7 @@ export function CopilotChatReasoningMessage({
     label,
     hasContent,
     isStreaming,
-    onClick: handleToggle,
+    onClick: hasContent ? () => setIsOpen((prev) => !prev) : undefined,
   });
 
   const boundContent = renderSlot(

package/src/v2/components/chat/CopilotChatUserMessage.tsx

@@ -18,7 +18,6 @@ import {
   type AudioInputPart,
   type VideoInputPart,
   type DocumentInputPart,
-  copyToClipboard,
 } from "@copilotkit/shared";
 import { CopilotChatAttachmentRenderer } from "./CopilotChatAttachmentRenderer";
 
@@ -148,9 +147,12 @@ export function CopilotChatUserMessage({
     {
       onClick: async () => {
         if (flattenedContent) {
-          return await copyToClipboard(flattenedContent);
+          try {
+            await navigator.clipboard.writeText(flattenedContent);
+          } catch (err) {
+            console.error("Failed to copy message:", err);
+          }
         }
-        return false;
       },
     },
   );
@@ -312,17 +314,12 @@ export namespace CopilotChatUserMessage {
     const labels = config?.labels ?? CopilotChatDefaultLabels;
     const [copied, setCopied] = useState(false);
 
-    const handleClick = async (event: React.MouseEvent<HTMLButtonElement>) => {
-      let success = false;
-      if (onClick) {
-        // onClick may return a boolean indicating copy success
-        const result = await Promise.resolve(onClick(event));
-        success = result === true;
-      }
+    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
 
-      if (success) {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
+      if (onClick) {
+        onClick(event);
       }
     };