@copilotkit/react-core 1.69.1 → 1.69.3

package/dist/{copilotkit-Dr6g885f.mjs → copilotkit-JdHy0xdu.mjs}

@@ -3,8 +3,8 @@ import React, { createContext, forwardRef, memo, useCallback, useContext, useEff
 import { CopilotKitCore, CopilotKitCoreErrorCode, CopilotKitCoreRuntimeConnectionStatus, ProxiedCopilotRuntimeAgent, ToolCallStatus, emitInspectorActiveThread, emitInspectorViewThreadResult, isInspectorThreadBridgeEnabled, isRunCompletionAware, onInspectorStopViewing, onInspectorViewThread, ɵInterruptState, ɵcreateThreadStore, ɵselectFetchMoreError, ɵselectHasNextPage, ɵselectIsFetchingNextPage, ɵselectIsMutating, ɵselectMemories, ɵselectMemoriesAvailable, ɵselectMemoriesError, ɵselectMemoriesIsLoading, ɵselectMemoriesRealtimeStatus, ɵselectThreads, ɵselectThreadsError, ɵselectThreadsIsLoading } from "@copilotkit/core";
 import { HttpAgent, randomUUID } from "@ag-ui/client";
 import { extendTailwindMerge, twMerge } from "tailwind-merge";
-import { ArrowUp, Bookmark, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronRightIcon, Copy, Edit, Loader2, MessageCircle, Mic, PanelLeftOpen, Play, Plus, RefreshCw, Square, ThumbsDown, ThumbsUp, Upload, Volume2, X } from "lucide-react";
-import { A2UI_DEFAULT_DESIGN_GUIDELINES, A2UI_DEFAULT_GENERATION_GUIDELINES, COPILOT_CLOUD_API_URL, COPILOT_CLOUD_CHAT_URL, COPILOT_CLOUD_PUBLIC_API_KEY_HEADER, ConfigurationError, CopilotKitAgentDiscoveryError, CopilotKitApiDiscoveryError, CopilotKitError, CopilotKitErrorCode, CopilotKitLowLevelError, CopilotKitRemoteEndpointDiscoveryError, DEFAULT_AGENT_ID, ErrorVisibility, MissingPublicApiKeyError, Severity, TranscriptionErrorCode, TranscriptionErrorCode as TranscriptionErrorCode$1, copyToClipboard, createLicenseContextValue, dataToUUID, exceedsMaxSize, formatFileSize, generateVideoThumbnail, getDocumentIcon, getModalityFromMimeType, getSourceUrl, matchesAcceptFilter, parseJson, partialJSONParse, randomId, randomUUID as randomUUID$1, readFileAsBase64, schemaToJsonSchema } from "@copilotkit/shared";
+import { ArrowUp, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronRightIcon, Copy, Edit, Loader2, MessageCircle, Mic, PanelLeftOpen, Play, Plus, RefreshCw, Square, ThumbsDown, ThumbsUp, Upload, Volume2, X } from "lucide-react";
+import { A2UI_DEFAULT_DESIGN_GUIDELINES, A2UI_DEFAULT_GENERATION_GUIDELINES, COPILOT_CLOUD_API_URL, COPILOT_CLOUD_CHAT_URL, COPILOT_CLOUD_PUBLIC_API_KEY_HEADER, ConfigurationError, CopilotKitAgentDiscoveryError, CopilotKitApiDiscoveryError, CopilotKitError, CopilotKitErrorCode, CopilotKitLowLevelError, CopilotKitRemoteEndpointDiscoveryError, DEFAULT_AGENT_ID, ErrorVisibility, MissingPublicApiKeyError, Severity, TranscriptionErrorCode, TranscriptionErrorCode as TranscriptionErrorCode$1, copyToClipboard, createLicenseContextValue, dataToUUID, exceedsMaxSize, formatFileSize, generateVideoThumbnail, getDocumentIcon, getModalityFromMimeType, getSourceUrl, matchesAcceptFilter, parseJson, partialJSONParse, randomId, randomUUID as randomUUID$1, readFileAsBase64, schemaToJsonSchema, shouldEnableInspector } from "@copilotkit/shared";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -14,7 +14,6 @@ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Streamdown } from "streamdown";
 import { CopilotKitContext, LicenseContext, useCopilotKit, useCopilotKit as useCopilotKit$1, useLicenseContext, useLicenseContext as useLicenseContext$1 } from "@copilotkit/react-core/v2/context";
 import { z } from "zod";
-import { createComponent } from "@lit-labs/react";
 import { A2UIProvider, A2UIRenderer, A2UI_SCHEMA_CONTEXT_DESCRIPTION, Catalog, DEFAULT_SURFACE_ID, buildCatalogContextValue, extractCatalogComponentSchemas, filterCatalog, initializeDefaultCatalog, injectStyles, useA2UIActions, useA2UIError, viewerTheme } from "@copilotkit/a2ui-renderer";
 import { zodToJsonSchema } from "zod-to-json-schema";
 import { createPortal, flushSync } from "react-dom";
@@ -77,8 +76,7 @@ const CopilotChatDefaultLabels = {
 	assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
 	assistantMessageToolbarCopyMessageLabel: "Copy",
 	assistantMessageToolbarInspectorLabel: "View in Inspector",
-	assistantMessageToolbarInspectorLocalOnlyLabel: "Local Only",
-	assistantMessageToolbarSaveSnippetLabel: "Save as snippet",
+	assistantMessageToolbarInspectorLocalOnlyLabel: "Development Only",
 	assistantMessageToolbarThumbsUpLabel: "Good response",
 	assistantMessageToolbarThumbsDownLabel: "Bad response",
 	assistantMessageToolbarReadAloudLabel: "Read aloud",
@@ -1497,32 +1495,43 @@ function useRenderToolCall() {
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
-const CopilotKitInspector = ({ core, openRequest, ...rest }) => {
-	const [InspectorComponent, setInspectorComponent] = React$1.useState(null);
+const CopilotKitInspector = ({ core, openRequest }) => {
+	const mountRef = React$1.useRef(null);
 	const inspectorRef = React$1.useRef(null);
+	const latestCoreRef = React$1.useRef(core ?? null);
+	const latestOpenRequestRef = React$1.useRef(openRequest);
+	latestCoreRef.current = core ?? null;
+	latestOpenRequestRef.current = openRequest;
 	React$1.useEffect(() => {
 		let mounted = true;
+		let inspector = null;
 		import("@copilotkit/web-inspector").then((mod) => {
+			if (!mounted || !mountRef.current) return;
 			mod.defineWebInspector?.();
-			const Component = createComponent({
-				tagName: mod.WEB_INSPECTOR_TAG,
-				elementClass: mod.WebInspectorElement,
-				react: React$1
-			});
-			if (mounted) setInspectorComponent(() => Component);
+			inspector = mountRef.current.ownerDocument.createElement(mod.WEB_INSPECTOR_TAG);
+			mod.configureWebInspectorElement(inspector, latestCoreRef.current);
+			mountRef.current.appendChild(inspector);
+			inspectorRef.current = inspector;
+			const request = latestOpenRequestRef.current;
+			if (request) inspector.openInspector("message_toolbar", request);
+		}).catch((error) => {
+			console.error("Failed to load CopilotKit inspector:", error);
 		});
 		return () => {
 			mounted = false;
+			inspector?.remove();
+			if (inspectorRef.current === inspector) inspectorRef.current = null;
 		};
 	}, []);
+	React$1.useEffect(() => {
+		if (inspectorRef.current) inspectorRef.current.core = core ?? null;
+	}, [core]);
 	React$1.useEffect(() => {
 		if (openRequest) inspectorRef.current?.openInspector("message_toolbar", openRequest);
-	}, [InspectorComponent, openRequest]);
-	if (!InspectorComponent) return null;
-	return /* @__PURE__ */ jsx(InspectorComponent, {
-		ref: inspectorRef,
-		...rest,
-		core: core ?? null
+	}, [openRequest]);
+	return /* @__PURE__ */ jsx("span", {
+		ref: mountRef,
+		style: { display: "contents" }
 	});
 };
 CopilotKitInspector.displayName = "CopilotKitInspector";
@@ -1530,9 +1539,8 @@ CopilotKitInspector.displayName = "CopilotKitInspector";
 //#endregion
 //#region src/v2/components/CopilotKitInspectorContext.tsx
 const CopilotKitInspectorContext = React$1.createContext({
-	isLocalInspectorEnabled: false,
-	openInspector: () => void 0,
-	saveEventSnippet: async () => void 0
+	isInspectorEnabled: false,
+	openInspector: () => void 0
 });
 const CopilotKitInspectorContextProvider = CopilotKitInspectorContext.Provider;
 function useCopilotKitInspector() {
@@ -2346,7 +2354,6 @@ function injectCssIntoHtml(html, css) {
 const OpenGenerativeUIActivityRendererInner = React.memo(function OpenGenerativeUIActivityRendererInner({ content }) {
 	const initialHeight = content.initialHeight ?? 200;
 	const [autoHeight, setAutoHeight] = useState(null);
-	const [sandboxReady, setSandboxReady] = useState(false);
 	const sandboxFunctions = useSandboxFunctions();
 	const localApi = useMemo(() => {
 		const api = {};
@@ -2448,7 +2455,6 @@ const OpenGenerativeUIActivityRendererInner = React.memo(function OpenGenerative
 			sandbox.promise.then(() => {
 				if (cancelled) return;
 				sandboxReadyRef.current = true;
-				setSandboxReady(true);
 				sandbox.run(`
             var s = document.createElement('style');
             s.textContent = 'html, body { overflow: hidden !important; }';
@@ -2473,7 +2479,6 @@ const OpenGenerativeUIActivityRendererInner = React.memo(function OpenGenerative
 				sandboxRef.current = null;
 			}
 			sandboxReadyRef.current = false;
-			setSandboxReady(false);
 			setAutoHeight(null);
 		};
 	}, [
@@ -2504,7 +2509,7 @@ const OpenGenerativeUIActivityRendererInner = React.memo(function OpenGenerative
 	const generationDone = content.generating === false;
 	useEffect(() => {
 		const sandbox = sandboxRef.current;
-		if (!generationDone || !sandboxReady || !sandbox) return;
+		if (!generationDone || !sandbox) return;
 		let handled = false;
 		const onMessage = (e) => {
 			if (handled) return;
@@ -2533,7 +2538,7 @@ const OpenGenerativeUIActivityRendererInner = React.memo(function OpenGenerative
 		return () => {
 			window.removeEventListener("message", onMessage);
 		};
-	}, [generationDone, sandboxReady]);
+	}, [generationDone]);
 	const height = autoHeight ?? initialHeight;
 	const isGenerating = content.generating !== false;
 	return /* @__PURE__ */ jsx("div", {
@@ -3484,9 +3489,15 @@ function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
 	}, [value, warningMessage]);
 	return value;
 }
-const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, showDevConsole = false, useSingleEndpoint, onError, a2ui, defaultThrottleMs, inspectorDefaultAnchor, debug }) => {
+const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, enableInspector, useSingleEndpoint, onError, a2ui, defaultThrottleMs, debug }) => {
 	const [shouldRenderInspector, setShouldRenderInspector] = useState(false);
-	const [isLocalInspectorEnabled, setIsLocalInspectorEnabled] = useState(false);
+	useEffect(() => {
+		setShouldRenderInspector(shouldEnableInspector({
+			enableInspector,
+			isBrowser: true,
+			isDevelopment: process.env.NODE_ENV === "development"
+		}));
+	}, [enableInspector]);
 	const [inspectorOpenRequest, setInspectorOpenRequest] = useState(null);
 	const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = useState(false);
 	const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = useState(false);
@@ -3495,68 +3506,13 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	const a2uiCatalogProvided = !!a2ui?.catalog;
 	const a2uiActive = runtimeA2UIEnabled || a2uiCatalogProvided;
 	const [runtimeLicenseStatus, setRuntimeLicenseStatus] = useState(void 0);
-	useEffect(() => {
-		if (typeof window === "undefined") return;
-		const isLocalhost = new Set(["localhost", "127.0.0.1"]).has(window.location?.hostname ?? "");
-		const canShowLocalInspectorAction = process.env.NODE_ENV === "development" && isLocalhost;
-		if (showDevConsole === true) {
-			setShouldRenderInspector(true);
-			setIsLocalInspectorEnabled(canShowLocalInspectorAction);
-		} else if (showDevConsole === "auto") if (isLocalhost) {
-			setShouldRenderInspector(true);
-			setIsLocalInspectorEnabled(canShowLocalInspectorAction);
-		} else {
-			setShouldRenderInspector(false);
-			setIsLocalInspectorEnabled(false);
-		}
-		else {
-			setShouldRenderInspector(false);
-			setIsLocalInspectorEnabled(false);
-		}
-	}, [showDevConsole]);
 	const requestInspectorOpen = useCallback((request) => {
 		setInspectorOpenRequest({ ...request });
 	}, []);
-	const saveEventSnippet = useCallback(async (request) => {
-		try {
-			const mod = await import("@copilotkit/web-inspector");
-			const threadId = request.threadId ?? "inspector-snippet";
-			const runId = `inspector-snippet-${Date.now()}`;
-			const compiled = mod.compileChatSnippet({
-				...request,
-				threadId,
-				runId
-			});
-			const now = (/* @__PURE__ */ new Date()).toISOString();
-			const snippet = {
-				id: crypto.randomUUID(),
-				name: compiled.name,
-				recipe: compiled.recipe,
-				events: compiled.events,
-				createdAt: now,
-				updatedAt: now
-			};
-			mod.upsertEventSnippet(snippet);
-			requestInspectorOpen({
-				messageId: request.messageId,
-				threadId: request.threadId,
-				agentId: request.agentId,
-				menu: "event-snippets",
-				snippetId: snippet.id
-			});
-		} catch (error) {
-			console.error("[CopilotKit] Could not save the event snippet.", error);
-		}
-	}, [requestInspectorOpen]);
 	const inspectorContextValue = useMemo(() => ({
-		isLocalInspectorEnabled,
-		openInspector: requestInspectorOpen,
-		saveEventSnippet
-	}), [
-		isLocalInspectorEnabled,
-		requestInspectorOpen,
-		saveEventSnippet
-	]);
+		isInspectorEnabled: shouldRenderInspector,
+		openInspector: requestInspectorOpen
+	}), [shouldRenderInspector, requestInspectorOpen]);
 	const renderToolCallsList = useStableArrayProp(renderToolCalls, "renderToolCalls must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.", (initial, next) => {
 		const key = (rc) => `${rc?.agentId ?? ""}:${rc?.name ?? ""}`;
 		const setFrom = (arr) => new Set(arr.map(key));
@@ -3897,7 +3853,6 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 						value: inspectorContextValue,
 						children: [children, shouldRenderInspector ? /* @__PURE__ */ jsx(CopilotKitInspector, {
 							core: copilotkit,
-							defaultAnchor: inspectorDefaultAnchor,
 							openRequest: inspectorOpenRequest
 						}) : null]
 					}),
@@ -5933,191 +5888,25 @@ function useLearningContainersInCurrentThread({ learningContainers }) {
 	});
 }
 
-//#endregion
-//#region src/v2/components/chat/save-snippet-beside.ts
-const SAVE_SNIPPET_ICON_SLOT_PX = 36;
-const SAVE_SNIPPET_BESIDE_WRAP_CLASS = "cpk:relative cpk:w-full cpk:overflow-visible";
-const SAVE_SNIPPET_BESIDE_BODY_CLASS = "cpk:w-full";
-const SAVE_SNIPPET_BESIDE_SAVE_CLASS = "cpk:absolute cpk:top-0 cpk:z-10";
-function saveSnippetBesideStyle(side) {
-	if (side === "left") return {
-		left: "auto",
-		right: "100%",
-		marginLeft: 0,
-		marginRight: 4
-	};
-	return {
-		left: "100%",
-		right: "auto",
-		marginLeft: 4,
-		marginRight: 0
-	};
-}
-function pickSaveSnippetSide(roomRight, roomLeft, slotPx = SAVE_SNIPPET_ICON_SLOT_PX) {
-	if (roomRight >= slotPx) return "right";
-	if (roomLeft >= slotPx) return "left";
-	return "right";
-}
-function findOverflowAncestor(el) {
-	let node = el.parentElement;
-	while (node) {
-		const style = getComputedStyle(node);
-		const overflowX = style.overflowX;
-		const overflow = style.overflow;
-		if (overflowX === "hidden" || overflowX === "auto" || overflowX === "scroll" || overflow === "hidden" || overflow === "auto" || overflow === "scroll") return node;
-		node = node.parentElement;
-	}
-	return document.documentElement;
-}
-function measurableBox(el) {
-	let node = el;
-	while (node && getComputedStyle(node).display === "contents") node = node.firstElementChild;
-	return node ?? el;
-}
-function measureSaveSnippetSide(wrap, body) {
-	const clipRect = findOverflowAncestor(wrap).getBoundingClientRect();
-	const bodyRect = measurableBox(body.firstElementChild ?? body).getBoundingClientRect();
-	return pickSaveSnippetSide(clipRect.right - bodyRect.right, bodyRect.left - clipRect.left);
-}
-
-//#endregion
-//#region src/v2/components/chat/SaveSnippetIconButton.tsx
-function SaveSnippetIconButton({ title, className, ...props }) {
-	const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
-	const primaryLabel = title || labels.assistantMessageToolbarSaveSnippetLabel;
-	const localOnlyLabel = labels.assistantMessageToolbarInspectorLocalOnlyLabel;
-	const accessibleLabel = `${primaryLabel} (${localOnlyLabel})`;
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "assistantMessageToolbarButton",
-			"aria-label": accessibleLabel,
-			title: accessibleLabel,
-			className,
-			...props,
-			children: /* @__PURE__ */ jsx(Bookmark, { className: "cpk:size-[18px]" })
-		})
-	}), /* @__PURE__ */ jsx(TooltipContent, {
-		side: "bottom",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "cpk:flex cpk:flex-col cpk:gap-0.5",
-			children: [/* @__PURE__ */ jsx("span", { children: primaryLabel }), /* @__PURE__ */ jsx("span", {
-				className: "cpk:text-[10px] cpk:opacity-65",
-				children: localOnlyLabel
-			})]
-		})
-	})] });
-}
-function SaveSnippetBesideChrome({ children, showSave, saveButton }) {
-	const wrapRef = useRef(null);
-	const bodyRef = useRef(null);
-	const [side, setSide] = useState("right");
-	useLayoutEffect(() => {
-		if (!showSave) return;
-		const wrap = wrapRef.current;
-		const body = bodyRef.current;
-		if (!wrap || !body) return;
-		const measure = () => {
-			setSide(measureSaveSnippetSide(wrap, body));
-		};
-		measure();
-		if (typeof ResizeObserver === "undefined") return;
-		const observer = new ResizeObserver(measure);
-		observer.observe(wrap);
-		observer.observe(body);
-		const clip = findOverflowAncestor(wrap);
-		if (clip !== wrap) observer.observe(clip);
-		window.addEventListener("resize", measure);
-		return () => {
-			observer.disconnect();
-			window.removeEventListener("resize", measure);
-		};
-	}, [showSave]);
-	if (!showSave) return children;
-	return /* @__PURE__ */ jsxs("div", {
-		ref: wrapRef,
-		className: SAVE_SNIPPET_BESIDE_WRAP_CLASS,
-		"data-save-snippet-side": side,
-		children: [/* @__PURE__ */ jsx("div", {
-			ref: bodyRef,
-			className: SAVE_SNIPPET_BESIDE_BODY_CLASS,
-			children
-		}), /* @__PURE__ */ jsx("div", {
-			className: SAVE_SNIPPET_BESIDE_SAVE_CLASS,
-			style: saveSnippetBesideStyle(side),
-			children: saveButton
-		})]
-	});
-}
-
 //#endregion
 //#region src/v2/components/chat/CopilotChatToolCallsView.tsx
 function CopilotChatToolCallsView({ message, messages = [] }) {
 	const renderToolCall = useRenderToolCall();
-	const { isLocalInspectorEnabled, saveEventSnippet } = useCopilotKitInspector();
-	const chatConfiguration = useCopilotChatConfiguration();
-	const labels = chatConfiguration?.labels ?? CopilotChatDefaultLabels;
 	if (!message.toolCalls || message.toolCalls.length === 0) return null;
 	return /* @__PURE__ */ jsx(Fragment$1, { children: message.toolCalls.map((toolCall) => {
-		const rendered = renderToolCall({
+		const toolMessage = messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
+		return /* @__PURE__ */ jsx(React.Fragment, { children: renderToolCall({
 			toolCall,
-			toolMessage: messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id)
-		});
-		if (!isLocalInspectorEnabled || !hasCompleteArgs(toolCall.function.arguments)) return /* @__PURE__ */ jsx(React.Fragment, { children: rendered }, toolCall.id);
-		const primaryLabel = labels.assistantMessageToolbarSaveSnippetLabel;
-		return /* @__PURE__ */ jsx(ToolCallSnippetChrome, {
-			label: primaryLabel,
-			onSave: () => void saveEventSnippet({
-				kind: "tool-call",
-				messageId: message.id,
-				toolCallId: toolCall.id,
-				toolName: toolCall.function.name,
-				argsJson: toolCall.function.arguments || "{}",
-				threadId: chatConfiguration?.threadId,
-				agentId: chatConfiguration?.agentId
-			}),
-			children: rendered
-		}, toolCall.id);
+			toolMessage
+		}) }, toolCall.id);
 	}) });
 }
-function hasCompleteArgs(args) {
-	const trimmed = (args ?? "").trim();
-	if (!trimmed) return true;
-	try {
-		JSON.parse(trimmed);
-		return true;
-	} catch {
-		return false;
-	}
-}
-function ToolCallSnippetChrome({ children, label, onSave }) {
-	const bodyRef = useRef(null);
-	const [showSave, setShowSave] = useState(false);
-	useLayoutEffect(() => {
-		const el = bodyRef.current;
-		setShowSave(!!el && el.childElementCount > 0);
-	});
-	return /* @__PURE__ */ jsx(SaveSnippetBesideChrome, {
-		showSave,
-		saveButton: /* @__PURE__ */ jsx(SaveSnippetIconButton, {
-			"data-testid": "copilot-tool-save-snippet-button",
-			title: label,
-			onClick: onSave
-		}),
-		children: /* @__PURE__ */ jsx("div", {
-			ref: bodyRef,
-			className: "cpk:contents",
-			children
-		})
-	});
-}
 
 //#endregion
 //#region src/v2/components/chat/CopilotChatAssistantMessage.tsx
-function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible = true, markdownRenderer, toolbar, copyButton, inspectorButton, saveSnippetButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }) {
+function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible = true, markdownRenderer, toolbar, copyButton, inspectorButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }) {
 	useKatexStyles();
-	const { isLocalInspectorEnabled, openInspector, saveEventSnippet } = useCopilotKitInspector();
+	const { isInspectorEnabled, openInspector } = useCopilotKitInspector();
 	const chatConfiguration = useCopilotChatConfiguration();
 	const boundMarkdownRenderer = renderSlot(markdownRenderer, CopilotChatAssistantMessage.MarkdownRenderer, { content: message.content || "" });
 	const boundCopyButton = renderSlot(copyButton, CopilotChatAssistantMessage.CopyButton, { onClick: async () => {
@@ -6130,17 +5919,6 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 		threadId: chatConfiguration?.threadId,
 		agentId: chatConfiguration?.agentId
 	}) });
-	const hasContent = !!(message.content && message.content.trim().length > 0);
-	const boundSaveSnippetButton = renderSlot(saveSnippetButton, CopilotChatAssistantMessage.SaveSnippetButton, { onClick: () => {
-		if (!hasContent) return;
-		saveEventSnippet({
-			kind: "text",
-			messageId: message.id,
-			content: message.content ?? "",
-			threadId: chatConfiguration?.threadId,
-			agentId: chatConfiguration?.agentId
-		});
-	} });
 	const boundThumbsDownButton = renderSlot(thumbsDownButton, CopilotChatAssistantMessage.ThumbsDownButton, { onClick: onThumbsDown ? () => onThumbsDown(message) : void 0 });
 	const boundReadAloudButton = renderSlot(readAloudButton, CopilotChatAssistantMessage.ReadAloudButton, { onClick: onReadAloud ? () => onReadAloud(message) : void 0 });
 	const boundRegenerateButton = renderSlot(regenerateButton, CopilotChatAssistantMessage.RegenerateButton, { onClick: onRegenerate ? () => onRegenerate(message) : void 0 });
@@ -6148,8 +5926,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 		className: "cpk:flex cpk:items-center cpk:gap-1",
 		children: [
 			boundCopyButton,
-			isLocalInspectorEnabled && boundInspectorButton,
-			isLocalInspectorEnabled && hasContent && boundSaveSnippetButton,
+			isInspectorEnabled && boundInspectorButton,
 			(onThumbsUp || thumbsUpButton) && boundThumbsUpButton,
 			(onThumbsDown || thumbsDownButton) && boundThumbsDownButton,
 			(onReadAloud || readAloudButton) && boundReadAloudButton,
@@ -6161,8 +5938,9 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 		message,
 		messages
 	});
+	const hasContent = !!(message.content && message.content.trim().length > 0);
 	const isLatestAssistantMessage = message.role === "assistant" && messages?.[messages.length - 1]?.id === message.id;
-	const shouldShowToolbar = toolbarVisible && (hasContent || isLocalInspectorEnabled) && !(isRunning && isLatestAssistantMessage);
+	const shouldShowToolbar = toolbarVisible && (hasContent || isInspectorEnabled) && !(isRunning && isLatestAssistantMessage);
 	if (children) return /* @__PURE__ */ jsx("div", {
 		"data-copilotkit": true,
 		style: { display: "contents" },
@@ -6172,7 +5950,6 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 			toolCallsView: boundToolCallsView,
 			copyButton: boundCopyButton,
 			inspectorButton: boundInspectorButton,
-			saveSnippetButton: boundSaveSnippetButton,
 			thumbsUpButton: boundThumbsUpButton,
 			thumbsDownButton: boundThumbsDownButton,
 			readAloudButton: boundReadAloudButton,
@@ -6319,7 +6096,7 @@ function CopilotKitColoredIcon() {
 		className: twMerge("cpk:w-full cpk:bg-transparent cpk:flex cpk:items-center cpk:-ml-[5px] cpk:-mt-[0px]", className),
 		...props
 	});
-	const ToolbarButton = _CopilotChatAssistantMessage.ToolbarButton = ({ title, tooltip, children, ...props }) => {
+	const ToolbarButton = _CopilotChatAssistantMessage.ToolbarButton = ({ title, tooltip, tooltipClassName, children, ...props }) => {
 		return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Button, {
@@ -6331,6 +6108,7 @@ function CopilotKitColoredIcon() {
 			})
 		}), /* @__PURE__ */ jsx(TooltipContent, {
 			side: "bottom",
+			className: tooltipClassName,
 			children: tooltip ?? /* @__PURE__ */ jsx("p", { children: title })
 		})] });
 	};
@@ -6364,29 +6142,30 @@ function CopilotKitColoredIcon() {
 			children: copied ? /* @__PURE__ */ jsx(Check, { className: "cpk:size-[18px]" }) : /* @__PURE__ */ jsx(Copy, { className: "cpk:size-[18px]" })
 		});
 	};
-	_CopilotChatAssistantMessage.InspectorButton = ({ title, ...props }) => {
+	_CopilotChatAssistantMessage.InspectorButton = ({ title, className, ...props }) => {
 		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 		const primaryLabel = title || labels.assistantMessageToolbarInspectorLabel;
-		const localOnlyLabel = labels.assistantMessageToolbarInspectorLocalOnlyLabel;
-		const accessibleLabel = `${primaryLabel} (${localOnlyLabel})`;
-		return /* @__PURE__ */ jsx(ToolbarButton, {
+		const accessibleLabel = `${primaryLabel} (local only)`;
+		return /* @__PURE__ */ jsxs(ToolbarButton, {
 			"data-testid": "copilot-inspector-button",
 			title: accessibleLabel,
-			tooltip: /* @__PURE__ */ jsxs("div", {
-				className: "cpk:flex cpk:flex-col cpk:gap-0.5",
-				children: [/* @__PURE__ */ jsx("span", { children: primaryLabel }), /* @__PURE__ */ jsx("span", {
-					className: "cpk:text-[10px] cpk:opacity-65",
-					children: localOnlyLabel
-				})]
-			}),
+			className: twMerge("cpk:w-auto cpk:gap-1.5 cpk:px-2", className),
+			tooltipClassName: "cpk:max-w-64 cpk:text-left cpk:leading-4",
+			tooltip: "View this message in the Inspector to get more information. This button and the inspector only display during local development (localhost, dev env).",
 			...props,
-			children: /* @__PURE__ */ jsx(CopilotKitColoredIcon, {})
+			children: [
+				/* @__PURE__ */ jsx(CopilotKitColoredIcon, {}),
+				/* @__PURE__ */ jsx("span", {
+					className: "cpk:font-medium",
+					children: primaryLabel
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "cpk:text-xs cpk:text-muted-foreground",
+					children: "(local only)"
+				})
+			]
 		});
 	};
-	_CopilotChatAssistantMessage.SaveSnippetButton = (props) => /* @__PURE__ */ jsx(SaveSnippetIconButton, {
-		"data-testid": "copilot-save-snippet-button",
-		...props
-	});
 	_CopilotChatAssistantMessage.ThumbsUpButton = ({ title, ...props }) => {
 		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 		return /* @__PURE__ */ jsx(ToolbarButton, {
@@ -6428,7 +6207,6 @@ CopilotChatAssistantMessage.MarkdownRenderer.displayName = "CopilotChatAssistant
 CopilotChatAssistantMessage.Toolbar.displayName = "CopilotChatAssistantMessage.Toolbar";
 CopilotChatAssistantMessage.CopyButton.displayName = "CopilotChatAssistantMessage.CopyButton";
 CopilotChatAssistantMessage.InspectorButton.displayName = "CopilotChatAssistantMessage.InspectorButton";
-CopilotChatAssistantMessage.SaveSnippetButton.displayName = "CopilotChatAssistantMessage.SaveSnippetButton";
 CopilotChatAssistantMessage.ThumbsUpButton.displayName = "CopilotChatAssistantMessage.ThumbsUpButton";
 CopilotChatAssistantMessage.ThumbsDownButton.displayName = "CopilotChatAssistantMessage.ThumbsDownButton";
 CopilotChatAssistantMessage.ReadAloudButton.displayName = "CopilotChatAssistantMessage.ReadAloudButton";
@@ -6799,8 +6577,6 @@ function CopilotChatReasoningMessage({ message, messages, isRunning, header, con
 	const isLatest = messages?.[messages.length - 1]?.id === message.id;
 	const isStreaming = !!(isRunning && isLatest);
 	const hasContent = !!(message.content && message.content.length > 0);
-	const { isLocalInspectorEnabled, saveEventSnippet } = useCopilotKitInspector();
-	const chatConfiguration = useCopilotChatConfiguration();
 	const startTimeRef = useRef(null);
 	const [elapsed, setElapsed] = useState(0);
 	useEffect(() => {
@@ -6860,16 +6636,7 @@ function CopilotChatReasoningMessage({ message, messages, isRunning, header, con
 		className: twMerge("cpk:my-1", className),
 		"data-message-id": message.id,
 		...props,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "cpk:flex cpk:items-center cpk:gap-1",
-			children: [boundHeader, isLocalInspectorEnabled && hasContent && /* @__PURE__ */ jsx(CopilotChatAssistantMessage_default.SaveSnippetButton, { onClick: () => void saveEventSnippet({
-				kind: "reasoning",
-				messageId: message.id,
-				content: message.content ?? "",
-				threadId: chatConfiguration?.threadId,
-				agentId: chatConfiguration?.agentId
-			}) })]
-		}), boundToggle]
+		children: [boundHeader, boundToggle]
 	});
 }
 (function(_CopilotChatReasoningMessage) {
@@ -7388,33 +7155,8 @@ const MemoizedUserMessage = React.memo(function MemoizedUserMessage({ message, U
 /**
 * Memoized wrapper for activity messages to prevent re-renders when other messages change.
 */
-function ActivitySnippetChrome({ message, children }) {
-	const { isLocalInspectorEnabled, saveEventSnippet } = useCopilotKitInspector();
-	const chatConfiguration = useCopilotChatConfiguration();
-	if (!(isLocalInspectorEnabled && (message.activityType === "a2ui-surface" || message.activityType === "open-generative-ui"))) return children;
-	const primaryLabel = (chatConfiguration?.labels ?? CopilotChatDefaultLabels).assistantMessageToolbarSaveSnippetLabel;
-	return /* @__PURE__ */ jsx(SaveSnippetBesideChrome, {
-		showSave: true,
-		saveButton: /* @__PURE__ */ jsx(SaveSnippetIconButton, {
-			"data-testid": "copilot-activity-save-snippet-button",
-			title: primaryLabel,
-			onClick: () => void saveEventSnippet({
-				kind: "activity",
-				messageId: message.id,
-				activityType: message.activityType,
-				content: message.content,
-				threadId: chatConfiguration?.threadId,
-				agentId: chatConfiguration?.agentId
-			})
-		}),
-		children
-	});
-}
 const MemoizedActivityMessage = React.memo(function MemoizedActivityMessage({ message, renderActivityMessage }) {
-	return /* @__PURE__ */ jsx(ActivitySnippetChrome, {
-		message,
-		children: renderActivityMessage(message)
-	});
+	return renderActivityMessage(message);
 }, (prevProps, nextProps) => {
 	if (prevProps.message.id !== nextProps.message.id) return false;
 	if (prevProps.message.activityType !== nextProps.message.activityType) return false;
@@ -11769,20 +11511,42 @@ function CoAgentStateRenderBridge(props) {
 
 //#endregion
 //#region src/v1-deprecated/components/CopilotListeners.tsx
-const usePredictStateSubscription = (agent) => {
-	const predictStateToolsRef = useRef([]);
-	const getSubscriber = useCallback((agent) => ({
+function isPredictStateTool(value) {
+	if (value === null || typeof value !== "object") return false;
+	const config = value;
+	return typeof config.tool === "string" && typeof config.state_key === "string" && (config.tool_argument === void 0 || typeof config.tool_argument === "string");
+}
+function getPredictStateUpdate(config, toolCallName, partialToolCallArgs) {
+	if (config.tool !== toolCallName) return void 0;
+	const emittedState = typeof partialToolCallArgs === "string" ? partialJSONParse(partialToolCallArgs) : partialToolCallArgs;
+	if (emittedState === null || typeof emittedState !== "object") return;
+	if (config.tool_argument) {
+		if (!(config.tool_argument in emittedState)) return void 0;
+		return { [config.state_key]: emittedState[config.tool_argument] };
+	}
+	return { [config.state_key]: emittedState };
+}
+function createPredictStateSubscriber(agent, predictStateToolsRef) {
+	return {
 		onCustomEvent: ({ event }) => {
-			if (event.name === "PredictState") predictStateToolsRef.current = event.value;
+			if (event.name === "PredictState") predictStateToolsRef.current = Array.isArray(event.value) ? event.value.filter(isPredictStateTool) : [];
 		},
 		onToolCallArgsEvent: ({ partialToolCallArgs, toolCallName }) => {
-			predictStateToolsRef.current.forEach((t) => {
-				if (t?.tool !== toolCallName) return;
-				const emittedState = typeof partialToolCallArgs === "string" ? parseJson(partialToolCallArgs, partialToolCallArgs) : partialToolCallArgs;
-				agent.setState({ [t.state_key]: emittedState[t.state_key] });
+			const updates = {};
+			predictStateToolsRef.current.forEach((config) => {
+				const update = getPredictStateUpdate(config, toolCallName, partialToolCallArgs);
+				if (update) Object.assign(updates, update);
+			});
+			if (Object.keys(updates).length > 0) agent.setState({
+				...agent.state,
+				...updates
 			});
 		}
-	}), []);
+	};
+}
+const usePredictStateSubscription = (agent) => {
+	const predictStateToolsRef = useRef([]);
+	const getSubscriber = useCallback((subscriptionAgent) => createPredictStateSubscriber(subscriptionAgent, predictStateToolsRef), []);
 	useEffect(() => {
 		if (!agent) return;
 		const subscriber = getSubscriber(agent);
@@ -11841,7 +11605,6 @@ function CopilotListeners() {
 //#region src/v1-deprecated/components/copilot-provider/copilotkit.tsx
 function CopilotKit({ children, ...props }) {
 	const enabled = shouldShowDevConsole(props.showDevConsole);
-	const showInspector = shouldShowDevConsole(props.enableInspector);
 	const publicApiKey = props.publicApiKey || props.publicLicenseKey;
 	const renderArr = useMemo(() => [{ render: CoAgentStateRenderBridge }], []);
 	const { onError: _onError, ...v2Props } = props;
@@ -11854,7 +11617,7 @@ function CopilotKit({ children, ...props }) {
 				threadId: props.threadId,
 				children: /* @__PURE__ */ jsx(CopilotKitProvider, {
 					...v2Props,
-					showDevConsole: showInspector,
+					enableInspector: props.enableInspector,
 					renderCustomMessages: renderArr,
 					children: /* @__PURE__ */ jsx(CopilotKitInternal, {
 						...props,
@@ -12337,4 +12100,4 @@ function validateProps(props) {
 
 //#endregion
 export { useCapabilities as $, CopilotChatMessageView as A, CopilotChatAudioRecorder as At, CopilotChatAssistantMessage_default as B, CopilotModalHeader as C, MCPAppsActivityRenderer as Ct, CopilotChat as D, useRenderToolCall as Dt, DefaultOpenIcon as E, CopilotKitInspector as Et, CopilotChatSuggestionView as F, useLearnFromUserActionInCurrentThread as G, useLearningContainersInCurrentThread as H, CopilotChatSuggestionPill as I, useThreads$1 as J, useLearnFromUserAction as K, CopilotChatReasoningMessage_default as L, IntelligenceIndicator as M, useCopilotChatConfiguration as Mt, getIntelligenceTurnAnchors as N, CopilotChatView_default as O, CopilotChatInput_default as Ot, IntelligenceIndicatorView as P, useAgentContext as Q, CopilotChatUserMessage_default as R, CopilotSidebarView as S, MCPAppsActivityContentSchema as St, DefaultCloseIcon as T, ɵrunMcpFollowUp as Tt, useLearningContainers as U, CopilotChatToolCallsView as V, useAttachments as W, useConfigureSuggestions as X, useInterrupt as Y, useSuggestions as Z, WildcardToolCallRender as _, OpenGenerativeUIActivityType as _t, ThreadsProvider as a, useComponent as at, CopilotSidebar as b, SandboxFunctionsContext as bt, CoAgentStateRendersProvider as c, useRenderCustomMessages as ct, shouldShowDevConsole as d, useLicenseContext$1 as dt, UseAgentUpdate as et, useToast as f, CopilotKitCoreReact as ft, useCopilotContext as g, OpenGenerativeUIActivityRenderer as gt, CopilotContext as h, GenerateSandboxedUiArgsSchema as ht, ThreadsContext as i, useRenderTool as it, INTELLIGENCE_TURN_HEAD as j, CopilotChatConfigurationProvider as jt, CopilotChatAttachmentQueue as k, AudioRecorderError as kt, useCoAgentStateRenders as l, CopilotKitProvider as lt, useCopilotMessagesContext as m, createA2UIMessageRenderer as mt, defaultCopilotContextCategories as n, useHumanInTheLoop as nt, useThreads as o, useFrontendTool as ot, CopilotMessagesContext as p, defineToolCallRenderer as pt, useMemories as q, CoAgentStateRenderBridge as r, useDefaultRenderTool as rt, CoAgentStateRendersContext as s, useRenderActivityMessage as st, CopilotKit as t, useAgent as tt, useAsyncCallback as u, useCopilotKit$1 as ut, CopilotThreadsDrawer as v, OpenGenerativeUIContentSchema as vt, CopilotChatToggleButton as w, MCPAppsActivityType as wt, CopilotPopupView as x, useSandboxFunctions as xt, CopilotPopup as y, OpenGenerativeUIToolRenderer as yt, CopilotChatAttachmentRenderer as z };
-//# sourceMappingURL=copilotkit-Dr6g885f.mjs.map
+//# sourceMappingURL=copilotkit-JdHy0xdu.mjs.map