@copilotkit/react-core 1.55.0-next.8 → 1.55.0-next.9

package/CHANGELOG.md

@@ -1,14 +1,27 @@
 # ui
 
+## 1.55.0-next.9
+
+### Patch Changes
+
+- c341ed2: chore: kick CI to verify publish pipeline
+  - @copilotkit/a2ui-renderer@1.55.0-next.9
+  - @copilotkit/core@1.55.0-next.9
+  - @copilotkit/runtime-client-gql@1.55.0-next.9
+  - @copilotkit/shared@1.55.0-next.9
+  - @copilotkit/web-inspector@1.55.0-next.9
+
 ## 1.55.0-next.8
 
 ### Patch Changes
 
-- @copilotkit/a2ui-renderer@1.55.0-next.8
-- @copilotkit/core@1.55.0-next.8
-- @copilotkit/runtime-client-gql@1.55.0-next.8
-- @copilotkit/shared@1.55.0-next.8
-- @copilotkit/web-inspector@1.55.0-next.8
+- 0f6a61c: fix: add React keys to CopilotMessages children to suppress "unique key prop" warning
+- 53e5669: Fix multiple CopilotChat components with different threadIds sharing message state. The useAgent hook now creates per-thread agent clones when threadId is provided, ensuring each chat instance maintains isolated messages and state.
+  - @copilotkit/a2ui-renderer@1.55.0-next.8
+  - @copilotkit/core@1.55.0-next.8
+  - @copilotkit/runtime-client-gql@1.55.0-next.8
+  - @copilotkit/shared@1.55.0-next.8
+  - @copilotkit/web-inspector@1.55.0-next.8
 
 ## 1.55.0-next.7
 

package/dist/{copilotkit-B3Mb1yVE.cjs → copilotkit-BDNjFNmk.cjs}

@@ -2471,6 +2471,151 @@ function useRenderToolCall() {
 	]);
 }
 
+//#endregion
+//#region src/v2/hooks/use-agent.tsx
+let UseAgentUpdate = /* @__PURE__ */ function(UseAgentUpdate) {
+	UseAgentUpdate["OnMessagesChanged"] = "OnMessagesChanged";
+	UseAgentUpdate["OnStateChanged"] = "OnStateChanged";
+	UseAgentUpdate["OnRunStatusChanged"] = "OnRunStatusChanged";
+	return UseAgentUpdate;
+}({});
+const ALL_UPDATES = [
+	UseAgentUpdate.OnMessagesChanged,
+	UseAgentUpdate.OnStateChanged,
+	UseAgentUpdate.OnRunStatusChanged
+];
+/**
+* Clone a registry agent for per-thread isolation.
+* Copies agent configuration (transport, headers, etc.) but resets conversation
+* state (messages, threadId, state) so each thread starts fresh.
+*/
+function cloneForThread(source, threadId, headers) {
+	const clone = source.clone();
+	if (clone === source) throw new Error(`useAgent: ${source.constructor.name}.clone() returned the same instance. clone() must return a new, independent object.`);
+	clone.threadId = threadId;
+	clone.setMessages([]);
+	clone.setState({});
+	if (clone instanceof _ag_ui_client.HttpAgent) clone.headers = { ...headers };
+	return clone;
+}
+/**
+* Module-level WeakMap: registryAgent → (threadId → clone).
+* Shared across all useAgent() calls so that every component using the same
+* (agentId, threadId) pair receives the same agent instance. Using WeakMap
+* ensures the clone map is garbage-collected when the registry agent is
+* replaced (e.g. after reconnect or hot-reload).
+*/
+const globalThreadCloneMap = /* @__PURE__ */ new WeakMap();
+/**
+* Look up an existing per-thread clone without creating one.
+* Returns undefined when no clone has been created yet for this pair.
+*/
+function getThreadClone(registryAgent, threadId) {
+	if (!registryAgent || !threadId) return void 0;
+	return globalThreadCloneMap.get(registryAgent)?.get(threadId);
+}
+function getOrCreateThreadClone(existing, threadId, headers) {
+	let byThread = globalThreadCloneMap.get(existing);
+	if (!byThread) {
+		byThread = /* @__PURE__ */ new Map();
+		globalThreadCloneMap.set(existing, byThread);
+	}
+	const cached = byThread.get(threadId);
+	if (cached) return cached;
+	const clone = cloneForThread(existing, threadId, headers);
+	byThread.set(threadId, clone);
+	return clone;
+}
+function useAgent({ agentId, threadId, updates } = {}) {
+	agentId ??= _copilotkit_shared.DEFAULT_AGENT_ID;
+	const { copilotkit } = useCopilotKit();
+	const chatConfig = useCopilotChatConfiguration();
+	threadId ??= chatConfig?.threadId;
+	const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
+	const updateFlags = (0, react.useMemo)(() => updates ?? ALL_UPDATES, [JSON.stringify(updates)]);
+	const provisionalAgentCache = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const agent = (0, react.useMemo)(() => {
+		const cacheKey = threadId ? `${agentId}:${threadId}` : agentId;
+		const existing = copilotkit.getAgent(agentId);
+		if (existing) {
+			provisionalAgentCache.current.delete(cacheKey);
+			provisionalAgentCache.current.delete(agentId);
+			if (!threadId) return existing;
+			return getOrCreateThreadClone(existing, threadId, copilotkit.headers);
+		}
+		const isRuntimeConfigured = copilotkit.runtimeUrl !== void 0;
+		const status = copilotkit.runtimeConnectionStatus;
+		if (isRuntimeConfigured && (status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Disconnected || status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connecting)) {
+			const cached = provisionalAgentCache.current.get(cacheKey);
+			if (cached) {
+				cached.headers = { ...copilotkit.headers };
+				return cached;
+			}
+			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
+				runtimeUrl: copilotkit.runtimeUrl,
+				agentId,
+				transport: copilotkit.runtimeTransport,
+				runtimeMode: "pending"
+			});
+			provisional.headers = { ...copilotkit.headers };
+			if (threadId) provisional.threadId = threadId;
+			provisionalAgentCache.current.set(cacheKey, provisional);
+			return provisional;
+		}
+		if (isRuntimeConfigured && status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Error) {
+			const cached = provisionalAgentCache.current.get(cacheKey);
+			if (cached) {
+				cached.headers = { ...copilotkit.headers };
+				return cached;
+			}
+			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
+				runtimeUrl: copilotkit.runtimeUrl,
+				agentId,
+				transport: copilotkit.runtimeTransport,
+				runtimeMode: "pending"
+			});
+			provisional.headers = { ...copilotkit.headers };
+			if (threadId) provisional.threadId = threadId;
+			provisionalAgentCache.current.set(cacheKey, provisional);
+			return provisional;
+		}
+		const knownAgents = Object.keys(copilotkit.agents ?? {});
+		const runtimePart = isRuntimeConfigured ? `runtimeUrl=${copilotkit.runtimeUrl}` : "no runtimeUrl";
+		throw new Error(`useAgent: Agent '${agentId}' not found after runtime sync (${runtimePart}). ` + (knownAgents.length ? `Known agents: [${knownAgents.join(", ")}]` : "No agents registered.") + " Verify your runtime /info and/or agents__unsafe_dev_only.");
+	}, [
+		agentId,
+		threadId,
+		copilotkit.agents,
+		copilotkit.runtimeConnectionStatus,
+		copilotkit.runtimeUrl,
+		copilotkit.runtimeTransport,
+		JSON.stringify(copilotkit.headers)
+	]);
+	(0, react.useEffect)(() => {
+		if (updateFlags.length === 0) return;
+		const handlers = {};
+		if (updateFlags.includes(UseAgentUpdate.OnMessagesChanged)) handlers.onMessagesChanged = () => {
+			forceUpdate();
+		};
+		if (updateFlags.includes(UseAgentUpdate.OnStateChanged)) handlers.onStateChanged = forceUpdate;
+		if (updateFlags.includes(UseAgentUpdate.OnRunStatusChanged)) {
+			handlers.onRunInitialized = forceUpdate;
+			handlers.onRunFinalized = forceUpdate;
+			handlers.onRunFailed = forceUpdate;
+		}
+		const subscription = agent.subscribe(handlers);
+		return () => subscription.unsubscribe();
+	}, [
+		agent,
+		forceUpdate,
+		JSON.stringify(updateFlags)
+	]);
+	(0, react.useEffect)(() => {
+		if (agent instanceof _ag_ui_client.HttpAgent) agent.headers = { ...copilotkit.headers };
+	}, [agent, JSON.stringify(copilotkit.headers)]);
+	return { agent };
+}
+
 //#endregion
 //#region src/v2/hooks/use-render-custom-messages.tsx
 function useRenderCustomMessages() {
@@ -2488,7 +2633,8 @@ function useRenderCustomMessages() {
 		const { message, position } = params;
 		const resolvedRunId = copilotkit.getRunIdForMessage(agentId, threadId, message.id) ?? copilotkit.getRunIdsForThread(agentId, threadId).slice(-1)[0];
 		const runId = resolvedRunId ?? `missing-run-id:${message.id}`;
-		const agent = copilotkit.getAgent(agentId);
+		const registryAgent = copilotkit.getAgent(agentId);
+		const agent = getThreadClone(registryAgent, threadId) ?? registryAgent;
 		if (!agent) throw new Error("Agent not found");
 		const messagesIdsInRun = resolvedRunId ? agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === resolvedRunId).map((msg) => msg.id) : [message.id];
 		const rawMessageIndex = agent.messages.findIndex((msg) => msg.id === message.id);
@@ -2996,92 +3142,6 @@ function useHumanInTheLoop(tool, deps) {
 	]);
 }
 
-//#endregion
-//#region src/v2/hooks/use-agent.tsx
-let UseAgentUpdate = /* @__PURE__ */ function(UseAgentUpdate) {
-	UseAgentUpdate["OnMessagesChanged"] = "OnMessagesChanged";
-	UseAgentUpdate["OnStateChanged"] = "OnStateChanged";
-	UseAgentUpdate["OnRunStatusChanged"] = "OnRunStatusChanged";
-	return UseAgentUpdate;
-}({});
-const ALL_UPDATES = [
-	UseAgentUpdate.OnMessagesChanged,
-	UseAgentUpdate.OnStateChanged,
-	UseAgentUpdate.OnRunStatusChanged
-];
-function useAgent({ agentId, updates } = {}) {
-	agentId ??= _copilotkit_shared.DEFAULT_AGENT_ID;
-	const { copilotkit } = useCopilotKit();
-	const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
-	const updateFlags = (0, react.useMemo)(() => updates ?? ALL_UPDATES, [JSON.stringify(updates)]);
-	const provisionalAgentCache = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const agent = (0, react.useMemo)(() => {
-		const existing = copilotkit.getAgent(agentId);
-		if (existing) {
-			provisionalAgentCache.current.delete(agentId);
-			return existing;
-		}
-		const isRuntimeConfigured = copilotkit.runtimeUrl !== void 0;
-		const status = copilotkit.runtimeConnectionStatus;
-		if (isRuntimeConfigured && (status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Disconnected || status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connecting)) {
-			const cached = provisionalAgentCache.current.get(agentId);
-			if (cached) {
-				cached.headers = { ...copilotkit.headers };
-				return cached;
-			}
-			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
-				runtimeUrl: copilotkit.runtimeUrl,
-				agentId,
-				transport: copilotkit.runtimeTransport,
-				runtimeMode: "pending"
-			});
-			provisional.headers = { ...copilotkit.headers };
-			provisionalAgentCache.current.set(agentId, provisional);
-			return provisional;
-		}
-		if (isRuntimeConfigured && status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Error) {
-			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
-				runtimeUrl: copilotkit.runtimeUrl,
-				agentId,
-				transport: copilotkit.runtimeTransport,
-				runtimeMode: "pending"
-			});
-			provisional.headers = { ...copilotkit.headers };
-			return provisional;
-		}
-		const knownAgents = Object.keys(copilotkit.agents ?? {});
-		const runtimePart = isRuntimeConfigured ? `runtimeUrl=${copilotkit.runtimeUrl}` : "no runtimeUrl";
-		throw new Error(`useAgent: Agent '${agentId}' not found after runtime sync (${runtimePart}). ` + (knownAgents.length ? `Known agents: [${knownAgents.join(", ")}]` : "No agents registered.") + " Verify your runtime /info and/or agents__unsafe_dev_only.");
-	}, [
-		agentId,
-		copilotkit.agents,
-		copilotkit.runtimeConnectionStatus,
-		copilotkit.runtimeUrl,
-		copilotkit.runtimeTransport,
-		JSON.stringify(copilotkit.headers)
-	]);
-	(0, react.useEffect)(() => {
-		if (updateFlags.length === 0) return;
-		const handlers = {};
-		if (updateFlags.includes(UseAgentUpdate.OnMessagesChanged)) handlers.onMessagesChanged = () => {
-			forceUpdate();
-		};
-		if (updateFlags.includes(UseAgentUpdate.OnStateChanged)) handlers.onStateChanged = forceUpdate;
-		if (updateFlags.includes(UseAgentUpdate.OnRunStatusChanged)) {
-			handlers.onRunInitialized = forceUpdate;
-			handlers.onRunFinalized = forceUpdate;
-			handlers.onRunFailed = forceUpdate;
-		}
-		const subscription = agent.subscribe(handlers);
-		return () => subscription.unsubscribe();
-	}, [
-		agent,
-		forceUpdate,
-		JSON.stringify(updateFlags)
-	]);
-	return { agent };
-}
-
 //#endregion
 //#region src/v2/hooks/use-agent-context.tsx
 function useAgentContext(context) {
@@ -4248,12 +4308,14 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 	const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
 	(0, react.useEffect)(() => {
 		if (!config?.agentId) return;
-		const agent = copilotkit.getAgent(config.agentId);
+		const registryAgent = copilotkit.getAgent(config.agentId);
+		const agent = getThreadClone(registryAgent, config.threadId) ?? registryAgent;
 		if (!agent) return;
 		const subscription = agent.subscribe({ onStateChanged: forceUpdate });
 		return () => subscription.unsubscribe();
 	}, [
 		config?.agentId,
+		config?.threadId,
 		copilotkit,
 		forceUpdate
 	]);
@@ -4804,7 +4866,10 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
 	const existingConfig = useCopilotChatConfiguration();
 	const resolvedAgentId = agentId ?? existingConfig?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 	const resolvedThreadId = (0, react.useMemo)(() => threadId ?? existingConfig?.threadId ?? (0, _copilotkit_shared.randomUUID)(), [threadId, existingConfig?.threadId]);
-	const { agent } = useAgent({ agentId: resolvedAgentId });
+	const { agent } = useAgent({
+		agentId: resolvedAgentId,
+		threadId: resolvedThreadId
+	});
 	const { copilotkit } = useCopilotKit();
 	const { suggestions: autoSuggestions } = useSuggestions({ agentId: resolvedAgentId });
 	const { checkFeature } = useLicenseContext();
@@ -4848,7 +4913,6 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
 				console.error("CopilotChat: connectAgent failed", error);
 			}
 		};
-		agent.threadId = resolvedThreadId;
 		connect(agent);
 		return () => {
 			detached = true;
@@ -7544,7 +7608,7 @@ function CopilotKitInternal(cpkProps) {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotListeners, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitErrorBridge, {}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CoAgentStateRendersProvider, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CopilotMessages, { children: [memoizedChildren, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegisteredActionsRenderer, {})] }) }), bannerError && showDevConsole && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBanner, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CoAgentStateRendersProvider, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CopilotMessages, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: memoizedChildren }, "children"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegisteredActionsRenderer, {}, "actions")] }) }), bannerError && showDevConsole && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBanner, {
 					severity: bannerError.severity,
 					message: bannerError.message,
 					onClose: () => setBannerError(null),
@@ -7972,4 +8036,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-B3Mb1yVE.cjs.map
+//# sourceMappingURL=copilotkit-BDNjFNmk.cjs.map