@copilotkit/react-core 1.9.2-next.21 → 1.9.2-next.22

package/dist/index.mjs

@@ -4,14 +4,14 @@ import "./chunk-6YOKPWQ7.mjs";
 import "./chunk-LUGEI4YQ.mjs";
 import {
   CopilotTask
-} from "./chunk-RAQK4M64.mjs";
+} from "./chunk-CUAFWKTQ.mjs";
 import "./chunk-CQPYJIBH.mjs";
 import {
   useLangGraphInterruptRender
 } from "./chunk-VDADWRS3.mjs";
 import {
   useLangGraphInterrupt
-} from "./chunk-4URMLOBR.mjs";
+} from "./chunk-NGQN3JRJ.mjs";
 import {
   useMakeCopilotDocumentReadable
 } from "./chunk-36MGCCPZ.mjs";
@@ -23,7 +23,7 @@ import {
   startAgent,
   stopAgent,
   useCoAgent
-} from "./chunk-DDIBJUWK.mjs";
+} from "./chunk-KLENTCQV.mjs";
 import {
   useCopilotAdditionalInstructions
 } from "./chunk-BVK7PLK6.mjs";
@@ -35,7 +35,9 @@ import {
 } from "./chunk-NJA5ZLAZ.mjs";
 import {
   useCopilotChat
-} from "./chunk-QKEH3O4S.mjs";
+} from "./chunk-GEE5AMYL.mjs";
+import "./chunk-6ZLSC4KB.mjs";
+import "./chunk-4CEQJ2X6.mjs";
 import {
   useCopilotReadable
 } from "./chunk-5BSUSFHM.mjs";
@@ -43,33 +45,31 @@ import {
   CopilotKit,
   defaultCopilotContextCategories,
   extract
-} from "./chunk-N2M65NJ2.mjs";
-import "./chunk-SJJNFYGQ.mjs";
-import "./chunk-DGON3GZX.mjs";
+} from "./chunk-GIMSRCVW.mjs";
+import "./chunk-SGF6C7I6.mjs";
+import "./chunk-BSAVFYRQ.mjs";
+import "./chunk-PMAFHQ7P.mjs";
 import "./chunk-5FHSUKQL.mjs";
 import "./chunk-RKTVJRK7.mjs";
-import "./chunk-PMAFHQ7P.mjs";
-import "./chunk-57K2ZJ5F.mjs";
-import "./chunk-YPSGKPDA.mjs";
-import {
-  CopilotMessagesContext,
-  useCopilotMessagesContext
-} from "./chunk-DCTJZ742.mjs";
-import "./chunk-MTAJI7HV.mjs";
-import "./chunk-4CEQJ2X6.mjs";
-import "./chunk-3OQM3NEK.mjs";
-import "./chunk-O7ARI5CV.mjs";
 import {
   useCopilotRuntimeClient
 } from "./chunk-JWAXDYOW.mjs";
 import {
   shouldShowDevConsole
 } from "./chunk-GFJW4RIM.mjs";
+import "./chunk-3OQM3NEK.mjs";
+import "./chunk-O7ARI5CV.mjs";
 import "./chunk-YAF2LATQ.mjs";
+import "./chunk-57K2ZJ5F.mjs";
+import "./chunk-YPSGKPDA.mjs";
 import {
   CopilotContext,
   useCopilotContext
 } from "./chunk-DKZTPL66.mjs";
+import {
+  CopilotMessagesContext,
+  useCopilotMessagesContext
+} from "./chunk-DCTJZ742.mjs";
 import "./chunk-SKC7AJIV.mjs";
 export {
   CopilotContext,

package/dist/lib/copilot-task.mjs

@@ -1,21 +1,21 @@
 import {
   CopilotTask
-} from "../chunk-RAQK4M64.mjs";
-import "../chunk-N2M65NJ2.mjs";
-import "../chunk-SJJNFYGQ.mjs";
-import "../chunk-DGON3GZX.mjs";
+} from "../chunk-CUAFWKTQ.mjs";
+import "../chunk-4CEQJ2X6.mjs";
+import "../chunk-GIMSRCVW.mjs";
+import "../chunk-SGF6C7I6.mjs";
+import "../chunk-BSAVFYRQ.mjs";
+import "../chunk-PMAFHQ7P.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
-import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-57K2ZJ5F.mjs";
-import "../chunk-DCTJZ742.mjs";
-import "../chunk-4CEQJ2X6.mjs";
-import "../chunk-3OQM3NEK.mjs";
-import "../chunk-O7ARI5CV.mjs";
 import "../chunk-JWAXDYOW.mjs";
 import "../chunk-GFJW4RIM.mjs";
+import "../chunk-3OQM3NEK.mjs";
+import "../chunk-O7ARI5CV.mjs";
 import "../chunk-YAF2LATQ.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DKZTPL66.mjs";
+import "../chunk-DCTJZ742.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   CopilotTask

package/dist/lib/index.mjs

@@ -1,22 +1,22 @@
 import "../chunk-LUGEI4YQ.mjs";
 import {
   CopilotTask
-} from "../chunk-RAQK4M64.mjs";
-import "../chunk-N2M65NJ2.mjs";
-import "../chunk-SJJNFYGQ.mjs";
-import "../chunk-DGON3GZX.mjs";
+} from "../chunk-CUAFWKTQ.mjs";
+import "../chunk-4CEQJ2X6.mjs";
+import "../chunk-GIMSRCVW.mjs";
+import "../chunk-SGF6C7I6.mjs";
+import "../chunk-BSAVFYRQ.mjs";
+import "../chunk-PMAFHQ7P.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
-import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-57K2ZJ5F.mjs";
-import "../chunk-DCTJZ742.mjs";
-import "../chunk-4CEQJ2X6.mjs";
-import "../chunk-3OQM3NEK.mjs";
-import "../chunk-O7ARI5CV.mjs";
 import "../chunk-JWAXDYOW.mjs";
 import "../chunk-GFJW4RIM.mjs";
+import "../chunk-3OQM3NEK.mjs";
+import "../chunk-O7ARI5CV.mjs";
 import "../chunk-YAF2LATQ.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DKZTPL66.mjs";
+import "../chunk-DCTJZ742.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   CopilotTask

package/dist/setupTests.d.ts

@@ -0,0 +1,2 @@
+
+export { }

package/dist/setupTests.js

@@ -0,0 +1,26 @@
+"use strict";
+
+// src/setupTests.ts
+jest.mock("@segment/analytics-node", () => ({
+  Analytics: jest.fn().mockImplementation(() => ({
+    track: jest.fn(),
+    identify: jest.fn(),
+    page: jest.fn(),
+    group: jest.fn(),
+    alias: jest.fn()
+  }))
+}));
+jest.mock("@copilotkit/shared", () => ({
+  parseJson: jest.fn((jsonString, defaultValue) => {
+    try {
+      return JSON.parse(jsonString);
+    } catch (e) {
+      return defaultValue;
+    }
+  }),
+  CopilotKitAgentDiscoveryError: jest.fn()
+}));
+jest.mock("react-dom/test-utils", () => ({
+  act: jest.fn((fn) => fn())
+}));
+//# sourceMappingURL=setupTests.js.map

package/dist/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/setupTests.ts"],"sourcesContent":["// Mock modules that cause ES module issues\njest.mock(\"@segment/analytics-node\", () => ({\n  Analytics: jest.fn().mockImplementation(() => ({\n    track: jest.fn(),\n    identify: jest.fn(),\n    page: jest.fn(),\n    group: jest.fn(),\n    alias: jest.fn(),\n  })),\n}));\n\njest.mock(\"@copilotkit/shared\", () => ({\n  parseJson: jest.fn((jsonString, defaultValue) => {\n    try {\n      return JSON.parse(jsonString);\n    } catch {\n      return defaultValue;\n    }\n  }),\n  CopilotKitAgentDiscoveryError: jest.fn(),\n}));\n\n// Mock react-dom/test-utils to avoid compatibility issues\njest.mock(\"react-dom/test-utils\", () => ({\n  act: jest.fn((fn) => fn()),\n}));\n"],"mappings":";;;AACA,KAAK,KAAK,2BAA2B,OAAO;AAAA,EAC1C,WAAW,KAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,IAC7C,OAAO,KAAK,GAAG;AAAA,IACf,UAAU,KAAK,GAAG;AAAA,IAClB,MAAM,KAAK,GAAG;AAAA,IACd,OAAO,KAAK,GAAG;AAAA,IACf,OAAO,KAAK,GAAG;AAAA,EACjB,EAAE;AACJ,EAAE;AAEF,KAAK,KAAK,sBAAsB,OAAO;AAAA,EACrC,WAAW,KAAK,GAAG,CAAC,YAAY,iBAAiB;AAC/C,QAAI;AACF,aAAO,KAAK,MAAM,UAAU;AAAA,IAC9B,SAAQ,GAAN;AACA,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAAA,EACD,+BAA+B,KAAK,GAAG;AACzC,EAAE;AAGF,KAAK,KAAK,wBAAwB,OAAO;AAAA,EACvC,KAAK,KAAK,GAAG,CAAC,OAAO,GAAG,CAAC;AAC3B,EAAE;","names":[]}

package/dist/setupTests.mjs

@@ -0,0 +1,24 @@
+// src/setupTests.ts
+jest.mock("@segment/analytics-node", () => ({
+  Analytics: jest.fn().mockImplementation(() => ({
+    track: jest.fn(),
+    identify: jest.fn(),
+    page: jest.fn(),
+    group: jest.fn(),
+    alias: jest.fn()
+  }))
+}));
+jest.mock("@copilotkit/shared", () => ({
+  parseJson: jest.fn((jsonString, defaultValue) => {
+    try {
+      return JSON.parse(jsonString);
+    } catch (e) {
+      return defaultValue;
+    }
+  }),
+  CopilotKitAgentDiscoveryError: jest.fn()
+}));
+jest.mock("react-dom/test-utils", () => ({
+  act: jest.fn((fn) => fn())
+}));
+//# sourceMappingURL=setupTests.mjs.map

package/dist/setupTests.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/setupTests.ts"],"sourcesContent":["// Mock modules that cause ES module issues\njest.mock(\"@segment/analytics-node\", () => ({\n  Analytics: jest.fn().mockImplementation(() => ({\n    track: jest.fn(),\n    identify: jest.fn(),\n    page: jest.fn(),\n    group: jest.fn(),\n    alias: jest.fn(),\n  })),\n}));\n\njest.mock(\"@copilotkit/shared\", () => ({\n  parseJson: jest.fn((jsonString, defaultValue) => {\n    try {\n      return JSON.parse(jsonString);\n    } catch {\n      return defaultValue;\n    }\n  }),\n  CopilotKitAgentDiscoveryError: jest.fn(),\n}));\n\n// Mock react-dom/test-utils to avoid compatibility issues\njest.mock(\"react-dom/test-utils\", () => ({\n  act: jest.fn((fn) => fn()),\n}));\n"],"mappings":";AACA,KAAK,KAAK,2BAA2B,OAAO;AAAA,EAC1C,WAAW,KAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,IAC7C,OAAO,KAAK,GAAG;AAAA,IACf,UAAU,KAAK,GAAG;AAAA,IAClB,MAAM,KAAK,GAAG;AAAA,IACd,OAAO,KAAK,GAAG;AAAA,IACf,OAAO,KAAK,GAAG;AAAA,EACjB,EAAE;AACJ,EAAE;AAEF,KAAK,KAAK,sBAAsB,OAAO;AAAA,EACrC,WAAW,KAAK,GAAG,CAAC,YAAY,iBAAiB;AAC/C,QAAI;AACF,aAAO,KAAK,MAAM,UAAU;AAAA,IAC9B,SAAQ,GAAN;AACA,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAAA,EACD,+BAA+B,KAAK,GAAG;AACzC,EAAE;AAGF,KAAK,KAAK,wBAAwB,OAAO;AAAA,EACvC,KAAK,KAAK,GAAG,CAAC,OAAO,GAAG,CAAC;AAC3B,EAAE;","names":[]}

package/dist/utils/extract.mjs

@@ -1,19 +1,19 @@
 import {
   extract
-} from "../chunk-N2M65NJ2.mjs";
-import "../chunk-SJJNFYGQ.mjs";
-import "../chunk-DGON3GZX.mjs";
+} from "../chunk-GIMSRCVW.mjs";
+import "../chunk-SGF6C7I6.mjs";
+import "../chunk-BSAVFYRQ.mjs";
+import "../chunk-PMAFHQ7P.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
-import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-57K2ZJ5F.mjs";
-import "../chunk-DCTJZ742.mjs";
-import "../chunk-3OQM3NEK.mjs";
-import "../chunk-O7ARI5CV.mjs";
 import "../chunk-JWAXDYOW.mjs";
 import "../chunk-GFJW4RIM.mjs";
+import "../chunk-3OQM3NEK.mjs";
+import "../chunk-O7ARI5CV.mjs";
 import "../chunk-YAF2LATQ.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DKZTPL66.mjs";
+import "../chunk-DCTJZ742.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   extract

package/dist/utils/index.mjs

@@ -1,21 +1,21 @@
 import {
   extract
-} from "../chunk-N2M65NJ2.mjs";
-import "../chunk-SJJNFYGQ.mjs";
-import "../chunk-DGON3GZX.mjs";
+} from "../chunk-GIMSRCVW.mjs";
+import "../chunk-SGF6C7I6.mjs";
+import "../chunk-BSAVFYRQ.mjs";
+import "../chunk-PMAFHQ7P.mjs";
 import "../chunk-5FHSUKQL.mjs";
 import "../chunk-RKTVJRK7.mjs";
-import "../chunk-PMAFHQ7P.mjs";
-import "../chunk-57K2ZJ5F.mjs";
-import "../chunk-DCTJZ742.mjs";
-import "../chunk-3OQM3NEK.mjs";
-import "../chunk-O7ARI5CV.mjs";
 import "../chunk-JWAXDYOW.mjs";
 import {
   shouldShowDevConsole
 } from "../chunk-GFJW4RIM.mjs";
+import "../chunk-3OQM3NEK.mjs";
+import "../chunk-O7ARI5CV.mjs";
 import "../chunk-YAF2LATQ.mjs";
+import "../chunk-57K2ZJ5F.mjs";
 import "../chunk-DKZTPL66.mjs";
+import "../chunk-DCTJZ742.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   extract,

package/jest.config.js

@@ -6,4 +6,8 @@ module.exports = {
     "<rootDir>/src/**/__tests__/**/*.(ts|tsx)",
     "<rootDir>/src/**/*.(test|spec).(ts|tsx)",
   ],
+  setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+  },
 };

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.9.2-next.21",
+  "version": "1.9.2-next.22",
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -27,6 +27,8 @@
     "react-dom": "^18 || ^19 || ^19.0.0-rc"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.4",
     "@types/react": "^18.2.5",
     "@types/react-dom": "^18.2.4",
@@ -34,6 +36,7 @@
     "jest": "^29.6.4",
     "jest-environment-jsdom": "^30.0.2",
     "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
@@ -44,8 +47,8 @@
     "@scarf/scarf": "^1.3.0",
     "react-markdown": "^8.0.7",
     "untruncate-json": "^0.0.1",
-    "@copilotkit/shared": "1.9.2-next.21",
-    "@copilotkit/runtime-client-gql": "1.9.2-next.21"
+    "@copilotkit/runtime-client-gql": "1.9.2-next.22",
+    "@copilotkit/shared": "1.9.2-next.22"
   },
   "keywords": [
     "copilotkit",

package/src/hooks/__tests__/use-coagent-config.test.ts

@@ -0,0 +1,284 @@
+import { renderHook } from "@testing-library/react";
+import { useCoAgent } from "../use-coagent";
+
+// Mock the dependencies
+const mockSetCoagentStatesWithRef = jest.fn();
+const mockAppendMessage = jest.fn();
+const mockRunChatCompletion = jest.fn();
+
+jest.mock("../use-copilot-chat", () => ({
+  useCopilotChat: () => ({
+    appendMessage: mockAppendMessage,
+    runChatCompletion: mockRunChatCompletion,
+  }),
+}));
+
+jest.mock("../use-copilot-runtime-client", () => ({
+  useCopilotRuntimeClient: () => ({
+    loadAgentState: jest.fn().mockResolvedValue({
+      data: { loadAgentState: { state: "{}", threadExists: false } },
+      error: null,
+    }),
+  }),
+}));
+
+jest.mock("../../context", () => ({
+  useCopilotContext: () => ({
+    availableAgents: [],
+    coagentStates: {},
+    coagentStatesRef: { current: {} },
+    setCoagentStatesWithRef: mockSetCoagentStatesWithRef,
+    threadId: "test-thread",
+    copilotApiConfig: {
+      headers: {},
+      chatApiEndpoint: "test-endpoint",
+      publicApiKey: "test-key",
+    },
+    showDevConsole: false,
+  }),
+  useCopilotMessagesContext: () => ({
+    messages: [],
+  }),
+}));
+
+jest.mock("../../components/toast/toast-provider", () => ({
+  useToast: () => ({
+    setBannerError: jest.fn(),
+  }),
+}));
+
+jest.mock("../../components/error-boundary/error-utils", () => ({
+  useAsyncCallback: (fn: any) => fn,
+}));
+
+describe("useCoAgent config synchronization", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockSetCoagentStatesWithRef.mockImplementation((updater) => {
+      if (typeof updater === "function") {
+        updater({});
+      }
+    });
+  });
+
+  it("should call setCoagentStatesWithRef when config changes", () => {
+    const { rerender } = renderHook(
+      ({ config }) =>
+        useCoAgent({
+          name: "test-agent",
+          initialState: { count: 0 },
+          config,
+        }),
+      {
+        initialProps: { config: { configurable: { model: "gpt-4" } } },
+      },
+    );
+
+    // Clear the initial calls
+    mockSetCoagentStatesWithRef.mockClear();
+
+    // Change config
+    rerender({ config: { configurable: { model: "gpt-4o" } } });
+
+    // Should have called setCoagentStatesWithRef with new config
+    expect(mockSetCoagentStatesWithRef).toHaveBeenCalledWith(expect.any(Function));
+  });
+
+  it("should not call setCoagentStatesWithRef when config is unchanged", () => {
+    const config = { configurable: { model: "gpt-4" } };
+
+    const { rerender } = renderHook(
+      ({ config }) =>
+        useCoAgent({
+          name: "test-agent",
+          initialState: { count: 0 },
+          config,
+        }),
+      {
+        initialProps: { config },
+      },
+    );
+
+    // Clear the initial calls
+    mockSetCoagentStatesWithRef.mockClear();
+
+    // Re-render with same config
+    rerender({ config });
+
+    // Should not have called setCoagentStatesWithRef
+    expect(mockSetCoagentStatesWithRef).not.toHaveBeenCalled();
+  });
+
+  it("should handle backward compatibility with configurable prop", () => {
+    const { rerender } = renderHook(
+      ({ configurable }) =>
+        useCoAgent({
+          name: "test-agent",
+          initialState: { count: 0 },
+          configurable,
+        }),
+      {
+        initialProps: { configurable: { model: "gpt-4" } },
+      },
+    );
+
+    // Clear the initial calls
+    mockSetCoagentStatesWithRef.mockClear();
+
+    // Change configurable prop
+    rerender({ configurable: { model: "gpt-4o" } });
+
+    // Should have called setCoagentStatesWithRef
+    expect(mockSetCoagentStatesWithRef).toHaveBeenCalledWith(expect.any(Function));
+  });
+
+  it("should update config while preserving other state properties", () => {
+    let capturedUpdater: any = null;
+
+    mockSetCoagentStatesWithRef.mockImplementation((updater) => {
+      capturedUpdater = updater;
+      return updater;
+    });
+
+    const { rerender } = renderHook(
+      ({ config }) =>
+        useCoAgent({
+          name: "test-agent",
+          initialState: { count: 0 },
+          config,
+        }),
+      {
+        initialProps: { config: { configurable: { model: "gpt-4" } } },
+      },
+    );
+
+    // Clear the initial calls and reset captured updater
+    mockSetCoagentStatesWithRef.mockClear();
+    capturedUpdater = null;
+
+    // Change config
+    rerender({ config: { configurable: { model: "gpt-4o" } } });
+
+    // Should have called setCoagentStatesWithRef
+    expect(mockSetCoagentStatesWithRef).toHaveBeenCalledWith(expect.any(Function));
+    expect(capturedUpdater).toBeTruthy();
+
+    // Test the updater function behavior
+    const prevState = {
+      "test-agent": {
+        name: "test-agent",
+        state: { count: 5 },
+        config: { configurable: { model: "gpt-4" } },
+        running: true,
+        active: true,
+        threadId: "thread-123",
+        nodeName: "test-node",
+        runId: "run-456",
+      },
+    };
+
+    const newState = capturedUpdater(prevState);
+
+    // Verify the state is updated correctly
+    expect(newState).toEqual({
+      "test-agent": {
+        name: "test-agent",
+        state: { count: 5 }, // State preserved
+        config: { configurable: { model: "gpt-4o" } }, // Config updated
+        running: true, // Other properties preserved
+        active: true,
+        threadId: "thread-123",
+        nodeName: "test-node",
+        runId: "run-456",
+      },
+    });
+  });
+
+  it("should create new agent state when agent doesn't exist", () => {
+    let capturedUpdater: any = null;
+
+    mockSetCoagentStatesWithRef.mockImplementation((updater) => {
+      capturedUpdater = updater;
+      return updater;
+    });
+
+    const { rerender } = renderHook(
+      ({ config }) =>
+        useCoAgent({
+          name: "test-agent",
+          initialState: { count: 0 },
+          config,
+        }),
+      {
+        initialProps: { config: { configurable: { model: "gpt-4" } } },
+      },
+    );
+
+    // Clear the initial calls and reset captured updater
+    mockSetCoagentStatesWithRef.mockClear();
+    capturedUpdater = null;
+
+    // Change config
+    rerender({ config: { configurable: { model: "gpt-4o" } } });
+
+    // Should have called setCoagentStatesWithRef
+    expect(mockSetCoagentStatesWithRef).toHaveBeenCalledWith(expect.any(Function));
+    expect(capturedUpdater).toBeTruthy();
+
+    // Test the updater function behavior with empty previous state
+    const prevState = {}; // No existing agent state
+
+    const newState = capturedUpdater(prevState);
+
+    // Verify the state creates a new agent state with default values
+    expect(newState).toEqual({
+      "test-agent": {
+        name: "test-agent",
+        state: { count: 0 }, // Uses initialState
+        config: { configurable: { model: "gpt-4o" } }, // New config
+        running: false, // Default values
+        active: false,
+        threadId: undefined,
+        nodeName: undefined,
+        runId: undefined,
+      },
+    });
+  });
+
+  it("should handle deeply nested config changes", () => {
+    const { rerender } = renderHook(
+      ({ config }) =>
+        useCoAgent({
+          name: "test-agent",
+          initialState: { count: 0 },
+          config,
+        }),
+      {
+        initialProps: {
+          config: {
+            configurable: {
+              model: "gpt-4",
+              settings: { temperature: 0.5 },
+            },
+          },
+        },
+      },
+    );
+
+    // Clear the initial calls
+    mockSetCoagentStatesWithRef.mockClear();
+
+    // Change nested config
+    rerender({
+      config: {
+        configurable: {
+          model: "gpt-4",
+          settings: { temperature: 0.7 }, // Only nested property changed
+        },
+      },
+    });
+
+    // Should detect the nested change
+    expect(mockSetCoagentStatesWithRef).toHaveBeenCalledWith(expect.any(Function));
+  });
+});

package/src/hooks/use-chat.ts

@@ -623,6 +623,8 @@ export function useChat(options: UseChatOptions): UseChatHelpers {
                   threadId: lastAgentStateMessage.threadId,
                   nodeName: lastAgentStateMessage.nodeName,
                   runId: lastAgentStateMessage.runId,
+                  // Preserve existing config from previous state
+                  config: prevAgentStates[lastAgentStateMessage.agentName]?.config,
                 },
               }));
               if (lastAgentStateMessage.running) {

package/src/hooks/use-coagent.ts

@@ -311,6 +311,42 @@ export function useCoAgent<T = any>(options: UseCoagentOptions<T>): UseCoagentRe
     coagentStates[name] === undefined,
   ]);
 
+  // Sync config when runtime configuration changes
+  useEffect(() => {
+    const newConfig = options.config
+      ? options.config
+      : options.configurable
+        ? { configurable: options.configurable }
+        : undefined;
+
+    if (newConfig === undefined) return;
+
+    setCoagentStatesWithRef((prev) => {
+      const existing = prev[name] ?? {
+        name,
+        state: isInternalStateManagementWithInitial(options) ? options.initialState : {},
+        config: {},
+        running: false,
+        active: false,
+        threadId: undefined,
+        nodeName: undefined,
+        runId: undefined,
+      };
+
+      if (JSON.stringify(existing.config) === JSON.stringify(newConfig)) {
+        return prev;
+      }
+
+      return {
+        ...prev,
+        [name]: {
+          ...existing,
+          config: newConfig,
+        },
+      };
+    });
+  }, [JSON.stringify(options.config), JSON.stringify(options.configurable)]);
+
   const runAgentCallback = useAsyncCallback(
     async (hint?: HintFunction) => {
       await runAgent(name, context, appendMessage, runChatCompletion, hint);

package/src/setupTests.ts

@@ -0,0 +1,26 @@
+// Mock modules that cause ES module issues
+jest.mock("@segment/analytics-node", () => ({
+  Analytics: jest.fn().mockImplementation(() => ({
+    track: jest.fn(),
+    identify: jest.fn(),
+    page: jest.fn(),
+    group: jest.fn(),
+    alias: jest.fn(),
+  })),
+}));
+
+jest.mock("@copilotkit/shared", () => ({
+  parseJson: jest.fn((jsonString, defaultValue) => {
+    try {
+      return JSON.parse(jsonString);
+    } catch {
+      return defaultValue;
+    }
+  }),
+  CopilotKitAgentDiscoveryError: jest.fn(),
+}));
+
+// Mock react-dom/test-utils to avoid compatibility issues
+jest.mock("react-dom/test-utils", () => ({
+  act: jest.fn((fn) => fn()),
+}));