@copilotkit/react-core 1.69.1 → 1.69.3

package/dist/{copilotkit-Dr0speVK.cjs → copilotkit-BPeh62mW.cjs}

@@ -43,7 +43,6 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 let streamdown = require("streamdown");
 let _copilotkit_react_core_v2_context = require("@copilotkit/react-core/v2/context");
 let zod = require("zod");
-let _lit_labs_react = require("@lit-labs/react");
 let _copilotkit_a2ui_renderer = require("@copilotkit/a2ui-renderer");
 let zod_to_json_schema = require("zod-to-json-schema");
 let react_dom = require("react-dom");
@@ -107,8 +106,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",
@@ -1527,32 +1525,43 @@ function useRenderToolCall() {
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
-const CopilotKitInspector = ({ core, openRequest, ...rest }) => {
-	const [InspectorComponent, setInspectorComponent] = react.useState(null);
+const CopilotKitInspector = ({ core, openRequest }) => {
+	const mountRef = react.useRef(null);
 	const inspectorRef = react.useRef(null);
+	const latestCoreRef = react.useRef(core ?? null);
+	const latestOpenRequestRef = react.useRef(openRequest);
+	latestCoreRef.current = core ?? null;
+	latestOpenRequestRef.current = openRequest;
 	react.useEffect(() => {
 		let mounted = true;
+		let inspector = null;
 		import("@copilotkit/web-inspector").then((mod) => {
+			if (!mounted || !mountRef.current) return;
 			mod.defineWebInspector?.();
-			const Component = (0, _lit_labs_react.createComponent)({
-				tagName: mod.WEB_INSPECTOR_TAG,
-				elementClass: mod.WebInspectorElement,
-				react
-			});
-			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.useEffect(() => {
+		if (inspectorRef.current) inspectorRef.current.core = core ?? null;
+	}, [core]);
 	react.useEffect(() => {
 		if (openRequest) inspectorRef.current?.openInspector("message_toolbar", openRequest);
-	}, [InspectorComponent, openRequest]);
-	if (!InspectorComponent) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InspectorComponent, {
-		ref: inspectorRef,
-		...rest,
-		core: core ?? null
+	}, [openRequest]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref: mountRef,
+		style: { display: "contents" }
 	});
 };
 CopilotKitInspector.displayName = "CopilotKitInspector";
@@ -1560,9 +1569,8 @@ CopilotKitInspector.displayName = "CopilotKitInspector";
 //#endregion
 //#region src/v2/components/CopilotKitInspectorContext.tsx
 const CopilotKitInspectorContext = react.createContext({
-	isLocalInspectorEnabled: false,
-	openInspector: () => void 0,
-	saveEventSnippet: async () => void 0
+	isInspectorEnabled: false,
+	openInspector: () => void 0
 });
 const CopilotKitInspectorContextProvider = CopilotKitInspectorContext.Provider;
 function useCopilotKitInspector() {
@@ -2376,7 +2384,6 @@ function injectCssIntoHtml(html, css) {
 const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGenerativeUIActivityRendererInner({ content }) {
 	const initialHeight = content.initialHeight ?? 200;
 	const [autoHeight, setAutoHeight] = (0, react.useState)(null);
-	const [sandboxReady, setSandboxReady] = (0, react.useState)(false);
 	const sandboxFunctions = useSandboxFunctions();
 	const localApi = (0, react.useMemo)(() => {
 		const api = {};
@@ -2478,7 +2485,6 @@ const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGe
 			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; }';
@@ -2503,7 +2509,6 @@ const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGe
 				sandboxRef.current = null;
 			}
 			sandboxReadyRef.current = false;
-			setSandboxReady(false);
 			setAutoHeight(null);
 		};
 	}, [
@@ -2534,7 +2539,7 @@ const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGe
 	const generationDone = content.generating === false;
 	(0, react.useEffect)(() => {
 		const sandbox = sandboxRef.current;
-		if (!generationDone || !sandboxReady || !sandbox) return;
+		if (!generationDone || !sandbox) return;
 		let handled = false;
 		const onMessage = (e) => {
 			if (handled) return;
@@ -2563,7 +2568,7 @@ const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGe
 		return () => {
 			window.removeEventListener("message", onMessage);
 		};
-	}, [generationDone, sandboxReady]);
+	}, [generationDone]);
 	const height = autoHeight ?? initialHeight;
 	const isGenerating = content.generating !== false;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3514,9 +3519,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] = (0, react.useState)(false);
-	const [isLocalInspectorEnabled, setIsLocalInspectorEnabled] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		setShouldRenderInspector((0, _copilotkit_shared.shouldEnableInspector)({
+			enableInspector,
+			isBrowser: true,
+			isDevelopment: process.env.NODE_ENV === "development"
+		}));
+	}, [enableInspector]);
 	const [inspectorOpenRequest, setInspectorOpenRequest] = (0, react.useState)(null);
 	const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = (0, react.useState)(false);
 	const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = (0, react.useState)(false);
@@ -3525,68 +3536,13 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	const a2uiCatalogProvided = !!a2ui?.catalog;
 	const a2uiActive = runtimeA2UIEnabled || a2uiCatalogProvided;
 	const [runtimeLicenseStatus, setRuntimeLicenseStatus] = (0, react.useState)(void 0);
-	(0, react.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 = (0, react.useCallback)((request) => {
 		setInspectorOpenRequest({ ...request });
 	}, []);
-	const saveEventSnippet = (0, react.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 = (0, react.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));
@@ -3927,7 +3883,6 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 						value: inspectorContextValue,
 						children: [children, shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
 							core: copilotkit,
-							defaultAnchor: inspectorDefaultAnchor,
 							openRequest: inspectorOpenRequest
 						}) : null]
 					}),
@@ -5963,191 +5918,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__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-			type: "button",
-			variant: "assistantMessageToolbarButton",
-			"aria-label": accessibleLabel,
-			title: accessibleLabel,
-			className,
-			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Bookmark, { className: "cpk:size-[18px]" })
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContent, {
-		side: "bottom",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "cpk:flex cpk:flex-col cpk:gap-0.5",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: primaryLabel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "cpk:text-[10px] cpk:opacity-65",
-				children: localOnlyLabel
-			})]
-		})
-	})] });
-}
-function SaveSnippetBesideChrome({ children, showSave, saveButton }) {
-	const wrapRef = (0, react.useRef)(null);
-	const bodyRef = (0, react.useRef)(null);
-	const [side, setSide] = (0, react.useState)("right");
-	(0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: wrapRef,
-		className: SAVE_SNIPPET_BESIDE_WRAP_CLASS,
-		"data-save-snippet-side": side,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref: bodyRef,
-			className: SAVE_SNIPPET_BESIDE_BODY_CLASS,
-			children
-		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: message.toolCalls.map((toolCall) => {
-		const rendered = renderToolCall({
+		const toolMessage = messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: renderToolCall({
 			toolCall,
-			toolMessage: messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id)
-		});
-		if (!isLocalInspectorEnabled || !hasCompleteArgs(toolCall.function.arguments)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: rendered }, toolCall.id);
-		const primaryLabel = labels.assistantMessageToolbarSaveSnippetLabel;
-		return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.useRef)(null);
-	const [showSave, setShowSave] = (0, react.useState)(false);
-	(0, react.useLayoutEffect)(() => {
-		const el = bodyRef.current;
-		setShowSave(!!el && el.childElementCount > 0);
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveSnippetBesideChrome, {
-		showSave,
-		saveButton: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveSnippetIconButton, {
-			"data-testid": "copilot-tool-save-snippet-button",
-			title: label,
-			onClick: onSave
-		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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 () => {
@@ -6160,17 +5949,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 });
@@ -6178,8 +5956,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,
@@ -6191,8 +5968,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__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-copilotkit": true,
 		style: { display: "contents" },
@@ -6202,7 +5980,6 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 			toolCallsView: boundToolCallsView,
 			copyButton: boundCopyButton,
 			inspectorButton: boundInspectorButton,
-			saveSnippetButton: boundSaveSnippetButton,
 			thumbsUpButton: boundThumbsUpButton,
 			thumbsDownButton: boundThumbsDownButton,
 			readAloudButton: boundReadAloudButton,
@@ -6349,7 +6126,7 @@ function CopilotKitColoredIcon() {
 		className: (0, tailwind_merge.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__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -6361,6 +6138,7 @@ function CopilotKitColoredIcon() {
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContent, {
 			side: "bottom",
+			className: tooltipClassName,
 			children: tooltip ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: title })
 		})] });
 	};
@@ -6394,29 +6172,30 @@ function CopilotKitColoredIcon() {
 			children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "cpk:size-[18px]" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
+		const accessibleLabel = `${primaryLabel} (local only)`;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToolbarButton, {
 			"data-testid": "copilot-inspector-button",
 			title: accessibleLabel,
-			tooltip: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "cpk:flex cpk:flex-col cpk:gap-0.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: primaryLabel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "cpk:text-[10px] cpk:opacity-65",
-					children: localOnlyLabel
-				})]
-			}),
+			className: (0, tailwind_merge.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__ */ (0, react_jsx_runtime.jsx)(CopilotKitColoredIcon, {})
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitColoredIcon, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "cpk:font-medium",
+					children: primaryLabel
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "cpk:text-xs cpk:text-muted-foreground",
+					children: "(local only)"
+				})
+			]
 		});
 	};
-	_CopilotChatAssistantMessage.SaveSnippetButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveSnippetIconButton, {
-		"data-testid": "copilot-save-snippet-button",
-		...props
-	});
 	_CopilotChatAssistantMessage.ThumbsUpButton = ({ title, ...props }) => {
 		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
@@ -6458,7 +6237,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";
@@ -6829,8 +6607,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 = (0, react.useRef)(null);
 	const [elapsed, setElapsed] = (0, react.useState)(0);
 	(0, react.useEffect)(() => {
@@ -6890,16 +6666,7 @@ function CopilotChatReasoningMessage({ message, messages, isRunning, header, con
 		className: (0, tailwind_merge.twMerge)("cpk:my-1", className),
 		"data-message-id": message.id,
 		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "cpk:flex cpk:items-center cpk:gap-1",
-			children: [boundHeader, isLocalInspectorEnabled && hasContent && /* @__PURE__ */ (0, react_jsx_runtime.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) {
@@ -7418,33 +7185,8 @@ const MemoizedUserMessage = react.default.memo(function MemoizedUserMessage({ me
 /**
 * 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__ */ (0, react_jsx_runtime.jsx)(SaveSnippetBesideChrome, {
-		showSave: true,
-		saveButton: /* @__PURE__ */ (0, react_jsx_runtime.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.default.memo(function MemoizedActivityMessage({ message, renderActivityMessage }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.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;
@@ -11799,20 +11541,42 @@ function CoAgentStateRenderBridge(props) {
 
 //#endregion
 //#region src/v1-deprecated/components/CopilotListeners.tsx
-const usePredictStateSubscription = (agent) => {
-	const predictStateToolsRef = (0, react.useRef)([]);
-	const getSubscriber = (0, react.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" ? (0, _copilotkit_shared.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" ? (0, _copilotkit_shared.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 = (0, react.useRef)([]);
+	const getSubscriber = (0, react.useCallback)((subscriptionAgent) => createPredictStateSubscriber(subscriptionAgent, predictStateToolsRef), []);
 	(0, react.useEffect)(() => {
 		if (!agent) return;
 		const subscriber = getSubscriber(agent);
@@ -11871,7 +11635,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 = (0, react.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
 	const { onError: _onError, ...v2Props } = props;
@@ -11884,7 +11647,7 @@ function CopilotKit({ children, ...props }) {
 				threadId: props.threadId,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitProvider, {
 					...v2Props,
-					showDevConsole: showInspector,
+					enableInspector: props.enableInspector,
 					renderCustomMessages: renderArr,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInternal, {
 						...props,
@@ -12876,4 +12639,4 @@ Object.defineProperty(exports, 'ɵrunMcpFollowUp', {
     return ɵrunMcpFollowUp;
   }
 });
-//# sourceMappingURL=copilotkit-Dr0speVK.cjs.map
+//# sourceMappingURL=copilotkit-BPeh62mW.cjs.map