@copilotkit/react-core 1.69.2 → 1.69.3

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

@@ -4,7 +4,7 @@ import { CopilotKitCore, CopilotKitCoreErrorCode, CopilotKitCoreRuntimeConnectio
 import { HttpAgent, randomUUID } from "@ag-ui/client";
 import { extendTailwindMerge, twMerge } from "tailwind-merge";
 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 } from "@copilotkit/shared";
+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,7 +76,7 @@ const CopilotChatDefaultLabels = {
 	assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
 	assistantMessageToolbarCopyMessageLabel: "Copy",
 	assistantMessageToolbarInspectorLabel: "View in Inspector",
-	assistantMessageToolbarInspectorLocalOnlyLabel: "Local Only",
+	assistantMessageToolbarInspectorLocalOnlyLabel: "Development Only",
 	assistantMessageToolbarThumbsUpLabel: "Good response",
 	assistantMessageToolbarThumbsDownLabel: "Bad response",
 	assistantMessageToolbarReadAloudLabel: "Read aloud",
@@ -1496,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";
@@ -1529,7 +1539,7 @@ CopilotKitInspector.displayName = "CopilotKitInspector";
 //#endregion
 //#region src/v2/components/CopilotKitInspectorContext.tsx
 const CopilotKitInspectorContext = React$1.createContext({
-	isLocalInspectorEnabled: false,
+	isInspectorEnabled: false,
 	openInspector: () => void 0
 });
 const CopilotKitInspectorContextProvider = CopilotKitInspectorContext.Provider;
@@ -3479,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);
@@ -3490,32 +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 inspectorContextValue = useMemo(() => ({
-		isLocalInspectorEnabled,
+		isInspectorEnabled: shouldRenderInspector,
 		openInspector: requestInspectorOpen
-	}), [isLocalInspectorEnabled, 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));
@@ -3856,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]
 					}),
@@ -5910,7 +5906,7 @@ function CopilotChatToolCallsView({ message, messages = [] }) {
 //#region src/v2/components/chat/CopilotChatAssistantMessage.tsx
 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 } = 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 () => {
@@ -5930,7 +5926,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 		className: "cpk:flex cpk:items-center cpk:gap-1",
 		children: [
 			boundCopyButton,
-			isLocalInspectorEnabled && boundInspectorButton,
+			isInspectorEnabled && boundInspectorButton,
 			(onThumbsUp || thumbsUpButton) && boundThumbsUpButton,
 			(onThumbsDown || thumbsDownButton) && boundThumbsDownButton,
 			(onReadAloud || readAloudButton) && boundReadAloudButton,
@@ -5944,7 +5940,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 	});
 	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" },
@@ -11515,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);
@@ -11587,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;
@@ -11600,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,
@@ -12083,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-BmW2sFH6.mjs.map
+//# sourceMappingURL=copilotkit-JdHy0xdu.mjs.map