@copilotkit/react-core 1.75.2 → 1.77.0

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

@@ -42,6 +42,7 @@ _radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 let streamdown = require("streamdown");
+let _ag_ui_core = require("@ag-ui/core");
 let zod = require("zod");
 let _copilotkit_mcp_apps_renderer_activity = require("@copilotkit/mcp-apps-renderer/activity");
 let _copilotkit_a2ui_renderer = require("@copilotkit/a2ui-renderer");
@@ -170,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;
@@ -1539,7 +1559,7 @@ const ToolCallRenderer = react.default.memo(function ToolCallRenderer({ toolCall
 		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,
@@ -1635,7 +1655,7 @@ function useRenderToolCall() {
 
 //#endregion
 //#region package.json
-var version = "1.75.2";
+var version = "1.77.0";
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
@@ -1871,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);
@@ -1895,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";
@@ -1917,6 +1940,7 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 					getContent: () => contentRef.current,
 					getAgent: () => agentRef.current,
 					host: copilotkit,
+					messageId,
 					hooks: {
 						onResource: (resource) => {
 							if (!mounted) return;
@@ -1926,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);
@@ -1934,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) {
@@ -1956,6 +1981,7 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 	}, [
 		agent,
 		copilotkit,
+		messageId,
 		content.resourceUri,
 		content.serverHash,
 		content.serverId
@@ -1970,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",
@@ -1996,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]
 		})]
 	});
 };
@@ -3399,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)(() => {
@@ -3634,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);
 	}
@@ -3739,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;
@@ -3801,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";
@@ -4683,7 +4738,7 @@ function useAgent({ agentId, threadId, runtimeAgentId, updates, throttleMs } = {
 		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,
@@ -5021,7 +5076,6 @@ function useInterrupt(config) {
 	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;
@@ -5039,16 +5093,14 @@ function useInterrupt(config) {
 			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);
 				}
@@ -5058,7 +5110,6 @@ function useInterrupt(config) {
 			onRunFailed: () => {
 				localLegacy = null;
 				localStandard = null;
-				legacyRunIdRef.current = void 0;
 				interruptState.clear();
 				setPending(null);
 			}
@@ -5073,22 +5124,18 @@ function useInterrupt(config) {
 		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.`);
@@ -6044,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);
 	}) });
 }
 
@@ -6394,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,
@@ -7631,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)(() => {
@@ -7818,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,
@@ -8943,6 +9001,8 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 	const hasNativeIntelligenceRunActivity = hasExplicitThreadId && runtimeStatus === "Connected" && !!copilotkit.intelligence?.wsUrl && copilotkit.threadEndpoints?.realtimeMetadata === true;
 	const [standaloneRunActivityStore] = (0, react.useState)(() => (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: copilotkit.ɵruntimeFetch }));
 	const previousThreadRef = (0, react.useRef)(null);
+	const detachPromisesRef = (0, react.useRef)(/* @__PURE__ */ new WeakMap());
+	const pendingTeardownRef = (0, react.useRef)(Promise.resolve());
 	const hasExplicitThreadIdRef = (0, react.useRef)(hasExplicitThreadId);
 	hasExplicitThreadIdRef.current = hasExplicitThreadId;
 	const rememberRecentlyLocalRunId = (0, react.useCallback)((runId) => {
@@ -8985,23 +9045,59 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 		const previousThread = previousThreadRef.current;
 		const threadChanged = previousThread?.threadId !== resolvedThreadId;
 		const inspectorTransition = threadChanged && previousThread !== null && previousThread.inspectorRequestId !== inspectorRequestId && (previousThread.inspectorRequestId !== null || inspectorRequestId !== null);
-		previousThreadRef.current = {
+		const selection = {
 			threadId: resolvedThreadId,
-			inspectorRequestId
+			inspectorRequestId,
+			agent
 		};
+		previousThreadRef.current = selection;
+		const discardedThreadId = previousThread?.agent === agent ? previousThread.threadId : agent.threadId;
 		if (inspectorTransition) if (typeof copilotkit.stopAgent === "function") copilotkit.stopAgent({ agent });
 		else agent.abortRun?.();
 		agent.threadId = resolvedThreadId;
 		if (!hasExplicitThreadId) {
-			if (threadChanged && agent.messages.length > 0) agent.setMessages([]);
-			return;
+			let active = true;
+			if (threadChanged && previousThread !== null) {
+				let resetPending = true;
+				const clearCursor = () => {
+					if ("clearReplayCursor" in agent && typeof agent.clearReplayCursor === "function") agent.clearReplayCursor(discardedThreadId);
+					if ("clearReconnectCursor" in agent && typeof agent.clearReconnectCursor === "function") agent.clearReconnectCursor(discardedThreadId);
+				};
+				const clearDiscardedBaseline = () => {
+					if (!active || !resetPending || previousThreadRef.current !== selection) return;
+					agent.setMessages([]);
+					agent.setState({});
+					agent.pendingInterrupts = [];
+					clearCursor();
+				};
+				if (previousThread.agent === agent) previousThread.clearDiscardedBaseline = clearDiscardedBaseline;
+				const detach = detachPromisesRef.current.get(agent) ?? agent.detachActiveRun();
+				detachPromisesRef.current.set(agent, detach);
+				const finishReset = () => {
+					if (!resetPending) return;
+					clearCursor();
+					clearDiscardedBaseline();
+					resetPending = false;
+				};
+				clearDiscardedBaseline();
+				pendingTeardownRef.current = Promise.all([pendingTeardownRef.current, detach]).then(finishReset).catch((error) => {
+					console.error("CopilotChat: detachActiveRun failed", error);
+				}).finally(() => {
+					if (detachPromisesRef.current.get(agent) === detach) detachPromisesRef.current.delete(agent);
+				});
+			}
+			return () => {
+				active = false;
+			};
 		}
 		let detached = false;
 		const connectAbortController = new AbortController();
-		if (agent instanceof _ag_ui_client.HttpAgent) agent.abortController = connectAbortController;
 		const connect = async (agentToConnect) => {
 			activeConnectCountRef.current += 1;
 			try {
+				await pendingTeardownRef.current;
+				if (detached) return;
+				if ((0, _copilotkit_core.ɵisHttpAgent)(agentToConnect)) agentToConnect.abortController = connectAbortController;
 				await copilotkit.connectAgent({ agent: agentToConnect });
 			} catch (error) {
 				if (detached) return;
@@ -9011,7 +9107,7 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 				if (!detached) (typeof requestAnimationFrame === "function" ? requestAnimationFrame : (cb) => setTimeout(cb, 16))(() => {
 					if (!detached) setLastConnectedThreadId(resolvedThreadId);
 				});
-				else if (!hasExplicitThreadIdRef.current) agentToConnect.setMessages([]);
+				else if (!hasExplicitThreadIdRef.current) selection.clearDiscardedBaseline?.();
 				activeConnectCountRef.current = Math.max(0, activeConnectCountRef.current - 1);
 				if (!detached && activeConnectCountRef.current === 0) {
 					const startReconnect = startRunActivityReconnectRef.current;
@@ -9026,7 +9122,12 @@ function CopilotChat({ agentId, threadId, labels, inspectorTools, chatView, isMo
 		return () => {
 			detached = true;
 			connectAbortController.abort();
-			agent.detachActiveRun().catch(() => {});
+			const detach = agent.detachActiveRun().catch(() => {});
+			detachPromisesRef.current.set(agent, detach);
+			pendingTeardownRef.current = Promise.all([pendingTeardownRef.current, detach]).then(() => {});
+			detach.then(() => {
+				if (detachPromisesRef.current.get(agent) === detach) detachPromisesRef.current.delete(agent);
+			});
 		};
 	}, [
 		resolvedThreadId,
@@ -9902,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,
@@ -13105,4 +13206,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-Beiw32bn.cjs.map
+//# sourceMappingURL=copilotkit-CFPkj9B9.cjs.map