@copilotkit/react-core 1.76.0 → 1.77.0

package/dist/{copilotkit-dHdNF7H5.cjs → copilotkit-CFPkj9B9.cjs}

@@ -171,6 +171,25 @@ const CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId,
 		parentConfig?.threadId,
 		activeThreadOverride
 	]);
+	const copilotkit = (0, react.useContext)(_copilotkit_react_core_v2_context.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;
@@ -1636,7 +1655,7 @@ function useRenderToolCall() {
 
 //#endregion
 //#region package.json
-var version = "1.76.0";
+var version = "1.77.0";
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
@@ -1872,12 +1891,14 @@ function InlineFeatureWarning({ featureName }) {
 * 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 } = (0, _copilotkit_react_core_v2_context.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);
@@ -1896,6 +1917,7 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 		let mounted = true;
 		setIsLoading(true);
 		setError(null);
+		setContentError(null);
 		const iframe = document.createElement("iframe");
 		iframe.style.width = "100%";
 		iframe.style.height = "100px";
@@ -1918,6 +1940,7 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 					getContent: () => contentRef.current,
 					getAgent: () => agentRef.current,
 					host: copilotkit,
+					messageId,
 					hooks: {
 						onResource: (resource) => {
 							if (!mounted) return;
@@ -1927,6 +1950,9 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 						onSizeChanged: (size) => {
 							if (mounted) setIframeSize(size);
 						},
+						onContentError: (err) => {
+							if (mounted) setContentError(err);
+						},
 						onError: (err) => {
 							if (!mounted) return;
 							setError(err);
@@ -1935,9 +1961,7 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 					}
 				});
 				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) {
@@ -1957,6 +1981,7 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 	}, [
 		agent,
 		copilotkit,
+		messageId,
 		content.resourceUri,
 		content.serverHash,
 		content.serverId
@@ -1971,11 +1996,8 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 		}
 	}, [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",
@@ -1997,12 +2019,12 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 				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]
 		})]
 	});
 };
@@ -3400,7 +3422,7 @@ function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
 	}, [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)(() => {
@@ -3635,7 +3657,8 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 			renderToolCalls: allRenderToolCalls,
 			renderActivityMessages: allActivityRenderers,
 			renderCustomMessages: renderCustomMessagesList,
-			debug
+			debug,
+			learning
 		});
 		if (defaultThrottleMs !== void 0) copilotkitRef.current.setDefaultThrottleMs(defaultThrottleMs);
 	}
@@ -3740,6 +3763,32 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 		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;
@@ -3802,8 +3851,13 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	]);
 	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";
@@ -6037,13 +6091,23 @@ function useLearningContainersInCurrentThread({ learningContainers }) {
 //#region src/v2/components/chat/CopilotChatToolCallsView.tsx
 function CopilotChatToolCallsView({ message, messages = [] }) {
 	const renderToolCall = useRenderToolCall();
+	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
+	const subscribe = (0, react.useCallback)((onChange) => copilotkit.ɵsubscribeToLearningConfigured(onChange), [copilotkit]);
+	const getSnapshot = () => copilotkit.ɵlearningConfigured;
+	const learningConfigured = (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 	if (!message.toolCalls || message.toolCalls.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: message.toolCalls.map((toolCall) => {
-		const toolMessage = messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: renderToolCall({
+		const rendered = renderToolCall({
 			toolCall,
-			toolMessage
-		}) }, toolCall.id);
+			toolMessage: messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id)
+		});
+		if (rendered === null) return null;
+		if (!learningConfigured) return rendered;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-tool-call-id": toolCall.id,
+			style: { display: "contents" },
+			children: rendered
+		}, toolCall.id);
 	}) });
 }
 
@@ -6387,6 +6451,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, o
 	const shouldShowToolbar = toolbarVisible && (hasContent || showInspectorShortcut) && !(isRunning && isLatestAssistantMessage);
 	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-copilotkit": true,
+		"data-message-id": message.id,
 		style: { display: "contents" },
 		children: children({
 			markdownRenderer: boundMarkdownRenderer,
@@ -7624,7 +7689,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 	const isPinnedToBottom = (0, react.useContext)(ScrollPinnedContext);
 	const renderCustomMessage = useRenderCustomMessages();
 	const { renderActivityMessage } = useRenderActivityMessage();
-	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
+	const { copilotkit, showIntelligenceIndicator = true } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
 	const config = useCopilotChatConfiguration();
 	const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
 	(0, react.useEffect)(() => {
@@ -7811,7 +7876,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 			renderCustomMessage,
 			stateSnapshot
 		}, `${rowKey}-custom-after`));
-		const intelligenceTurnId = intelligenceTurnAnchors.get(message.id);
+		const intelligenceTurnId = showIntelligenceIndicator ? intelligenceTurnAnchors.get(message.id) : void 0;
 		if (intelligenceTurnId !== void 0) elements.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntelligenceIndicator, {
 			message,
 			agentId: config?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID,
@@ -9938,7 +10003,7 @@ function CopilotPopupViewInternal({ header, toggleButton, width, height, clickOu
 	const popupAnimationClass = isPopupOpen && !isAnimatingOut ? "cpk:pointer-events-auto cpk:translate-y-0 cpk:opacity-100 cpk:md:scale-100" : "cpk:pointer-events-none cpk:translate-y-4 cpk:opacity-0 cpk:md:translate-y-5 cpk:md:scale-[0.95]";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [toggleButtonElement, isRendered ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-copilotkit": true,
-		className: cn("cpk:fixed cpk:inset-0 cpk:z-[1200] cpk:flex cpk:max-w-full cpk:flex-col cpk:items-stretch", "cpk:md:inset-auto cpk:md:bottom-24 cpk:md:right-6 cpk:md:items-end cpk:md:gap-4"),
+		className: cn("cpk:fixed cpk:inset-0 cpk:z-[1200] cpk:flex cpk:max-w-full cpk:flex-col cpk:items-stretch cpk:bg-transparent", "cpk:md:inset-auto cpk:md:bottom-24 cpk:md:right-6 cpk:md:items-end cpk:md:gap-4"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			ref: containerRef,
 			tabIndex: -1,
@@ -13141,4 +13206,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-dHdNF7H5.cjs.map
+//# sourceMappingURL=copilotkit-CFPkj9B9.cjs.map