@copilotkit/react-core 1.69.1 → 1.69.3

package/dist/v2/index.umd.js

@@ -1,10 +1,10 @@
 "use client";
 
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('./index.css'), require('@copilotkit/core'), require('@ag-ui/client'), require('react'), require('tailwind-merge'), require('lucide-react'), require('@copilotkit/shared'), require('react/jsx-runtime'), require('@radix-ui/react-slot'), require('class-variance-authority'), require('clsx'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-dropdown-menu'), require('streamdown'), require('zod'), require('@lit-labs/react'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('react-dom'), require('@tanstack/react-virtual'), require('use-stick-to-bottom'), require('@copilotkit/web-components/threads-drawer')) :
-  typeof define === 'function' && define.amd ? define(['exports', './index.css', '@copilotkit/core', '@ag-ui/client', 'react', 'tailwind-merge', 'lucide-react', '@copilotkit/shared', 'react/jsx-runtime', '@radix-ui/react-slot', 'class-variance-authority', 'clsx', '@radix-ui/react-tooltip', '@radix-ui/react-dropdown-menu', 'streamdown', 'zod', '@lit-labs/react', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', 'react-dom', '@tanstack/react-virtual', 'use-stick-to-bottom', '@copilotkit/web-components/threads-drawer'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCoreV2 = {}), global.src_v2_index_css,global.CopilotKitCore,global.AgUIClient,global.React,global.tailwindMerge,global.lucideReact,global.CopilotKitShared,global.ReactJsxRuntime,global.RadixReactSlot,global.classVarianceAuthority,global.clsx,global.RadixReactTooltip,global.RadixReactDropdownMenu,global.streamdown,global.Zod,global.LitLabsReact,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global.ReactDOM,global._tanstack_react_virtual,global.useStickToBottom,global._copilotkit_web_components_threads_drawer));
-})(this, function(exports, src_v2_index_css, _copilotkit_core, _ag_ui_client, react, tailwind_merge, lucide_react, _copilotkit_shared, react_jsx_runtime, _radix_ui_react_slot, class_variance_authority, clsx, _radix_ui_react_tooltip, _radix_ui_react_dropdown_menu, streamdown, zod, _lit_labs_react, _copilotkit_a2ui_renderer, zod_to_json_schema, react_dom, _tanstack_react_virtual, use_stick_to_bottom, _copilotkit_web_components_threads_drawer) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('./index.css'), require('@copilotkit/core'), require('@ag-ui/client'), require('react'), require('tailwind-merge'), require('lucide-react'), require('@copilotkit/shared'), require('react/jsx-runtime'), require('@radix-ui/react-slot'), require('class-variance-authority'), require('clsx'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-dropdown-menu'), require('streamdown'), require('zod'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('react-dom'), require('@tanstack/react-virtual'), require('use-stick-to-bottom'), require('@copilotkit/web-components/threads-drawer')) :
+  typeof define === 'function' && define.amd ? define(['exports', './index.css', '@copilotkit/core', '@ag-ui/client', 'react', 'tailwind-merge', 'lucide-react', '@copilotkit/shared', 'react/jsx-runtime', '@radix-ui/react-slot', 'class-variance-authority', 'clsx', '@radix-ui/react-tooltip', '@radix-ui/react-dropdown-menu', 'streamdown', 'zod', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', 'react-dom', '@tanstack/react-virtual', 'use-stick-to-bottom', '@copilotkit/web-components/threads-drawer'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCoreV2 = {}), global.src_v2_index_css,global.CopilotKitCore,global.AgUIClient,global.React,global.tailwindMerge,global.lucideReact,global.CopilotKitShared,global.ReactJsxRuntime,global.RadixReactSlot,global.classVarianceAuthority,global.clsx,global.RadixReactTooltip,global.RadixReactDropdownMenu,global.streamdown,global.Zod,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global.ReactDOM,global._tanstack_react_virtual,global.useStickToBottom,global._copilotkit_web_components_threads_drawer));
+})(this, function(exports, src_v2_index_css, _copilotkit_core, _ag_ui_client, react, tailwind_merge, lucide_react, _copilotkit_shared, react_jsx_runtime, _radix_ui_react_slot, class_variance_authority, clsx, _radix_ui_react_tooltip, _radix_ui_react_dropdown_menu, streamdown, zod, _copilotkit_a2ui_renderer, zod_to_json_schema, react_dom, _tanstack_react_virtual, use_stick_to_bottom, _copilotkit_web_components_threads_drawer) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -91,8 +91,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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",
@@ -1637,32 +1636,43 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 
 //#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";
@@ -1670,9 +1680,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 //#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() {
@@ -2486,7 +2495,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	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 = {};
@@ -2588,7 +2596,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				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; }';
@@ -2613,7 +2620,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					sandboxRef.current = null;
 				}
 				sandboxReadyRef.current = false;
-				setSandboxReady(false);
 				setAutoHeight(null);
 			};
 		}, [
@@ -2644,7 +2650,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		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;
@@ -2673,7 +2679,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			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", {
@@ -3528,9 +3534,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, [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);
@@ -3539,68 +3551,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		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));
@@ -3941,7 +3898,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 							value: inspectorContextValue,
 							children: [children, shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
 								core: copilotkit,
-								defaultAnchor: inspectorDefaultAnchor,
 								openRequest: inspectorOpenRequest
 							}) : null]
 						}),
@@ -5977,191 +5933,25 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 	}
 
-//#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 () => {
@@ -6174,17 +5964,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			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 });
@@ -6192,8 +5971,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			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,
@@ -6205,8 +5983,9 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			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" },
@@ -6216,7 +5995,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				toolCallsView: boundToolCallsView,
 				copyButton: boundCopyButton,
 				inspectorButton: boundInspectorButton,
-				saveSnippetButton: boundSaveSnippetButton,
 				thumbsUpButton: boundThumbsUpButton,
 				thumbsDownButton: boundThumbsDownButton,
 				readAloudButton: boundReadAloudButton,
@@ -6363,7 +6141,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			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, {
@@ -6375,6 +6153,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContent, {
 				side: "bottom",
+				className: tooltipClassName,
 				children: tooltip ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: title })
 			})] });
 		};
@@ -6408,29 +6187,30 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				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, {
@@ -6472,7 +6252,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	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";
@@ -6843,8 +6622,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		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)(() => {
@@ -6904,16 +6681,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			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) {
@@ -7432,33 +7200,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	/**
 	* 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;
@@ -11699,20 +11442,42 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#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);
@@ -11771,7 +11536,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#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;
@@ -11784,7 +11548,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					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,