@copilotkit/react-core 1.76.0 → 1.77.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { $d as CopilotContextParams, Cf as ActionRenderPropsWait, Df as FrontendAction, Ef as CatchAllFrontendAction, Of as FrontendActionAvailability, Qd as CopilotContext, Sf as ActionRenderPropsNoArgsWait, Tf as CatchAllActionRenderPropsWait, X as useAgent, Xd as CoagentInChatRenderFunction, Zd as CopilotApiConfig, _f as DocumentPointer, af as LangGraphInterruptRender, bf as ActionRenderProps, cf as QueuedInterruptEvent, df as CrewsResponseStatus, ef as useCopilotContext, ff as CrewsStateItem, gf as SystemMessageFunction, hf as CopilotChatSuggestionConfiguration, if as LangGraphInterruptActionSetterArgs, kf as RenderFunctionStatus, lf as CrewsAgentState, mf as CrewsToolStateItem, n as defaultCopilotContextCategories, nf as LangGraphInterruptAction, of as LangGraphInterruptRenderHandlerProps, pf as CrewsTaskStateItem, r as CopilotKitProps, rf as LangGraphInterruptActionSetter, sf as LangGraphInterruptRenderProps, t as CopilotKit, tf as CoAgentStateRender, uf as CrewsResponse, vf as Tree, wf as CatchAllActionRenderProps, xf as ActionRenderPropsNoArgs, xt as useRenderToolCall$1, yf as TreeNode } from "./copilotkit-B90cY0Zg.mjs";
+import { Af as CatchAllActionRenderProps, Cf as DocumentPointer, Df as ActionRenderPropsNoArgs, Ef as ActionRenderProps, Ff as RenderFunctionStatus, Mf as CatchAllFrontendAction, Nf as FrontendAction, Of as ActionRenderPropsNoArgsWait, Pf as FrontendActionAvailability, Sf as SystemMessageFunction, Tf as TreeNode, X as useAgent, _f as CrewsResponseStatus, af as CopilotContextParams, bf as CrewsToolStateItem, cf as LangGraphInterruptAction, df as LangGraphInterruptRender, ff as LangGraphInterruptRenderHandlerProps, gf as CrewsResponse, hf as CrewsAgentState, if as CopilotContext, jf as CatchAllActionRenderPropsWait, kf as ActionRenderPropsWait, lf as LangGraphInterruptActionSetter, mf as QueuedInterruptEvent, n as defaultCopilotContextCategories, nf as CoagentInChatRenderFunction, of as useCopilotContext, pf as LangGraphInterruptRenderProps, r as CopilotKitProps, rf as CopilotApiConfig, sf as CoAgentStateRender, t as CopilotKit, uf as LangGraphInterruptActionSetterArgs, vf as CrewsStateItem, wf as Tree, xf as CopilotChatSuggestionConfiguration, xt as useRenderToolCall$1, yf as CrewsTaskStateItem } from "./copilotkit-Cqa0TfEo.mjs";
 import "./v2/index.mjs";
 import React, { ReactNode, RefObject, SetStateAction } from "react";
 import { StaticSuggestionsConfig, Suggestion } from "@copilotkit/core";

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { Pt as useCopilotChatConfiguration, Q as useSuggestions, X as INTERRUPT_EVENT_NAME, Y as useInterrupt, Z as useConfigureSuggestions, a as ThreadsProvider, c as CoAgentStateRendersProvider, ct as useFrontendTool$1, d as shouldShowDevConsole, f as useToast, ft as useCopilotKit, g as useCopilotContext, h as CopilotContext, ht as defineToolCallRenderer, i as ThreadsContext, kt as useRenderToolCall$1, l as useCoAgentStateRenders, m as useCopilotMessagesContext, n as defaultCopilotContextCategories, nt as useAgent, o as useThreads, p as CopilotMessagesContext, r as CoAgentStateRenderBridge, rt as useHumanInTheLoop$1, s as CoAgentStateRendersContext, t as CopilotKit, u as useAsyncCallback, ut as useRenderCustomMessages } from "./copilotkit-LD7Gp2aV.mjs";
+import { Pt as useCopilotChatConfiguration, Q as useSuggestions, X as INTERRUPT_EVENT_NAME, Y as useInterrupt, Z as useConfigureSuggestions, a as ThreadsProvider, c as CoAgentStateRendersProvider, ct as useFrontendTool$1, d as shouldShowDevConsole, f as useToast, ft as useCopilotKit, g as useCopilotContext, h as CopilotContext, ht as defineToolCallRenderer, i as ThreadsContext, kt as useRenderToolCall$1, l as useCoAgentStateRenders, m as useCopilotMessagesContext, n as defaultCopilotContextCategories, nt as useAgent, o as useThreads, p as CopilotMessagesContext, r as CoAgentStateRenderBridge, rt as useHumanInTheLoop$1, s as CoAgentStateRendersContext, t as CopilotKit, u as useAsyncCallback, ut as useRenderCustomMessages } from "./copilotkit-CP9qPAqV.mjs";
 import React, { Fragment, createElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CopilotKitCoreRuntimeConnectionStatus, ToolCallStatus, ɵisHttpAgent } from "@copilotkit/core";
 import { AGUIConnectNotImplementedError } from "@ag-ui/client";

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.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";