@copilotkit/react-core 1.76.0 → 1.77.1

package/dist/index.umd.js

@@ -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;
@@ -583,7 +602,7 @@ react_markdown = __toESM(react_markdown);
 
 //#endregion
 //#region package.json
-	var version = "1.76.0";
+	var version = "1.77.1";
 
 //#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]
 			})]
 		});
 	};
@@ -2209,7 +2231,6 @@ react_markdown = __toESM(react_markdown);
 - Use CSS Grid or Flexbox for layout. Ensure the UI looks good at any width.
 - Minimal transitions (150ms) for hover/focus states only. No decorative animations.
 - Keep the UI focused and dense — avoid excessive padding. Use compact spacing (8–12px gaps, 10–14px padding in controls).`;
-	const GENERATE_SANDBOXED_UI_DESCRIPTION = "Generate sandboxed UI. IMPORTANT: The generated code runs in a sandboxed iframe WITHOUT same-origin access. Do NOT use localStorage, sessionStorage, document.cookie, IndexedDB, or fetch/XMLHttpRequest to same-origin URLs. To communicate with the host application, use Websandbox.connection.remote.<functionName>(args) which returns a Promise.\n\nYou CAN use external libraries from CDNs by including <script> or <link> tags in the HTML <head> (e.g., Chart.js, D3, Three.js, x-data-spreadsheet, etc.). CDN resources load normally inside the sandbox.\n\nPARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:\n1. initialHeight + placeholderMessages (shown to user while generating)\n2. css (all styles FIRST — the user sees a placeholder until CSS is complete)\n3. html (streams in live — the user watches the UI build as HTML is generated)\n4. jsFunctions (reusable helper functions)\n5. jsExpressions (applied one-by-one — the user sees each expression take effect)";
 	function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
 		const empty = (0, react.useMemo)(() => [], []);
 		const value = prop ?? empty;
@@ -2219,7 +2240,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)(() => {
@@ -2402,7 +2423,7 @@ react_markdown = __toESM(react_markdown);
 			if (!openGenUIActive) return [];
 			return [{
 				name: "generateSandboxedUi",
-				description: GENERATE_SANDBOXED_UI_DESCRIPTION,
+				description: _copilotkit_shared.GENERATE_SANDBOXED_UI_DESCRIPTION,
 				parameters: GenerateSandboxedUiArgsSchema,
 				handler: async () => "UI generated",
 				followUp: true,
@@ -2454,7 +2475,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 +2581,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 +2669,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";
@@ -7056,7 +7109,7 @@ react_markdown = __toESM(react_markdown);
 	*   running,  // A boolean indicating if the agent is currently running.
 	*   start,    // A function to start the agent.
 	*   stop,     // A function to stop the agent.
-	*   run,      // A function to (re-)run the agent. Maps to the v2 agent's `runAgent()`.
+	*   run,      // A function to (re-)run the agent through the v2 core (`copilotkit.runAgent`).
 	* } = agent;
 	* ```
 	*
@@ -7167,6 +7220,17 @@ react_markdown = __toESM(react_markdown);
 			handleStateUpdate,
 			hasStateValues
 		]);
+		const runAgent = (0, react.useCallback)(async (parameters) => {
+			if (!agent) return void 0;
+			return copilotkit.runAgent({
+				agent,
+				forwardedProps: parameters?.forwardedProps,
+				runId: parameters?.runId
+			});
+		}, [agent, copilotkit]);
+		const stopAgent = (0, react.useCallback)(() => {
+			if (agent) copilotkit.stopAgent({ agent });
+		}, [agent, copilotkit]);
 		return (0, react.useMemo)(() => {
 			if (!agent) {
 				const noop = () => {};
@@ -7191,15 +7255,14 @@ react_markdown = __toESM(react_markdown);
 				running: agent.isRunning,
 				state: agent.state,
 				setState: handleStateUpdate,
-				start: agent.runAgent,
-				stop: agent.abortRun,
-				run: agent.runAgent
+				start: runAgent,
+				stop: stopAgent,
+				run: runAgent
 			};
 		}, [
 			agent?.state,
-			agent?.runAgent,
-			agent?.abortRun,
-			agent?.runAgent,
+			runAgent,
+			stopAgent,
 			agent?.threadId,
 			agent?.isRunning,
 			agent?.agentId,