@copilotkit/react-core 1.75.2 → 1.77.0

package/dist/index.umd.js

@@ -1,10 +1,10 @@
 "use client";
 
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('@copilotkit/core'), require('@ag-ui/client'), require('@copilotkit/shared'), require('react/jsx-runtime'), require('zod'), require('@copilotkit/mcp-apps-renderer/activity'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('react-dom'), require('react-markdown'), require('@copilotkit/runtime-client-gql')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', '@copilotkit/core', '@ag-ui/client', '@copilotkit/shared', 'react/jsx-runtime', 'zod', '@copilotkit/mcp-apps-renderer/activity', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', 'react-dom', 'react-markdown', '@copilotkit/runtime-client-gql'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.React,global.CopilotKitCore,global.AgUIClient,global.CopilotKitShared,global.ReactJsxRuntime,global.Zod,global.CopilotKitMcpAppsRendererActivity,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global.ReactDOM,global.ReactMarkdown,global.CopilotKitRuntimeClientGQL));
-})(this, function(exports, react, _copilotkit_core, _ag_ui_client, _copilotkit_shared, react_jsx_runtime, zod, _copilotkit_mcp_apps_renderer_activity, _copilotkit_a2ui_renderer, zod_to_json_schema, react_dom, react_markdown, _copilotkit_runtime_client_gql) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('@copilotkit/core'), require('@ag-ui/client'), require('@copilotkit/shared'), require('react/jsx-runtime'), require('@ag-ui/core'), require('zod'), require('@copilotkit/mcp-apps-renderer/activity'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('react-dom'), require('react-markdown'), require('@copilotkit/runtime-client-gql')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@copilotkit/core', '@ag-ui/client', '@copilotkit/shared', 'react/jsx-runtime', '@ag-ui/core', 'zod', '@copilotkit/mcp-apps-renderer/activity', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', 'react-dom', 'react-markdown', '@copilotkit/runtime-client-gql'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.React,global.CopilotKitCore,global.AgUIClient,global.CopilotKitShared,global.ReactJsxRuntime,global._ag_ui_core,global.Zod,global.CopilotKitMcpAppsRendererActivity,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global.ReactDOM,global.ReactMarkdown,global.CopilotKitRuntimeClientGQL));
+})(this, function(exports, react, _copilotkit_core, _ag_ui_client, _copilotkit_shared, react_jsx_runtime, _ag_ui_core, zod, _copilotkit_mcp_apps_renderer_activity, _copilotkit_a2ui_renderer, zod_to_json_schema, react_dom, react_markdown, _copilotkit_runtime_client_gql) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -280,6 +280,25 @@ react_markdown = __toESM(react_markdown);
 			parentConfig?.threadId,
 			activeThreadOverride
 		]);
+		const copilotkit = (0, react.useContext)(CopilotKitContext)?.copilotkit;
+		const openThreadRef = (0, react.useRef)(null);
+		const latestThreadIdRef = (0, react.useRef)(resolvedThreadId);
+		latestThreadIdRef.current = resolvedThreadId;
+		(0, react.useEffect)(() => {
+			if (copilotkit === void 0) return;
+			const registration = copilotkit.registerOpenThread({
+				agentId: resolvedAgentId,
+				threadId: latestThreadIdRef.current
+			});
+			openThreadRef.current = registration;
+			return () => {
+				registration.unregister();
+				openThreadRef.current = null;
+			};
+		}, [copilotkit, resolvedAgentId]);
+		(0, react.useEffect)(() => {
+			openThreadRef.current?.update(resolvedThreadId);
+		}, [resolvedThreadId]);
 		const resolvedHasExplicitThreadId = (threadIdPropIsAuthoritative ? true : activeThreadOverride?.explicit ?? hasExplicitThreadId ?? false) || !!parentConfig?.hasExplicitThreadId;
 		const [internalModalOpen, setInternalModalOpen] = (0, react.useState)(isModalDefaultOpen ?? true);
 		const hasExplicitDefault = isModalDefaultOpen !== void 0;
@@ -487,7 +506,7 @@ react_markdown = __toESM(react_markdown);
 			toolCallId: toolCall.id,
 			args,
 			status: _copilotkit_core.ToolCallStatus.Complete,
-			result: toolMessage.content
+			result: (0, _ag_ui_core.contentToText)(toolMessage.content)
 		});
 		else if (isExecuting) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderComponent, {
 			name: toolName,
@@ -583,7 +602,7 @@ react_markdown = __toESM(react_markdown);
 
 //#endregion
 //#region package.json
-	var version = "1.75.2";
+	var version = "1.77.0";
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
@@ -787,12 +806,14 @@ react_markdown = __toESM(react_markdown);
 	* Fetches resource content on-demand via proxied MCP requests. The React shell
 	* owns the iframe; `bindMcpApp` owns the protocol.
 	*/
-	const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agent }) {
+	const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, message, agent }) {
 		const { copilotkit } = useCopilotKit();
+		const messageId = message?.id;
 		const containerRef = (0, react.useRef)(null);
 		const iframeRef = (0, react.useRef)(null);
 		const sessionRef = (0, react.useRef)(null);
 		const [error, setError] = (0, react.useState)(null);
+		const [contentError, setContentError] = (0, react.useState)(null);
 		const [isLoading, setIsLoading] = (0, react.useState)(true);
 		const [iframeSize, setIframeSize] = (0, react.useState)({});
 		const [fetchedResource, setFetchedResource] = (0, react.useState)(null);
@@ -811,6 +832,7 @@ react_markdown = __toESM(react_markdown);
 			let mounted = true;
 			setIsLoading(true);
 			setError(null);
+			setContentError(null);
 			const iframe = document.createElement("iframe");
 			iframe.style.width = "100%";
 			iframe.style.height = "100px";
@@ -833,6 +855,7 @@ react_markdown = __toESM(react_markdown);
 						getContent: () => contentRef.current,
 						getAgent: () => agentRef.current,
 						host: copilotkit,
+						messageId,
 						hooks: {
 							onResource: (resource) => {
 								if (!mounted) return;
@@ -842,6 +865,9 @@ react_markdown = __toESM(react_markdown);
 							onSizeChanged: (size) => {
 								if (mounted) setIframeSize(size);
 							},
+							onContentError: (err) => {
+								if (mounted) setContentError(err);
+							},
 							onError: (err) => {
 								if (!mounted) return;
 								setError(err);
@@ -850,9 +876,7 @@ react_markdown = __toESM(react_markdown);
 						}
 					});
 					sessionRef.current = session;
-					const current = contentRef.current;
-					if (current.toolInput) session.sendToolInput(current.toolInput);
-					if (current.result) session.sendToolResult(current.result);
+					session.syncContent(contentRef.current);
 				} catch (err) {
 					console.error("[MCPAppsRenderer] Setup error:", err);
 					if (mounted) {
@@ -872,6 +896,7 @@ react_markdown = __toESM(react_markdown);
 		}, [
 			agent,
 			copilotkit,
+			messageId,
 			content.resourceUri,
 			content.serverHash,
 			content.serverId
@@ -886,11 +911,8 @@ react_markdown = __toESM(react_markdown);
 			}
 		}, [iframeSize]);
 		(0, react.useEffect)(() => {
-			if (content.toolInput) sessionRef.current?.sendToolInput(content.toolInput);
-		}, [content.toolInput]);
-		(0, react.useEffect)(() => {
-			if (content.result) sessionRef.current?.sendToolResult(content.result);
-		}, [content.result]);
+			sessionRef.current?.syncContent(contentRef.current);
+		}, [content.toolInput, content.result]);
 		const borderStyle = fetchedResource?._meta?.ui?.prefersBorder === true ? {
 			borderRadius: "8px",
 			backgroundColor: "#f9f9f9",
@@ -912,12 +934,12 @@ react_markdown = __toESM(react_markdown);
 					color: "#666"
 				},
 				children: "Loading..."
-			}), error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			}), (error ?? contentError) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					color: "red",
 					padding: "1rem"
 				},
-				children: ["Error: ", error.message]
+				children: ["Error: ", (error ?? contentError).message]
 			})]
 		});
 	};
@@ -2219,7 +2241,7 @@ react_markdown = __toESM(react_markdown);
 		}, [value, warningMessage]);
 		return value;
 	}
-	const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, messageFilter, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, enableInspector, agentId, useSingleEndpoint, onError, a2ui, defaultThrottleMs, debug }) => {
+	const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, messageFilter, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, enableInspector, agentId, showIntelligenceIndicator = true, useSingleEndpoint, onError, a2ui, defaultThrottleMs, debug, learning }) => {
 		const [shouldRenderInspector, setShouldRenderInspector] = (0, react.useState)(false);
 		const [inspectorVisible, setInspectorVisible] = (0, react.useState)(false);
 		(0, react.useEffect)(() => {
@@ -2454,7 +2476,8 @@ react_markdown = __toESM(react_markdown);
 				renderToolCalls: allRenderToolCalls,
 				renderActivityMessages: allActivityRenderers,
 				renderCustomMessages: renderCustomMessagesList,
-				debug
+				debug,
+				learning
 			});
 			if (defaultThrottleMs !== void 0) copilotkitRef.current.setDefaultThrottleMs(defaultThrottleMs);
 		}
@@ -2559,6 +2582,32 @@ react_markdown = __toESM(react_markdown);
 			useSingleEndpoint,
 			debug
 		]);
+		const learningEnabled = learning !== void 0;
+		const trajectoryId = learning?.trajectoryId;
+		const learningContainerIdsRef = (0, react.useRef)(learning?.learningContainerIds);
+		(0, react.useEffect)(() => {
+			copilotkit.setLearningConfig(learning);
+			learningContainerIdsRef.current = learning?.learningContainerIds;
+			if (learning?.sink === void 0 && learning?.trajectoryId === void 0 && learning?.learningContainerIds !== void 0) console.warn("[CopilotKit] learningContainerIds is supported only with a custom sink. Authenticated Trajectory capture does not assign Learning Containers; remove learningContainerIds from the capture options.");
+		}, [copilotkit, learning]);
+		(0, react.useEffect)(() => {
+			if (!learningEnabled) return;
+			let disposed = false;
+			if (trajectoryId !== void 0) copilotkit.startTrajectory({
+				trajectoryId,
+				learningContainerIds: learningContainerIdsRef.current
+			}).catch(() => {
+				if (!disposed) console.warn("[CopilotKit] Failed to start interaction capture.");
+			});
+			return () => {
+				disposed = true;
+				copilotkit.stopTrajectory();
+			};
+		}, [
+			copilotkit,
+			learningEnabled,
+			trajectoryId
+		]);
 		const didMountRef = (0, react.useRef)(false);
 		(0, react.useEffect)(() => {
 			if (!didMountRef.current) return;
@@ -2621,8 +2670,13 @@ react_markdown = __toESM(react_markdown);
 		]);
 		const contextValue = (0, react.useMemo)(() => ({
 			copilotkit,
-			executingToolCallIds
-		}), [copilotkit, executingToolCallIds]);
+			executingToolCallIds,
+			showIntelligenceIndicator
+		}), [
+			copilotkit,
+			executingToolCallIds,
+			showIntelligenceIndicator
+		]);
 		const retryableRuntimeEntitlementFailure = runtimeEntitlements?.status !== "ready" && runtimeEntitlements?.error.retryable === true;
 		const hasNonReadyRuntimeEntitlement = runtimeEntitlements !== void 0 && runtimeEntitlements.status !== "ready";
 		const hasLegacyRuntimeEntitlementFallback = runtimeLicenseStatus === "valid" || runtimeLicenseStatus === "expiring";
@@ -3026,7 +3080,7 @@ react_markdown = __toESM(react_markdown);
 			updateFlags
 		]);
 		(0, react.useEffect)(() => {
-			if (agent instanceof _ag_ui_client.HttpAgent) copilotkit.applyHeadersToAgent(agent);
+			if ((0, _copilotkit_core.ɵisHttpAgent)(agent)) copilotkit.applyHeadersToAgent(agent);
 			if (agent instanceof _copilotkit_core.ProxiedCopilotRuntimeAgent) agent.credentials = copilotkit.credentials;
 		}, [
 			agent,
@@ -3319,7 +3373,6 @@ react_markdown = __toESM(react_markdown);
 		pendingRef.current = pending;
 		const [handlerResult, setHandlerResult] = (0, react.useState)(null);
 		const interruptStateRef = (0, react.useRef)(new _copilotkit_core.ɵInterruptState());
-		const legacyRunIdRef = (0, react.useRef)(void 0);
 		(0, react.useEffect)(() => {
 			const interruptState = interruptStateRef.current;
 			let localLegacy = null;
@@ -3337,16 +3390,14 @@ react_markdown = __toESM(react_markdown);
 				onRunStartedEvent: () => {
 					localLegacy = null;
 					localStandard = null;
-					legacyRunIdRef.current = void 0;
 					interruptState.clear();
 					setPending(null);
 				},
-				onRunFinalized: (params) => {
+				onRunFinalized: () => {
 					if (localStandard && localStandard.length > 0) {
 						interruptState.setStandard(localStandard);
 						setPending(interruptState.pending);
 					} else if (localLegacy) {
-						legacyRunIdRef.current = params.input.runId;
 						interruptState.setLegacy(localLegacy);
 						setPending(interruptState.pending);
 					}
@@ -3356,7 +3407,6 @@ react_markdown = __toESM(react_markdown);
 				onRunFailed: () => {
 					localLegacy = null;
 					localStandard = null;
-					legacyRunIdRef.current = void 0;
 					interruptState.clear();
 					setPending(null);
 				}
@@ -3371,22 +3421,18 @@ react_markdown = __toESM(react_markdown);
 			if (!current) return;
 			if (current.kind === "standard" && current.interrupts.length > 1 && interruptId === void 0) console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${current.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);
 			const decision = interruptStateRef.current.resolve(payload, interruptId);
-			if (decision.kind === "legacy-resume") {
-				const runId = legacyRunIdRef.current;
-				try {
-					return await copilotkit.runAgent({
-						agent,
-						...runId !== void 0 ? { runId } : {},
-						forwardedProps: { command: {
-							resume: decision.payload,
-							interruptEvent: decision.interruptValue
-						} }
-					});
-				} catch (err) {
-					console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing", err);
-					setPending(null);
-					throw err;
-				}
+			if (decision.kind === "legacy-resume") try {
+				return await copilotkit.runAgent({
+					agent,
+					forwardedProps: { command: {
+						resume: decision.payload,
+						interruptEvent: decision.interruptValue
+					} }
+				});
+			} catch (err) {
+				console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing", err);
+				setPending(null);
+				throw err;
 			}
 			if (decision.kind === "expired") {
 				console.error(`[CopilotKit] useInterrupt: interrupt ${decision.interrupt.id} expired at ${decision.interrupt.expiresAt}; not resuming.`);
@@ -5747,7 +5793,7 @@ react_markdown = __toESM(react_markdown);
 		(0, react.useEffect)(() => {
 			let detached = false;
 			const connectAbortController = new AbortController();
-			if (agent instanceof _ag_ui_client.HttpAgent) agent.abortController = connectAbortController;
+			if ((0, _copilotkit_core.ɵisHttpAgent)(agent)) agent.abortController = connectAbortController;
 			const connect = async (agent) => {
 				setAgentAvailable(false);
 				try {