@copilotkit/react-core 1.68.1 → 1.68.3-canary.1786716392

package/dist/index.umd.js

@@ -89,6 +89,8 @@ react_markdown = __toESM(react_markdown);
 		assistantMessageToolbarCopyCodeLabel: "Copy",
 		assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
 		assistantMessageToolbarCopyMessageLabel: "Copy",
+		assistantMessageToolbarInspectorLabel: "View in Inspector",
+		assistantMessageToolbarInspectorLocalOnlyLabel: "Local Only",
 		assistantMessageToolbarThumbsUpLabel: "Good response",
 		assistantMessageToolbarThumbsDownLabel: "Bad response",
 		assistantMessageToolbarReadAloudLabel: "Read aloud",
@@ -478,8 +480,9 @@ react_markdown = __toESM(react_markdown);
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
-	const CopilotKitInspector = ({ core, ...rest }) => {
+	const CopilotKitInspector = ({ core, openRequest, ...rest }) => {
 		const [InspectorComponent, setInspectorComponent] = react.useState(null);
+		const inspectorRef = react.useRef(null);
 		react.useEffect(() => {
 			let mounted = true;
 			import("@copilotkit/web-inspector").then((mod) => {
@@ -495,14 +498,26 @@ react_markdown = __toESM(react_markdown);
 				mounted = false;
 			};
 		}, []);
+		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
 		});
 	};
 	CopilotKitInspector.displayName = "CopilotKitInspector";
 
+//#endregion
+//#region src/v2/components/CopilotKitInspectorContext.tsx
+	const CopilotKitInspectorContext = react.createContext({
+		isLocalInspectorEnabled: false,
+		openInspector: () => void 0
+	});
+	const CopilotKitInspectorContextProvider = CopilotKitInspectorContext.Provider;
+
 //#endregion
 //#region src/v2/components/license-warning-banner.tsx
 	const LICENSE_BANNER_OFFSET_PX = 52;
@@ -2322,6 +2337,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	}
 	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 [shouldRenderInspector, setShouldRenderInspector] = (0, react.useState)(false);
+		const [isLocalInspectorEnabled, setIsLocalInspectorEnabled] = (0, react.useState)(false);
+		const [inspectorOpenRequest, setInspectorOpenRequest] = (0, react.useState)(null);
 		const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = (0, react.useState)(false);
 		const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = (0, react.useState)(false);
 		const [catalogToggleVersion, setCatalogToggleVersion] = (0, react.useState)(0);
@@ -2331,11 +2348,30 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const [runtimeLicenseStatus, setRuntimeLicenseStatus] = (0, react.useState)(void 0);
 		(0, react.useEffect)(() => {
 			if (typeof window === "undefined") return;
-			if (showDevConsole === true) setShouldRenderInspector(true);
-			else if (showDevConsole === "auto") if (new Set(["localhost", "127.0.0.1"]).has(window.location.hostname)) setShouldRenderInspector(true);
-			else setShouldRenderInspector(false);
-			else setShouldRenderInspector(false);
+			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 inspectorContextValue = (0, react.useMemo)(() => ({
+			isLocalInspectorEnabled,
+			openInspector: requestInspectorOpen
+		}), [isLocalInspectorEnabled, 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));
@@ -2672,11 +2708,14 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 							catalog: filteredCatalog,
 							includeSchema: a2ui?.includeSchema
 						}),
-						children,
-						shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
-							core: copilotkit,
-							defaultAnchor: inspectorDefaultAnchor
-						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CopilotKitInspectorContextProvider, {
+							value: inspectorContextValue,
+							children: [children, shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
+								core: copilotkit,
+								defaultAnchor: inspectorDefaultAnchor,
+								openRequest: inspectorOpenRequest
+							}) : null]
+						}),
 						runtimeLicenseStatus === "none" && !resolvedPublicKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "no_license" }),
 						runtimeLicenseStatus === "expired" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expired" }),
 						runtimeLicenseStatus === "invalid" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "invalid" }),
@@ -6811,30 +6850,37 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#endregion
 //#region src/hooks/use-agent-nodename.ts
+/**
+	* Tracks the node the agent is currently executing.
+	*
+	* Backed by state rather than a ref: mutating a ref schedules no render, so
+	* consumers such as `useCoAgent().nodeName` kept reporting whichever node was
+	* current at their last render and never updated on their own.
+	*/
 	function useAgentNodeName(agentName) {
 		const { agent } = useAgent({ agentId: agentName });
-		const nodeNameRef = (0, react.useRef)("start");
+		const [nodeName, setNodeName] = (0, react.useState)("start");
 		(0, react.useEffect)(() => {
 			if (!agent) return;
 			const subscription = agent.subscribe({
 				onStepStartedEvent: ({ event }) => {
-					nodeNameRef.current = event.stepName;
+					setNodeName(event.stepName);
 				},
 				onRunStartedEvent: () => {
-					nodeNameRef.current = "start";
+					setNodeName("start");
 				},
 				onRunFinishedEvent: () => {
-					nodeNameRef.current = "end";
+					setNodeName("end");
 				},
 				onRunErrorEvent: () => {
-					nodeNameRef.current = "end";
+					setNodeName("end");
 				}
 			});
 			return () => {
 				subscription.unsubscribe();
 			};
 		}, [agent]);
-		return nodeNameRef.current;
+		return nodeName;
 	}
 
 //#endregion