@copilotkit/react-core 1.59.1 → 1.59.2

package/dist/index.umd.js

@@ -146,27 +146,26 @@ react_markdown = __toESM(react_markdown);
 	};
 	const CopilotChatConfiguration = (0, react.createContext)(null);
 	const CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, hasExplicitThreadId, isModalDefaultOpen }) => {
-		var _ref, _parentConfig$isModal, _parentConfig$setModa;
 		const parentConfig = (0, react.useContext)(CopilotChatConfiguration);
 		const stableLabels = useShallowStableRef(labels);
 		const mergedLabels = (0, react.useMemo)(() => ({
 			...CopilotChatDefaultLabels,
-			...parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.labels,
+			...parentConfig?.labels,
 			...stableLabels
-		}), [stableLabels, parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.labels]);
-		const resolvedAgentId = (_ref = agentId !== null && agentId !== void 0 ? agentId : parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.agentId) !== null && _ref !== void 0 ? _ref : _copilotkit_shared.DEFAULT_AGENT_ID;
+		}), [stableLabels, parentConfig?.labels]);
+		const resolvedAgentId = agentId ?? parentConfig?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 		const resolvedThreadId = (0, react.useMemo)(() => {
 			if (threadId) return threadId;
-			if (parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.threadId) return parentConfig.threadId;
+			if (parentConfig?.threadId) return parentConfig.threadId;
 			return (0, _copilotkit_shared.randomUUID)();
-		}, [threadId, parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.threadId]);
-		const resolvedHasExplicitThreadId = (hasExplicitThreadId !== void 0 ? hasExplicitThreadId : !!threadId) || !!(parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.hasExplicitThreadId);
-		const [internalModalOpen, setInternalModalOpen] = (0, react.useState)(isModalDefaultOpen !== null && isModalDefaultOpen !== void 0 ? isModalDefaultOpen : true);
+		}, [threadId, parentConfig?.threadId]);
+		const resolvedHasExplicitThreadId = (hasExplicitThreadId !== void 0 ? hasExplicitThreadId : !!threadId) || !!parentConfig?.hasExplicitThreadId;
+		const [internalModalOpen, setInternalModalOpen] = (0, react.useState)(isModalDefaultOpen ?? true);
 		const hasExplicitDefault = isModalDefaultOpen !== void 0;
 		const setAndSync = (0, react.useCallback)((open) => {
 			setInternalModalOpen(open);
-			parentConfig === null || parentConfig === void 0 || parentConfig.setModalOpen(open);
-		}, [parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.setModalOpen]);
+			parentConfig?.setModalOpen(open);
+		}, [parentConfig?.setModalOpen]);
 		const isMounted = (0, react.useRef)(false);
 		(0, react.useEffect)(() => {
 			if (!hasExplicitDefault) return;
@@ -174,11 +173,11 @@ react_markdown = __toESM(react_markdown);
 				isMounted.current = true;
 				return;
 			}
-			if ((parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen) === void 0) return;
+			if (parentConfig?.isModalOpen === void 0) return;
 			setInternalModalOpen(parentConfig.isModalOpen);
-		}, [parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen, hasExplicitDefault]);
-		const resolvedIsModalOpen = hasExplicitDefault ? internalModalOpen : (_parentConfig$isModal = parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen) !== null && _parentConfig$isModal !== void 0 ? _parentConfig$isModal : internalModalOpen;
-		const resolvedSetModalOpen = hasExplicitDefault ? setAndSync : (_parentConfig$setModa = parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.setModalOpen) !== null && _parentConfig$setModa !== void 0 ? _parentConfig$setModa : setInternalModalOpen;
+		}, [parentConfig?.isModalOpen, hasExplicitDefault]);
+		const resolvedIsModalOpen = hasExplicitDefault ? internalModalOpen : parentConfig?.isModalOpen ?? internalModalOpen;
+		const resolvedSetModalOpen = hasExplicitDefault ? setAndSync : parentConfig?.setModalOpen ?? setInternalModalOpen;
 		const configurationValue = (0, react.useMemo)(() => ({
 			labels: mergedLabels,
 			agentId: resolvedAgentId,
@@ -207,7 +206,6 @@ react_markdown = __toESM(react_markdown);
 //#region src/v2/lib/react-core.ts
 	var CopilotKitCoreReact = class extends _copilotkit_core.CopilotKitCore {
 		constructor(config) {
-			var _config$renderToolCal, _config$renderCustomM, _config$renderActivit;
 			super(config);
 			this._renderToolCalls = [];
 			this._hookRenderToolCalls = /* @__PURE__ */ new Map();
@@ -215,9 +213,9 @@ react_markdown = __toESM(react_markdown);
 			this._renderCustomMessages = [];
 			this._renderActivityMessages = [];
 			this._interruptElement = null;
-			this._renderToolCalls = (_config$renderToolCal = config.renderToolCalls) !== null && _config$renderToolCal !== void 0 ? _config$renderToolCal : [];
-			this._renderCustomMessages = (_config$renderCustomM = config.renderCustomMessages) !== null && _config$renderCustomM !== void 0 ? _config$renderCustomM : [];
-			this._renderActivityMessages = (_config$renderActivit = config.renderActivityMessages) !== null && _config$renderActivit !== void 0 ? _config$renderActivit : [];
+			this._renderToolCalls = config.renderToolCalls ?? [];
+			this._renderCustomMessages = config.renderCustomMessages ?? [];
+			this._renderActivityMessages = config.renderActivityMessages ?? [];
 		}
 		get renderCustomMessages() {
 			return this._renderCustomMessages;
@@ -229,10 +227,7 @@ react_markdown = __toESM(react_markdown);
 			if (this._hookRenderToolCalls.size === 0) return this._renderToolCalls;
 			if (this._cachedMergedRenderToolCalls) return this._cachedMergedRenderToolCalls;
 			const merged = /* @__PURE__ */ new Map();
-			for (const rc of this._renderToolCalls) {
-				var _rc$agentId;
-				merged.set(`${(_rc$agentId = rc.agentId) !== null && _rc$agentId !== void 0 ? _rc$agentId : ""}:${rc.name}`, rc);
-			}
+			for (const rc of this._renderToolCalls) merged.set(`${rc.agentId ?? ""}:${rc.name}`, rc);
 			for (const [key, rc] of this._hookRenderToolCalls) merged.set(key, rc);
 			this._cachedMergedRenderToolCalls = Array.from(merged.values());
 			return this._cachedMergedRenderToolCalls;
@@ -249,14 +244,13 @@ react_markdown = __toESM(react_markdown);
 			this._notifyRenderToolCallsChanged();
 		}
 		addHookRenderToolCall(entry) {
-			var _entry$agentId;
-			const key = `${(_entry$agentId = entry.agentId) !== null && _entry$agentId !== void 0 ? _entry$agentId : ""}:${entry.name}`;
+			const key = `${entry.agentId ?? ""}:${entry.name}`;
 			this._hookRenderToolCalls.set(key, entry);
 			this._cachedMergedRenderToolCalls = null;
 			this._notifyRenderToolCallsChanged();
 		}
 		removeHookRenderToolCall(name, agentId) {
-			const key = `${agentId !== null && agentId !== void 0 ? agentId : ""}:${name}`;
+			const key = `${agentId ?? ""}:${name}`;
 			if (this._hookRenderToolCalls.delete(key)) {
 				this._cachedMergedRenderToolCalls = null;
 				this._notifyRenderToolCallsChanged();
@@ -277,9 +271,7 @@ react_markdown = __toESM(react_markdown);
 		setInterruptElement(element) {
 			this._interruptElement = element;
 			this.notifySubscribers((subscriber) => {
-				var _reactSubscriber$onIn;
-				const reactSubscriber = subscriber;
-				(_reactSubscriber$onIn = reactSubscriber.onInterruptElementChanged) === null || _reactSubscriber$onIn === void 0 || _reactSubscriber$onIn.call(reactSubscriber, {
+				subscriber.onInterruptElementChanged?.({
 					copilotkit: this,
 					interruptElement: this._interruptElement
 				});
@@ -344,11 +336,54 @@ react_markdown = __toESM(react_markdown);
 
 //#endregion
 //#region src/v2/hooks/use-default-render-tool.tsx
-	function DefaultToolCallRenderer({ name, parameters, status, result }) {
+/**
+	* Module-level dedup set so an unknown status value only emits a console
+	* warning the FIRST time we encounter it. Otherwise a stuck/unmapped status
+	* would log on every re-render (potentially many per second).
+	*/
+	const warnedUnknownStatuses = /* @__PURE__ */ new Set();
+	/**
+	* Map a {@link ToolCallStatus} enum value to the documented string-union
+	* status the {@link DefaultRenderProps} contract exposes. Unknown / future
+	* enum members log a warning (once per distinct value) and fall back to
+	* `"inProgress"`.
+	*/
+	function mapToolCallStatus(status) {
+		switch (status) {
+			case _copilotkit_core.ToolCallStatus.Complete: return "complete";
+			case _copilotkit_core.ToolCallStatus.Executing: return "executing";
+			case _copilotkit_core.ToolCallStatus.InProgress: return "inProgress";
+			default: {
+				const key = String(status);
+				if (!warnedUnknownStatuses.has(key)) {
+					warnedUnknownStatuses.add(key);
+					console.warn(`[CopilotKit] Unknown ToolCallStatus "${key}" in default tool-call renderer; falling back to "inProgress".`);
+				}
+				return "inProgress";
+			}
+		}
+	}
+	/**
+	* Guarded JSON.stringify used inside the expanded `<pre>` blocks. A circular
+	* reference would otherwise crash the entire React tree on render.
+	*/
+	function safeStringifyForPre(value) {
+		try {
+			return JSON.stringify(value, null, 2);
+		} catch (err) {
+			console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload for default renderer; falling back to String():", err);
+			try {
+				return String(value);
+			} catch (innerErr) {
+				console.warn("[CopilotKit] safeStringifyForPre: value could not be stringified:", innerErr);
+				return "[unserializable]";
+			}
+		}
+	}
+	function DefaultToolCallRenderer({ name, toolCallId, parameters, status, result }) {
 		const [isExpanded, setIsExpanded] = (0, react.useState)(false);
-		const statusString = String(status);
-		const isActive = statusString === "inProgress" || statusString === "executing";
-		const isComplete = statusString === "complete";
+		const isActive = status === "inProgress" || status === "executing";
+		const isComplete = status === "complete";
 		const statusLabel = isActive ? "Running" : isComplete ? "Done" : status;
 		const dotColor = isActive ? "#f59e0b" : isComplete ? "#10b981" : "#a1a1aa";
 		const badgeBg = isActive ? "#fef3c7" : isComplete ? "#d1fae5" : "#f4f4f5";
@@ -356,7 +391,8 @@ react_markdown = __toESM(react_markdown);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "copilot-tool-render",
 			"data-tool-name": name,
-			"data-status": statusString,
+			"data-tool-call-id": toolCallId,
+			"data-status": status,
 			"data-args": safeStringifyForAttr(parameters),
 			"data-result": safeStringifyForAttr(result),
 			style: {
@@ -370,7 +406,9 @@ react_markdown = __toESM(react_markdown);
 					backgroundColor: "#fafafa",
 					padding: "14px 16px"
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					"aria-expanded": isExpanded,
 					onClick: () => setIsExpanded(!isExpanded),
 					style: {
 						display: "flex",
@@ -378,7 +416,15 @@ react_markdown = __toESM(react_markdown);
 						justifyContent: "space-between",
 						gap: "10px",
 						cursor: "pointer",
-						userSelect: "none"
+						userSelect: "none",
+						width: "100%",
+						border: "none",
+						padding: 0,
+						margin: 0,
+						background: "transparent",
+						textAlign: "left",
+						font: "inherit",
+						color: "inherit"
 					},
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
@@ -471,7 +517,7 @@ react_markdown = __toESM(react_markdown);
 							whiteSpace: "pre-wrap",
 							wordBreak: "break-word"
 						},
-						children: JSON.stringify(parameters !== null && parameters !== void 0 ? parameters : {}, null, 2)
+						children: safeStringifyForPre(parameters ?? {})
 					})] }), result !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						style: {
 							fontSize: "10px",
@@ -494,7 +540,7 @@ react_markdown = __toESM(react_markdown);
 							whiteSpace: "pre-wrap",
 							wordBreak: "break-word"
 						},
-						children: typeof result === "string" ? result : JSON.stringify(result, null, 2)
+						children: typeof result === "string" ? result : safeStringifyForPre(result)
 					})] })]
 				})]
 			})
@@ -505,8 +551,14 @@ react_markdown = __toESM(react_markdown);
 		if (typeof value === "string") return value;
 		try {
 			return JSON.stringify(value);
-		} catch (_unused) {
-			return String(value);
+		} catch (err) {
+			console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload for data-* attribute; falling back to String():", err);
+			try {
+				return String(value);
+			} catch (innerErr) {
+				console.warn("[CopilotKit] safeStringifyForAttr: value could not be stringified:", innerErr);
+				return "";
+			}
 		}
 	}
 
@@ -542,11 +594,10 @@ react_markdown = __toESM(react_markdown);
 			result: void 0
 		});
 	}, (prevProps, nextProps) => {
-		var _prevProps$toolMessag, _nextProps$toolMessag;
 		if (prevProps.toolCall.id !== nextProps.toolCall.id) return false;
 		if (prevProps.toolCall.function.name !== nextProps.toolCall.function.name) return false;
 		if (prevProps.toolCall.function.arguments !== nextProps.toolCall.function.arguments) return false;
-		if (((_prevProps$toolMessag = prevProps.toolMessage) === null || _prevProps$toolMessag === void 0 ? void 0 : _prevProps$toolMessag.content) !== ((_nextProps$toolMessag = nextProps.toolMessage) === null || _nextProps$toolMessag === void 0 ? void 0 : _nextProps$toolMessag.content)) return false;
+		if (prevProps.toolMessage?.content !== nextProps.toolMessage?.content) return false;
 		if (prevProps.isExecuting !== nextProps.isExecuting) return false;
 		if (prevProps.RenderComponent !== nextProps.RenderComponent) return false;
 		return true;
@@ -558,21 +609,17 @@ react_markdown = __toESM(react_markdown);
 	* @returns A function that takes a tool call and optional tool message and returns the rendered component
 	*/
 	function useRenderToolCall$1() {
-		var _config$agentId;
 		const { copilotkit, executingToolCallIds } = useCopilotKit();
-		const config = useCopilotChatConfiguration();
-		const agentId = (_config$agentId = config === null || config === void 0 ? void 0 : config.agentId) !== null && _config$agentId !== void 0 ? _config$agentId : _copilotkit_shared.DEFAULT_AGENT_ID;
+		const agentId = useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 		const renderToolCalls = (0, react.useSyncExternalStore)((callback) => {
 			return copilotkit.subscribe({ onRenderToolCallsChanged: callback }).unsubscribe;
 		}, () => copilotkit.renderToolCalls, () => copilotkit.renderToolCalls);
 		return (0, react.useCallback)(({ toolCall, toolMessage }) => {
-			var _renderConfig$render;
 			const exactMatches = renderToolCalls.filter((rc) => rc.name === toolCall.function.name);
-			const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCallRenderer, {
 				toolCall,
 				toolMessage,
-				RenderComponent: (_renderConfig$render = renderConfig === null || renderConfig === void 0 ? void 0 : renderConfig.render) !== null && _renderConfig$render !== void 0 ? _renderConfig$render : defaultToolCallRenderAdapter,
+				RenderComponent: (exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*"))?.render ?? defaultToolCallRenderAdapter,
 				isExecuting: executingToolCallIds.has(toolCall.id)
 			}, toolCall.id);
 		}, [
@@ -582,11 +629,11 @@ react_markdown = __toESM(react_markdown);
 		]);
 	}
 	function defaultToolCallRenderAdapter(props) {
-		const status = props.status === _copilotkit_core.ToolCallStatus.Complete ? "complete" : props.status === _copilotkit_core.ToolCallStatus.Executing ? "executing" : "inProgress";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultToolCallRenderer, {
 			name: props.name,
+			toolCallId: props.toolCallId,
 			parameters: props.args,
-			status,
+			status: mapToolCallStatus(props.status),
 			result: props.result
 		});
 	}
@@ -598,8 +645,7 @@ react_markdown = __toESM(react_markdown);
 		react.useEffect(() => {
 			let mounted = true;
 			import("@copilotkit/web-inspector").then((mod) => {
-				var _mod$defineWebInspect;
-				(_mod$defineWebInspect = mod.defineWebInspector) === null || _mod$defineWebInspect === void 0 || _mod$defineWebInspect.call(mod);
+				mod.defineWebInspector?.();
 				const Component = (0, _lit_labs_react.createComponent)({
 					tagName: mod.WEB_INSPECTOR_TAG,
 					elementClass: mod.WebInspectorElement,
@@ -614,7 +660,7 @@ react_markdown = __toESM(react_markdown);
 		if (!InspectorComponent) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InspectorComponent, {
 			...rest,
-			core: core !== null && core !== void 0 ? core : null
+			core: core ?? null
 		});
 	};
 	CopilotKitInspector.displayName = "CopilotKitInspector";
@@ -754,7 +800,7 @@ react_markdown = __toESM(react_markdown);
 	function buildSandboxHTML(extraCspDomains) {
 		const baseScriptSrc = "'self' 'wasm-unsafe-eval' 'unsafe-inline' 'unsafe-eval' blob: data: http://localhost:* https://localhost:*";
 		const baseFrameSrc = "* blob: data: http://localhost:* https://localhost:*";
-		const extra = (extraCspDomains === null || extraCspDomains === void 0 ? void 0 : extraCspDomains.length) ? " " + extraCspDomains.join(" ") : "";
+		const extra = extraCspDomains?.length ? " " + extraCspDomains.join(" ") : "";
 		return `<!doctype html>
 <html>
 <head>
@@ -890,7 +936,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* Fetches resource content on-demand via proxied MCP requests.
 	*/
 	const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agent }) {
-		var _fetchedResource$_met2;
 		const { copilotkit } = useCopilotKit();
 		const containerRef = (0, react.useRef)(null);
 		const iframeRef = (0, react.useRef)(null);
@@ -909,8 +954,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			resourceUri: null
 		});
 		const sendToIframe = (0, react.useCallback)((msg) => {
-			var _iframeRef$current;
-			if ((_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 ? void 0 : _iframeRef$current.contentWindow) {
+			if (iframeRef.current?.contentWindow) {
 				console.log("[MCPAppsRenderer] Sending to iframe:", msg);
 				iframeRef.current.contentWindow.postMessage(msg, "*");
 			}
@@ -942,8 +986,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		(0, react.useEffect)(() => {
 			const { resourceUri, serverHash, serverId } = content;
 			if (fetchStateRef.current.inProgress && fetchStateRef.current.resourceUri === resourceUri) {
-				var _fetchStateRef$curren;
-				(_fetchStateRef$curren = fetchStateRef.current.promise) === null || _fetchStateRef$curren === void 0 || _fetchStateRef$curren.then((resource) => {
+				fetchStateRef.current.promise?.then((resource) => {
 					if (resource) {
 						setFetchedResource(resource);
 						setIsLoading(false);
@@ -963,14 +1006,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			fetchStateRef.current.resourceUri = resourceUri;
 			const fetchPromise = (async () => {
 				try {
-					var _resultData$contents;
-					const resultData = (await mcpAppsRequestQueue.enqueue(agent, () => agent.runAgent({ forwardedProps: { __proxiedMCPRequest: {
+					const resource = (await mcpAppsRequestQueue.enqueue(agent, () => agent.runAgent({ forwardedProps: { __proxiedMCPRequest: {
 						serverHash,
 						serverId,
 						method: "resources/read",
 						params: { uri: resourceUri }
-					} } }))).result;
-					const resource = resultData === null || resultData === void 0 || (_resultData$contents = resultData.contents) === null || _resultData$contents === void 0 ? void 0 : _resultData$contents[0];
+					} } }))).result?.contents?.[0];
 					if (!resource) throw new Error("No resource content in response");
 					return resource;
 				} catch (err) {
@@ -1001,7 +1042,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			let createdIframe = null;
 			const setup = async () => {
 				try {
-					var _fetchedResource$_met;
 					const iframe = document.createElement("iframe");
 					createdIframe = iframe;
 					iframe.style.width = "100%";
@@ -1013,8 +1053,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					const sandboxReady = new Promise((resolve) => {
 						initialListener = (event) => {
 							if (event.source === iframe.contentWindow) {
-								var _event$data;
-								if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.method) === "ui/notifications/sandbox-proxy-ready") {
+								if (event.data?.method === "ui/notifications/sandbox-proxy-ready") {
 									if (initialListener) {
 										window.removeEventListener("message", initialListener);
 										initialListener = null;
@@ -1032,7 +1071,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						}
 						return;
 					}
-					iframe.srcdoc = buildSandboxHTML((_fetchedResource$_met = fetchedResource._meta) === null || _fetchedResource$_met === void 0 || (_fetchedResource$_met = _fetchedResource$_met.ui) === null || _fetchedResource$_met === void 0 || (_fetchedResource$_met = _fetchedResource$_met.csp) === null || _fetchedResource$_met === void 0 ? void 0 : _fetchedResource$_met.resourceDomains);
+					const cspDomains = fetchedResource._meta?.ui?.csp?.resourceDomains;
+					iframe.srcdoc = buildSandboxHTML(cspDomains);
 					iframeRef.current = iframe;
 					container.appendChild(iframe);
 					await sandboxReady;
@@ -1069,17 +1109,16 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 									break;
 								}
 								try {
-									var _params$content, _params$followUp;
 									const params = msg.params;
 									const role = params.role || "user";
-									const textContent = ((_params$content = params.content) === null || _params$content === void 0 ? void 0 : _params$content.filter((c) => c.type === "text" && c.text).map((c) => c.text).join("\n")) || "";
+									const textContent = params.content?.filter((c) => c.type === "text" && c.text).map((c) => c.text).join("\n") || "";
 									if (textContent) currentAgent.addMessage({
 										id: crypto.randomUUID(),
 										role,
 										content: textContent
 									});
 									sendResponse(msg.id, { isError: false });
-									if (((_params$followUp = params.followUp) !== null && _params$followUp !== void 0 ? _params$followUp : role === "user") && textContent) mcpAppsRequestQueue.enqueue(currentAgent, () => copilotkit.runAgent({ agent: currentAgent })).catch((err) => console.error("[MCPAppsRenderer] ui/message agent run failed:", err));
+									if ((params.followUp ?? role === "user") && textContent) mcpAppsRequestQueue.enqueue(currentAgent, () => copilotkit.runAgent({ agent: currentAgent })).catch((err) => console.error("[MCPAppsRenderer] ui/message agent run failed:", err));
 								} catch (err) {
 									console.error("[MCPAppsRenderer] ui/message error:", err);
 									sendResponse(msg.id, { isError: true });
@@ -1087,8 +1126,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 								break;
 							}
 							case "ui/open-link": {
-								var _msg$params;
-								const url = (_msg$params = msg.params) === null || _msg$params === void 0 ? void 0 : _msg$params.url;
+								const url = msg.params?.url;
 								if (url) {
 									window.open(url, "_blank", "noopener,noreferrer");
 									sendResponse(msg.id, { isError: false });
@@ -1205,7 +1243,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			content.result,
 			sendNotification
 		]);
-		const borderStyle = (fetchedResource === null || fetchedResource === void 0 || (_fetchedResource$_met2 = fetchedResource._meta) === null || _fetchedResource$_met2 === void 0 || (_fetchedResource$_met2 = _fetchedResource$_met2.ui) === null || _fetchedResource$_met2 === void 0 ? void 0 : _fetchedResource$_met2.prefersBorder) === true ? {
+		const borderStyle = fetchedResource?._meta?.ui?.prefersBorder === true ? {
 			borderRadius: "8px",
 			backgroundColor: "#f9f9f9",
 			border: "1px solid #e0e0e0"
@@ -1311,13 +1349,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* (no throttle delay).
 	*/
 	function shouldFlushImmediately(prev, next) {
-		var _next$jsExpressions$l, _next$jsExpressions, _prev$jsExpressions$l, _prev$jsExpressions, _next$html, _prev$html;
 		if (next.cssComplete && (!prev || !prev.cssComplete)) return true;
 		if (next.htmlComplete) return true;
 		if (next.generating === false) return true;
 		if (next.jsFunctions && (!prev || !prev.jsFunctions)) return true;
-		if (((_next$jsExpressions$l = (_next$jsExpressions = next.jsExpressions) === null || _next$jsExpressions === void 0 ? void 0 : _next$jsExpressions.length) !== null && _next$jsExpressions$l !== void 0 ? _next$jsExpressions$l : 0) > ((_prev$jsExpressions$l = prev === null || prev === void 0 || (_prev$jsExpressions = prev.jsExpressions) === null || _prev$jsExpressions === void 0 ? void 0 : _prev$jsExpressions.length) !== null && _prev$jsExpressions$l !== void 0 ? _prev$jsExpressions$l : 0)) return true;
-		if (((_next$html = next.html) === null || _next$html === void 0 ? void 0 : _next$html.length) && (!prev || !((_prev$html = prev.html) === null || _prev$html === void 0 ? void 0 : _prev$html.length))) return true;
+		if ((next.jsExpressions?.length ?? 0) > (prev?.jsExpressions?.length ?? 0)) return true;
+		if (next.html?.length && (!prev || !prev.html?.length)) return true;
 		return false;
 	}
 	/**
@@ -1367,8 +1404,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return `<head><style>${css}</style></head>${html}`;
 	}
 	const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGenerativeUIActivityRendererInner({ content }) {
-		var _content$initialHeigh, _content$html, _content$html2, _content$jsExpression;
-		const initialHeight = (_content$initialHeigh = content.initialHeight) !== null && _content$initialHeigh !== void 0 ? _content$initialHeigh : 200;
+		const initialHeight = content.initialHeight ?? 200;
 		const [autoHeight, setAutoHeight] = (0, react.useState)(null);
 		const sandboxFunctions = useSandboxFunctions();
 		const localApi = (0, react.useMemo)(() => {
@@ -1376,13 +1412,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			for (const fn of sandboxFunctions) api[fn.name] = fn.handler;
 			return api;
 		}, [sandboxFunctions]);
-		const fullHtml = content.htmlComplete && ((_content$html = content.html) === null || _content$html === void 0 ? void 0 : _content$html.length) ? content.html.join("") : void 0;
+		const fullHtml = content.htmlComplete && content.html?.length ? content.html.join("") : void 0;
 		const css = content.cssComplete ? content.css : void 0;
 		const cssReady = !!content.cssComplete;
-		const partialHtml = !content.htmlComplete && ((_content$html2 = content.html) === null || _content$html2 === void 0 ? void 0 : _content$html2.length) ? content.html.join("") : void 0;
+		const partialHtml = !content.htmlComplete && content.html?.length ? content.html.join("") : void 0;
 		const previewBody = partialHtml ? processPartialHtml(partialHtml) : void 0;
 		const previewStyles = partialHtml ? extractCompleteStyles(partialHtml) : "";
-		const hasPreview = cssReady && !!(previewBody === null || previewBody === void 0 ? void 0 : previewBody.trim());
+		const hasPreview = cssReady && !!previewBody?.trim();
 		const hasVisibleSandbox = !!fullHtml || hasPreview;
 		const containerRef = (0, react.useRef)(null);
 		const sandboxRef = (0, react.useRef)(null);
@@ -1397,9 +1433,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (!container || fullHtml || !hasPreview || previewSandboxRef.current) return;
 			let cancelled = false;
 			import("@jetbrains/websandbox").then((mod) => {
-				var _mod$default$default, _mod$default;
 				if (cancelled) return;
-				const sandbox = ((_mod$default$default = (_mod$default = mod.default) === null || _mod$default === void 0 ? void 0 : _mod$default.default) !== null && _mod$default$default !== void 0 ? _mod$default$default : mod.default).create({}, {
+				const sandbox = (mod.default?.default ?? mod.default).create({}, {
 					frameContainer: container,
 					frameContent: "<head></head><body></body>",
 					allowAdditionalAttributes: ""
@@ -1458,9 +1493,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			pendingQueueRef.current = [];
 			const htmlContent = css ? injectCssIntoHtml(fullHtml, css) : fullHtml;
 			import("@jetbrains/websandbox").then((mod) => {
-				var _mod$default$default2, _mod$default2;
 				if (cancelled) return;
-				const sandbox = ((_mod$default$default2 = (_mod$default2 = mod.default) === null || _mod$default2 === void 0 ? void 0 : _mod$default2.default) !== null && _mod$default$default2 !== void 0 ? _mod$default$default2 : mod.default).create(localApi, {
+				const sandbox = (mod.default?.default ?? mod.default).create(localApi, {
 					frameContainer: container,
 					frameContent: ensureHead(htmlContent),
 					allowAdditionalAttributes: ""
@@ -1523,16 +1557,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				for (const expr of newExprs) await sandbox.run(expr);
 			})();
 			else pendingQueueRef.current.push(...newExprs);
-		}, [(_content$jsExpression = content.jsExpressions) === null || _content$jsExpression === void 0 ? void 0 : _content$jsExpression.length]);
+		}, [content.jsExpressions?.length]);
 		const generationDone = content.generating === false;
 		(0, react.useEffect)(() => {
 			const sandbox = sandboxRef.current;
 			if (!generationDone || !sandbox) return;
 			let handled = false;
 			const onMessage = (e) => {
-				var _e$data;
 				if (handled) return;
-				if (e.source === sandbox.iframe.contentWindow && ((_e$data = e.data) === null || _e$data === void 0 ? void 0 : _e$data.type) === "__ck_resize") {
+				if (e.source === sandbox.iframe.contentWindow && e.data?.type === "__ck_resize") {
 					handled = true;
 					setAutoHeight(e.data.height);
 					window.removeEventListener("message", onMessage);
@@ -1558,7 +1591,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				window.removeEventListener("message", onMessage);
 			};
 		}, [generationDone]);
-		const height = autoHeight !== null && autoHeight !== void 0 ? autoHeight : initialHeight;
+		const height = autoHeight ?? initialHeight;
 		const isGenerating = content.generating !== false;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			ref: containerRef,
@@ -1612,7 +1645,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* Displays placeholder messages while the UI is being generated.
 	*/
 	const OpenGenerativeUIToolRenderer = function OpenGenerativeUIToolRenderer(props) {
-		var _messages$visibleMess;
 		const [visibleMessageIndex, setVisibleMessageIndex] = (0, react.useState)(0);
 		const prevMessageCountRef = (0, react.useRef)(0);
 		const messages = props.args.placeholderMessages;
@@ -1627,7 +1659,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				setVisibleMessageIndex((i) => (i + 1) % messages.length);
 			}, 5e3);
 			return () => clearInterval(timer);
-		}, [messages === null || messages === void 0 ? void 0 : messages.length, props.status]);
+		}, [messages?.length, props.status]);
 		if (props.status === _copilotkit_core.ToolCallStatus.Complete) return null;
 		if (!messages || messages.length === 0) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1636,7 +1668,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				color: "#999",
 				fontSize: "14px"
 			},
-			children: (_messages$visibleMess = messages[visibleMessageIndex]) !== null && _messages$visibleMess !== void 0 ? _messages$visibleMess : messages[0]
+			children: messages[visibleMessageIndex] ?? messages[0]
 		});
 	};
 
@@ -1668,7 +1700,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				(0, react.useEffect)(() => {
 					if (content === lastContentRef.current) return;
 					lastContentRef.current = content;
-					const incoming = content === null || content === void 0 ? void 0 : content[A2UI_OPERATIONS_KEY];
+					const incoming = content?.[A2UI_OPERATIONS_KEY];
 					if (!content || !Array.isArray(incoming)) {
 						setOperations([]);
 						return;
@@ -1678,14 +1710,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				const groupedOperations = (0, react.useMemo)(() => {
 					const groups = /* @__PURE__ */ new Map();
 					for (const operation of operations) {
-						var _getOperationSurfaceI;
-						const surfaceId = (_getOperationSurfaceI = getOperationSurfaceId(operation)) !== null && _getOperationSurfaceI !== void 0 ? _getOperationSurfaceI : _copilotkit_a2ui_renderer.DEFAULT_SURFACE_ID;
+						const surfaceId = getOperationSurfaceId(operation) ?? _copilotkit_a2ui_renderer.DEFAULT_SURFACE_ID;
 						if (!groups.has(surfaceId)) groups.set(surfaceId, []);
 						groups.get(surfaceId).push(operation);
 					}
 					return groups;
 				}, [operations]);
-				if (!groupedOperations.size) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(loadingComponent !== null && loadingComponent !== void 0 ? loadingComponent : DefaultA2UILoading, {});
+				if (!groupedOperations.size) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(loadingComponent ?? DefaultA2UILoading, {});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "cpk:flex cpk:min-h-0 cpk:flex-1 cpk:flex-col cpk:gap-6 cpk:overflow-auto cpk:py-6",
 					children: Array.from(groupedOperations.entries()).map(([surfaceId, ops]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactSurfaceHost, {
@@ -1759,7 +1790,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const hash = JSON.stringify(operations);
 			if (hash === lastHashRef.current) return;
 			lastHashRef.current = hash;
-			processMessages(getSurface(surfaceId) ? operations.filter((op) => !(op === null || op === void 0 ? void 0 : op.createSurface)) : operations);
+			processMessages(getSurface(surfaceId) ? operations.filter((op) => !op?.createSurface) : operations);
 		}, [
 			processMessages,
 			getSurface,
@@ -1811,10 +1842,9 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 	}
 	function getOperationSurfaceId(operation) {
-		var _ref, _ref2, _ref3, _operation$createSurf, _operation$createSurf2, _operation$updateComp, _operation$updateData, _operation$deleteSurf;
 		if (!operation || typeof operation !== "object") return null;
 		if (typeof operation.surfaceId === "string") return operation.surfaceId;
-		return (_ref = (_ref2 = (_ref3 = (_operation$createSurf = operation === null || operation === void 0 || (_operation$createSurf2 = operation.createSurface) === null || _operation$createSurf2 === void 0 ? void 0 : _operation$createSurf2.surfaceId) !== null && _operation$createSurf !== void 0 ? _operation$createSurf : operation === null || operation === void 0 || (_operation$updateComp = operation.updateComponents) === null || _operation$updateComp === void 0 ? void 0 : _operation$updateComp.surfaceId) !== null && _ref3 !== void 0 ? _ref3 : operation === null || operation === void 0 || (_operation$updateData = operation.updateDataModel) === null || _operation$updateData === void 0 ? void 0 : _operation$updateData.surfaceId) !== null && _ref2 !== void 0 ? _ref2 : operation === null || operation === void 0 || (_operation$deleteSurf = operation.deleteSurface) === null || _operation$deleteSurf === void 0 ? void 0 : _operation$deleteSurf.surfaceId) !== null && _ref !== void 0 ? _ref : null;
+		return operation?.createSurface?.surfaceId ?? operation?.updateComponents?.surfaceId ?? operation?.updateDataModel?.surfaceId ?? operation?.deleteSurface?.surfaceId ?? null;
 	}
 
 //#endregion
@@ -1839,7 +1869,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const now = Date.now();
 		let { tokens } = lastRef.current;
 		if (now - lastRef.current.time > 200) {
-			const chars = JSON.stringify(parameters !== null && parameters !== void 0 ? parameters : {}).length;
+			const chars = JSON.stringify(parameters ?? {}).length;
 			tokens = Math.round(chars / 4);
 			lastRef.current = {
 				time: now,
@@ -2127,21 +2157,20 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	function A2UIBuiltInToolCallRenderer() {
 		const { copilotkit } = useCopilotKit();
 		(0, react.useEffect)(() => {
-			var _renderToolCalls;
 			const renderer = defineToolCallRenderer({
 				name: RENDER_A2UI_TOOL_NAME,
 				args: zod.z.any(),
 				render: ({ status, args: parameters }) => {
 					if (status === "complete") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 					const params = parameters;
-					const items = params === null || params === void 0 ? void 0 : params.items;
+					const items = params?.items;
 					if (Array.isArray(items) && items.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-					const components = params === null || params === void 0 ? void 0 : params.components;
+					const components = params?.components;
 					if (Array.isArray(components) && components.length > 2) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UIProgressIndicator, { parameters });
 				}
 			});
-			const existing = (_renderToolCalls = copilotkit._renderToolCalls) !== null && _renderToolCalls !== void 0 ? _renderToolCalls : [];
+			const existing = copilotkit._renderToolCalls ?? [];
 			copilotkit.setRenderToolCalls([...existing.filter((rc) => rc.name !== RENDER_A2UI_TOOL_NAME), renderer]);
 		}, [copilotkit]);
 		return null;
@@ -2231,7 +2260,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	const GENERATE_SANDBOXED_UI_DESCRIPTION = "Generate sandboxed UI. IMPORTANT: The generated code runs in a sandboxed iframe WITHOUT same-origin access. Do NOT use localStorage, sessionStorage, document.cookie, IndexedDB, or fetch/XMLHttpRequest to same-origin URLs. To communicate with the host application, use Websandbox.connection.remote.<functionName>(args) which returns a Promise.\n\nYou CAN use external libraries from CDNs by including <script> or <link> tags in the HTML <head> (e.g., Chart.js, D3, Three.js, x-data-spreadsheet, etc.). CDN resources load normally inside the sandbox.\n\nPARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:\n1. initialHeight + placeholderMessages (shown to user while generating)\n2. css (all styles FIRST — the user sees a placeholder until CSS is complete)\n3. html (streams in live — the user watches the UI build as HTML is generated)\n4. jsFunctions (reusable helper functions)\n5. jsExpressions (applied one-by-one — the user sees each expression take effect)";
 	function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
 		const empty = (0, react.useMemo)(() => [], []);
-		const value = prop !== null && prop !== void 0 ? prop : empty;
+		const value = prop ?? empty;
 		const initial = (0, react.useRef)(value);
 		(0, react.useEffect)(() => {
 			if (warningMessage && value !== initial.current && (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)) console.error(warningMessage);
@@ -2239,7 +2268,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		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 }) => {
-		var _openGenerativeUI$des;
 		const [shouldRenderInspector, setShouldRenderInspector] = (0, react.useState)(false);
 		const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = (0, react.useState)(false);
 		const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = (0, react.useState)(false);
@@ -2253,10 +2281,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			else setShouldRenderInspector(false);
 		}, [showDevConsole]);
 		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) => {
-				var _rc$agentId, _rc$name;
-				return `${(_rc$agentId = rc === null || rc === void 0 ? void 0 : rc.agentId) !== null && _rc$agentId !== void 0 ? _rc$agentId : ""}:${(_rc$name = rc === null || rc === void 0 ? void 0 : rc.name) !== null && _rc$name !== void 0 ? _rc$name : ""}`;
-			};
+			const key = (rc) => `${rc?.agentId ?? ""}:${rc?.name ?? ""}`;
 			const setFrom = (arr) => new Set(arr.map(key));
 			const a = setFrom(initial);
 			const b = setFrom(next);
@@ -2277,14 +2302,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				content: OpenGenerativeUIContentSchema,
 				render: OpenGenerativeUIActivityRenderer
 			});
-			if (runtimeA2UIEnabled) {
-				var _a2ui$theme;
-				renderers.unshift(createA2UIMessageRenderer({
-					theme: (_a2ui$theme = a2ui === null || a2ui === void 0 ? void 0 : a2ui.theme) !== null && _a2ui$theme !== void 0 ? _a2ui$theme : _copilotkit_a2ui_renderer.viewerTheme,
-					catalog: a2ui === null || a2ui === void 0 ? void 0 : a2ui.catalog,
-					loadingComponent: a2ui === null || a2ui === void 0 ? void 0 : a2ui.loadingComponent
-				}));
-			}
+			if (runtimeA2UIEnabled) renderers.unshift(createA2UIMessageRenderer({
+				theme: a2ui?.theme ?? _copilotkit_a2ui_renderer.viewerTheme,
+				catalog: a2ui?.catalog,
+				loadingComponent: a2ui?.loadingComponent
+			}));
 			return renderers;
 		}, [
 			runtimeA2UIEnabled,
@@ -2294,7 +2316,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const allActivityRenderers = (0, react.useMemo)(() => {
 			return [...renderActivityMessagesList, ...builtInActivityRenderers];
 		}, [renderActivityMessagesList, builtInActivityRenderers]);
-		const resolvedPublicKey = publicApiKey !== null && publicApiKey !== void 0 ? publicApiKey : publicLicenseKey;
+		const resolvedPublicKey = publicApiKey ?? publicLicenseKey;
 		const mergedAgents = (0, react.useMemo)(() => ({
 			...agents,
 			...selfManagedAgents
@@ -2314,10 +2336,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (process.env.NODE_ENV === "production") throw new Error(message);
 			else console.warn(message);
 		}
-		const chatApiEndpoint = runtimeUrl !== null && runtimeUrl !== void 0 ? runtimeUrl : resolvedPublicKey ? COPILOT_CLOUD_CHAT_URL$1 : void 0;
+		const chatApiEndpoint = runtimeUrl ?? (resolvedPublicKey ? COPILOT_CLOUD_CHAT_URL$1 : void 0);
 		const frontendToolsList = useStableArrayProp(frontendTools, "frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.");
 		const humanInTheLoopList = useStableArrayProp(humanInTheLoop, "humanInTheLoop must be a stable array. If you want to dynamically add or remove human-in-the-loop tools, use `useHumanInTheLoop` instead.");
-		const sandboxFunctionsList = useStableArrayProp(openGenerativeUI === null || openGenerativeUI === void 0 ? void 0 : openGenerativeUI.sandboxFunctions, "openGenerativeUI.sandboxFunctions must be a stable array.");
+		const sandboxFunctionsList = useStableArrayProp(openGenerativeUI?.sandboxFunctions, "openGenerativeUI.sandboxFunctions must be a stable array.");
 		const processedHumanInTheLoopTools = (0, react.useMemo)(() => {
 			const processedTools = [];
 			const processedRenderToolCalls = [];
@@ -2459,10 +2481,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		(0, react.useEffect)(() => {
 			const subscription = copilotkit.subscribe({ onError: (event) => {
 				if (onErrorRef.current) onErrorRef.current(event);
-				else {
-					var _event$context;
-					console.error(`[CopilotKit] Error (${event.code}):`, event.error, (_event$context = event.context) !== null && _event$context !== void 0 ? _event$context : {});
-				}
+				else console.error(`[CopilotKit] Error (${event.code}):`, event.error, event.context ?? {});
 			} });
 			return () => {
 				subscription.unsubscribe();
@@ -2509,7 +2528,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		(0, react.useEffect)(() => {
 			copilotkit.setDefaultThrottleMs(defaultThrottleMs);
 		}, [copilotkit, defaultThrottleMs]);
-		const designSkill = (_openGenerativeUI$des = openGenerativeUI === null || openGenerativeUI === void 0 ? void 0 : openGenerativeUI.designSkill) !== null && _openGenerativeUI$des !== void 0 ? _openGenerativeUI$des : DEFAULT_DESIGN_SKILL;
+		const designSkill = openGenerativeUI?.designSkill ?? DEFAULT_DESIGN_SKILL;
 		(0, react.useLayoutEffect)(() => {
 			if (!copilotkit || !openGenUIActive) return;
 			const id = copilotkit.addContext({
@@ -2560,8 +2579,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					children: [
 						runtimeA2UIEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UIBuiltInToolCallRenderer, {}),
 						runtimeA2UIEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UICatalogContext, {
-							catalog: a2ui === null || a2ui === void 0 ? void 0 : a2ui.catalog,
-							includeSchema: a2ui === null || a2ui === void 0 ? void 0 : a2ui.includeSchema
+							catalog: a2ui?.catalog,
+							includeSchema: a2ui?.includeSchema
 						}),
 						children,
 						shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
@@ -2591,11 +2610,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return aHasAgent ? -1 : 1;
 		});
 		return function(params) {
-			var _copilotkit$getRunIdF;
 			if (!customMessageRenderers.length) return null;
 			const { message, position } = params;
-			const resolvedRunId = (_copilotkit$getRunIdF = copilotkit.getRunIdForMessage(agentId, threadId, message.id)) !== null && _copilotkit$getRunIdF !== void 0 ? _copilotkit$getRunIdF : copilotkit.getRunIdsForThread(agentId, threadId).slice(-1)[0];
-			const runId = resolvedRunId !== null && resolvedRunId !== void 0 ? resolvedRunId : `missing-run-id:${message.id}`;
+			const resolvedRunId = copilotkit.getRunIdForMessage(agentId, threadId, message.id) ?? copilotkit.getRunIdsForThread(agentId, threadId).slice(-1)[0];
+			const runId = resolvedRunId ?? `missing-run-id:${message.id}`;
 			const agent = copilotkit.getAgent(agentId);
 			if (!agent) return null;
 			const messagesIdsInRun = resolvedRunId ? agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === resolvedRunId).map((msg) => msg.id) : [message.id];
@@ -2629,7 +2647,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	const EMPTY_DEPS = [];
 	function useFrontendTool$1(tool, deps) {
 		const { copilotkit } = useCopilotKit();
-		const extraDeps = deps !== null && deps !== void 0 ? deps : EMPTY_DEPS;
+		const extraDeps = deps ?? EMPTY_DEPS;
 		(0, react.useEffect)(() => {
 			const name = tool.name;
 			if (copilotkit.getTool({
@@ -2737,15 +2755,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		UseAgentUpdate.OnRunStatusChanged
 	];
 	function useAgent({ agentId, updates, throttleMs } = {}) {
-		var _agentId;
-		(_agentId = agentId) !== null && _agentId !== void 0 || (agentId = _copilotkit_shared.DEFAULT_AGENT_ID);
+		agentId ?? (agentId = _copilotkit_shared.DEFAULT_AGENT_ID);
 		const { copilotkit } = useCopilotKit();
 		const providerThrottleMs = copilotkit.defaultThrottleMs;
 		const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
-		const updateFlags = (0, react.useMemo)(() => updates !== null && updates !== void 0 ? updates : ALL_UPDATES, [JSON.stringify(updates)]);
+		const updateFlags = (0, react.useMemo)(() => updates ?? ALL_UPDATES, [JSON.stringify(updates)]);
 		const provisionalAgentCache = (0, react.useRef)(/* @__PURE__ */ new Map());
 		const agent = (0, react.useMemo)(() => {
-			var _copilotkit$agents;
 			const existing = copilotkit.getAgent(agentId);
 			if (existing) {
 				provisionalAgentCache.current.delete(agentId);
@@ -2785,7 +2801,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				provisionalAgentCache.current.set(agentId, provisional);
 				return provisional;
 			}
-			const knownAgents = Object.keys((_copilotkit$agents = copilotkit.agents) !== null && _copilotkit$agents !== void 0 ? _copilotkit$agents : {});
+			const knownAgents = Object.keys(copilotkit.agents ?? {});
 			const runtimePart = isRuntimeConfigured ? `runtimeUrl=${copilotkit.runtimeUrl}` : "no runtimeUrl";
 			throw new Error(`useAgent: Agent '${agentId}' not found after runtime sync (${runtimePart}). ` + (knownAgents.length ? `Known agents: [${knownAgents.join(", ")}]` : "No agents registered.") + " Verify your runtime /info and/or agents__unsafe_dev_only.");
 		}, [
@@ -2835,8 +2851,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (agent instanceof _ag_ui_client.HttpAgent) agent.headers = { ...copilotkit.headers };
 		}, [agent, JSON.stringify(copilotkit.headers)]);
 		const chatConfig = useCopilotChatConfiguration();
-		const configThreadId = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.threadId;
-		const configHasExplicitThreadId = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.hasExplicitThreadId;
+		const configThreadId = chatConfig?.threadId;
+		const configHasExplicitThreadId = chatConfig?.hasExplicitThreadId;
 		(0, react.useEffect)(() => {
 			if (!configHasExplicitThreadId || !configThreadId) return;
 			agent.threadId = configThreadId;
@@ -2853,10 +2869,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	function useSuggestions({ agentId } = {}) {
 		const { copilotkit } = useCopilotKit();
 		const config = useCopilotChatConfiguration();
-		const resolvedAgentId = (0, react.useMemo)(() => {
-			var _ref;
-			return (_ref = agentId !== null && agentId !== void 0 ? agentId : config === null || config === void 0 ? void 0 : config.agentId) !== null && _ref !== void 0 ? _ref : _copilotkit_shared.DEFAULT_AGENT_ID;
-		}, [agentId, config === null || config === void 0 ? void 0 : config.agentId]);
+		const resolvedAgentId = (0, react.useMemo)(() => agentId ?? config?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID, [agentId, config?.agentId]);
 		const [suggestions, setSuggestions] = (0, react.useState)(() => {
 			return copilotkit.getSuggestions(resolvedAgentId).suggestions;
 		});
@@ -2909,11 +2922,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	function useConfigureSuggestions(config, deps) {
 		const { copilotkit } = useCopilotKit();
 		const chatConfig = useCopilotChatConfiguration();
-		const extraDeps = deps !== null && deps !== void 0 ? deps : [];
-		const resolvedConsumerAgentId = (0, react.useMemo)(() => {
-			var _chatConfig$agentId;
-			return (_chatConfig$agentId = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.agentId) !== null && _chatConfig$agentId !== void 0 ? _chatConfig$agentId : _copilotkit_shared.DEFAULT_AGENT_ID;
-		}, [chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.agentId]);
+		const extraDeps = deps ?? [];
+		const resolvedConsumerAgentId = (0, react.useMemo)(() => chatConfig?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID, [chatConfig?.agentId]);
 		const rawConsumerAgentId = (0, react.useMemo)(() => config ? config.consumerAgentId : void 0, [config]);
 		const normalizationCacheRef = (0, react.useRef)({
 			serialized: null,
@@ -2982,9 +2992,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const requestReload = (0, react.useCallback)(() => {
 			if (!normalizedConfig) return;
 			if (isGlobalConfig) {
-				var _copilotkit$agents;
 				const seen = /* @__PURE__ */ new Set();
-				const agents = Object.values((_copilotkit$agents = copilotkit.agents) !== null && _copilotkit$agents !== void 0 ? _copilotkit$agents : {});
+				const agents = Object.values(copilotkit.agents ?? {});
 				for (const entry of agents) {
 					const agentId = entry.agentId;
 					if (!agentId) continue;
@@ -3061,13 +3070,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return "instructions" in config;
 	}
 	function normalizeStaticSuggestions(suggestions) {
-		return suggestions.map((suggestion) => {
-			var _suggestion$isLoading;
-			return {
-				...suggestion,
-				isLoading: (_suggestion$isLoading = suggestion.isLoading) !== null && _suggestion$isLoading !== void 0 ? _suggestion$isLoading : false
-			};
-		});
+		return suggestions.map((suggestion) => ({
+			...suggestion,
+			isLoading: suggestion.isLoading ?? false
+		}));
 	}
 
 //#endregion
@@ -3169,54 +3175,75 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return () => subscription.unsubscribe();
 		}, [agent]);
 		const resolve = (0, react.useCallback)((response) => {
-			var _pendingEventRef$curr;
-			setPendingEvent(null);
 			copilotkit.runAgent({
 				agent,
 				forwardedProps: { command: {
 					resume: response,
-					interruptEvent: (_pendingEventRef$curr = pendingEventRef.current) === null || _pendingEventRef$curr === void 0 ? void 0 : _pendingEventRef$curr.value
+					interruptEvent: pendingEventRef.current?.value
 				} }
 			});
 		}, [agent, copilotkit]);
+		const renderRef = (0, react.useRef)(config.render);
+		renderRef.current = config.render;
+		const enabledRef = (0, react.useRef)(config.enabled);
+		enabledRef.current = config.enabled;
+		const handlerRef = (0, react.useRef)(config.handler);
+		handlerRef.current = config.handler;
+		const resolveRef = (0, react.useRef)(resolve);
+		resolveRef.current = resolve;
+		const isEnabled = (event) => {
+			const predicate = enabledRef.current;
+			if (!predicate) return true;
+			try {
+				return predicate(event);
+			} catch (err) {
+				console.error("[CopilotKit] useInterrupt enabled predicate threw; treating interrupt as disabled:", err);
+				return false;
+			}
+		};
 		(0, react.useEffect)(() => {
 			if (!pendingEvent) {
 				setHandlerResult(null);
 				return;
 			}
-			if (config.enabled && !config.enabled(pendingEvent)) {
+			if (!isEnabled(pendingEvent)) {
 				setHandlerResult(null);
 				return;
 			}
-			const handler = config.handler;
+			const handler = handlerRef.current;
 			if (!handler) {
 				setHandlerResult(null);
 				return;
 			}
 			let cancelled = false;
-			const maybePromise = handler({
-				event: pendingEvent,
-				resolve
-			});
+			let maybePromise;
+			try {
+				maybePromise = handler({
+					event: pendingEvent,
+					resolve: resolveRef.current
+				});
+			} catch (err) {
+				console.error("[CopilotKit] useInterrupt handler threw; result will be null:", err);
+				if (!cancelled) setHandlerResult(null);
+				return () => {
+					cancelled = true;
+				};
+			}
 			if (isPromiseLike(maybePromise)) Promise.resolve(maybePromise).then((resolved) => {
 				if (!cancelled) setHandlerResult(resolved);
-			}).catch(() => {
+			}).catch((err) => {
+				console.error("[CopilotKit] useInterrupt handler rejected; result will be null:", err);
 				if (!cancelled) setHandlerResult(null);
 			});
 			else setHandlerResult(maybePromise);
 			return () => {
 				cancelled = true;
 			};
-		}, [
-			pendingEvent,
-			config.enabled,
-			config.handler,
-			resolve
-		]);
+		}, [pendingEvent]);
 		const element = (0, react.useMemo)(() => {
 			if (!pendingEvent) return null;
-			if (config.enabled && !config.enabled(pendingEvent)) return null;
-			return config.render({
+			if (!isEnabled(pendingEvent)) return null;
+			return renderRef.current({
 				event: pendingEvent,
 				result: handlerResult,
 				resolve
@@ -3224,19 +3251,22 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, [
 			pendingEvent,
 			handlerResult,
-			config.enabled,
-			config.render,
 			resolve
 		]);
 		(0, react.useEffect)(() => {
 			if (config.renderInChat === false) return;
 			copilotkit.setInterruptElement(element);
-			return () => copilotkit.setInterruptElement(null);
 		}, [
 			element,
 			config.renderInChat,
 			copilotkit
 		]);
+		(0, react.useEffect)(() => {
+			if (config.renderInChat === false) return;
+			return () => {
+				copilotkit.setInterruptElement(null);
+			};
+		}, []);
 		if (config.renderInChat === false) return element;
 	}
 
@@ -3576,6 +3606,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const details = bannerError.details;
 		const link = extractUrl(bannerError.message);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"data-testid": "copilot-error-banner",
 			style: {
 				position: "fixed",
 				bottom: "20px",
@@ -3775,9 +3806,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			setToasts((prev) => prev.filter((toast) => toast.id !== id));
 		}, []);
 		const addToast = (0, react.useCallback)((toast) => {
-			var _toast$id;
 			if (!enabled) return;
-			const id = (_toast$id = toast.id) !== null && _toast$id !== void 0 ? _toast$id : Math.random().toString(36).substring(2, 9);
+			const id = toast.id ?? Math.random().toString(36).slice(2, 9);
 			setToasts((currentToasts) => {
 				if (currentToasts.find((toast) => toast.id === id)) return currentToasts;
 				return [...currentToasts, {
@@ -3904,8 +3934,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		]);
 		const createStructuredError = (gqlError) => {
 			const extensions = gqlError.extensions;
-			const originalError = extensions === null || extensions === void 0 ? void 0 : extensions.originalError;
-			if (originalError === null || originalError === void 0 ? void 0 : originalError.stack) {
+			const originalError = extensions?.originalError;
+			if (originalError?.stack) {
 				if (originalError.stack.includes("CopilotApiDiscoveryError")) return new _copilotkit_shared.CopilotKitApiDiscoveryError({ message: originalError.message });
 				if (originalError.stack.includes("CopilotKitRemoteEndpointDiscoveryError")) return new _copilotkit_shared.CopilotKitRemoteEndpointDiscoveryError({ message: originalError.message });
 				if (originalError.stack.includes("CopilotKitAgentDiscoveryError")) return new _copilotkit_shared.CopilotKitAgentDiscoveryError({
@@ -3913,8 +3943,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					availableAgents: []
 				});
 			}
-			const message = (originalError === null || originalError === void 0 ? void 0 : originalError.message) || gqlError.message;
-			const code = extensions === null || extensions === void 0 ? void 0 : extensions.code;
+			const message = originalError?.message || gqlError.message;
+			const code = extensions?.code;
 			if (code) return new _copilotkit_shared.CopilotKitError({
 				message,
 				code
@@ -3922,12 +3952,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return null;
 		};
 		(0, react.useCallback)((error) => {
-			var _error$graphQLErrors;
-			if ((_error$graphQLErrors = error.graphQLErrors) === null || _error$graphQLErrors === void 0 ? void 0 : _error$graphQLErrors.length) {
+			if (error.graphQLErrors?.length) {
 				const graphQLErrors = error.graphQLErrors;
 				const routeError = (gqlError) => {
-					const extensions = gqlError.extensions;
-					const suppression = getErrorSuppression(extensions === null || extensions === void 0 ? void 0 : extensions.visibility, shouldShowDevConsole(showDevConsole));
+					const visibility = gqlError.extensions?.visibility;
+					const suppression = getErrorSuppression(visibility, shouldShowDevConsole(showDevConsole));
 					if (suppression) {
 						console.error(suppression, gqlError.message);
 						return;
@@ -3948,7 +3977,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				graphQLErrors.forEach(routeError);
 			} else {
 				const fallbackError = new _copilotkit_shared.CopilotKitError({
-					message: (error === null || error === void 0 ? void 0 : error.message) || String(error),
+					message: error?.message || String(error),
 					code: _copilotkit_shared.CopilotKitErrorCode.UNKNOWN
 				});
 				setBannerError(fallbackError);
@@ -4135,6 +4164,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
           }
         ` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "usage-banner",
+			"data-testid": "copilot-error-banner",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "banner-content",
 				children: [
@@ -4142,7 +4172,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						className: "banner-message",
 						children: message
 					}),
-					(actions === null || actions === void 0 ? void 0 : actions.primary) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					actions?.primary && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						className: "btn-primary",
 						onClick: actions.primary.onClick,
 						children: actions.primary.label
@@ -4202,7 +4232,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						headers: { [_copilotkit_shared.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey }
 					}).then((response) => response.json());
 					this.lastResponse = response;
-					onUpdate === null || onUpdate === void 0 || onUpdate(response);
+					onUpdate?.(response);
 					return response;
 				} catch (error) {
 					return null;
@@ -4273,10 +4303,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				maxWidth: "600px"
 			},
 			children: [errors.map((error, idx) => {
-				var _error$extensions, _originalError$messag, _error$extensions2;
-				const originalError = "extensions" in error ? (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.originalError : {};
-				const message = (_originalError$messag = originalError === null || originalError === void 0 ? void 0 : originalError.message) !== null && _originalError$messag !== void 0 ? _originalError$messag : error.message;
-				const code = "extensions" in error ? (_error$extensions2 = error.extensions) === null || _error$extensions2 === void 0 ? void 0 : _error$extensions2.code : null;
+				const message = ("extensions" in error ? error.extensions?.originalError : {})?.message ?? error.message;
+				const code = "extensions" in error ? error.extensions?.code : null;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					style: {
 						marginTop: idx === 0 ? 0 : 10,
@@ -4319,8 +4347,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			addToast({
 				type: "error",
 				id: errors.map((err) => {
-					var _err$extensions;
-					const message = "extensions" in err ? ((_err$extensions = err.extensions) === null || _err$extensions === void 0 || (_err$extensions = _err$extensions.originalError) === null || _err$extensions === void 0 ? void 0 : _err$extensions.message) || err.message : err.message;
+					const message = "extensions" in err ? (err.extensions?.originalError)?.message || err.message : err.message;
 					const stack = err.stack || "";
 					return btoa(message + stack).slice(0, 32);
 				}).join("|"),
@@ -4358,8 +4385,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		componentDidMount() {
 			if (this.props.publicApiKey) statusChecker.start(this.props.publicApiKey, (newStatus) => {
 				this.setState((prevState) => {
-					var _prevState$status;
-					if ((newStatus === null || newStatus === void 0 ? void 0 : newStatus.severity) !== ((_prevState$status = prevState.status) === null || _prevState$status === void 0 ? void 0 : _prevState$status.severity)) return { status: newStatus !== null && newStatus !== void 0 ? newStatus : void 0 };
+					if (newStatus?.severity !== prevState.status?.severity) return { status: newStatus ?? void 0 };
 					return null;
 				});
 			});
@@ -4372,14 +4398,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}
 		render() {
 			if (this.state.hasError) {
-				if (this.state.error instanceof _copilotkit_shared.CopilotKitError) {
-					var _this$state$status$se, _this$state$status, _this$state$status$me, _this$state$status2;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [this.props.children, this.props.showUsageBanner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBanner, {
-						severity: (_this$state$status$se = (_this$state$status = this.state.status) === null || _this$state$status === void 0 ? void 0 : _this$state$status.severity) !== null && _this$state$status$se !== void 0 ? _this$state$status$se : this.state.error.severity,
-						message: (_this$state$status$me = (_this$state$status2 = this.state.status) === null || _this$state$status2 === void 0 ? void 0 : _this$state$status2.message) !== null && _this$state$status$me !== void 0 ? _this$state$status$me : this.state.error.message,
-						actions: getErrorActions(this.state.error)
-					})] });
-				}
+				if (this.state.error instanceof _copilotkit_shared.CopilotKitError) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [this.props.children, this.props.showUsageBanner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBanner, {
+					severity: this.state.status?.severity ?? this.state.error.severity,
+					message: this.state.status?.message ?? this.state.error.message,
+					actions: getErrorActions(this.state.error)
+				})] });
 				throw this.state.error;
 			}
 			return this.props.children;
@@ -4427,7 +4450,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	function ThreadsProvider({ children, threadId: explicitThreadId }) {
 		const [internalThreadId, setInternalThreadId] = (0, react.useState)(() => (0, _copilotkit_shared.randomUUID)());
 		const [internalIsExplicit, setInternalIsExplicit] = (0, react.useState)(false);
-		const threadId = explicitThreadId !== null && explicitThreadId !== void 0 ? explicitThreadId : internalThreadId;
+		const threadId = explicitThreadId ?? internalThreadId;
 		const isThreadIdExplicit = explicitThreadId != null || internalIsExplicit;
 		const setThreadId = (0, react.useCallback)((value) => {
 			setInternalThreadId(value);
@@ -4508,13 +4531,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				updateRunId: shouldUpdateRunId ? runId : void 0
 			};
 		}
-		const normalizedRunId = runId !== null && runId !== void 0 ? runId : "pending";
-		const renderClaimedByOtherMessageEntry = Object.entries(claims).find(([, claim]) => {
-			var _claim$runId;
-			return claim.stateRenderId === stateRenderId && ((_claim$runId = claim.runId) !== null && _claim$runId !== void 0 ? _claim$runId : "pending") === normalizedRunId && (0, _copilotkit_shared.dataToUUID)(getStateWithoutConstantKeys(claim.stateSnapshot)) === (0, _copilotkit_shared.dataToUUID)(getStateWithoutConstantKeys(stateSnapshot));
-		});
-		const renderClaimedByOtherMessage = renderClaimedByOtherMessageEntry === null || renderClaimedByOtherMessageEntry === void 0 ? void 0 : renderClaimedByOtherMessageEntry[1];
-		const claimedMessageId = renderClaimedByOtherMessageEntry === null || renderClaimedByOtherMessageEntry === void 0 ? void 0 : renderClaimedByOtherMessageEntry[0];
+		const normalizedRunId = runId ?? "pending";
+		const renderClaimedByOtherMessageEntry = Object.entries(claims).find(([, claim]) => claim.stateRenderId === stateRenderId && (claim.runId ?? "pending") === normalizedRunId && (0, _copilotkit_shared.dataToUUID)(getStateWithoutConstantKeys(claim.stateSnapshot)) === (0, _copilotkit_shared.dataToUUID)(getStateWithoutConstantKeys(stateSnapshot)));
+		const renderClaimedByOtherMessage = renderClaimedByOtherMessageEntry?.[1];
+		const claimedMessageId = renderClaimedByOtherMessageEntry?.[0];
 		if (renderClaimedByOtherMessage) {
 			if (messageIndex !== void 0 && renderClaimedByOtherMessage.messageIndex !== void 0 && messageIndex > renderClaimedByOtherMessage.messageIndex) return {
 				canRender: true,
@@ -4583,17 +4603,14 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* 5) last cached snapshot for stateRenderId
 	*/
 	function selectSnapshot({ messageId, messageName, allowLiveState, skipLatestCache, stateRenderId, effectiveRunId, stateSnapshotProp, agentState, agentMessages, existingClaim, caches }) {
-		var _toReversed$find, _agentMessages$messag, _existingClaim$stateS, _existingClaim$stateS2;
-		const lastAssistantId = agentMessages ? (_toReversed$find = [...agentMessages].toReversed().find((msg) => msg.role === "assistant")) === null || _toReversed$find === void 0 ? void 0 : _toReversed$find.id : void 0;
+		const lastAssistantId = agentMessages ? [...agentMessages].toReversed().find((msg) => msg.role === "assistant")?.id : void 0;
 		const latestSnapshot = stateRenderId !== void 0 ? caches.byStateRenderAndRun[`${stateRenderId}::latest`] : void 0;
 		const messageIndex = agentMessages ? agentMessages.findIndex((msg) => msg.id === messageId) : -1;
-		const messageRole = messageIndex >= 0 && agentMessages ? (_agentMessages$messag = agentMessages[messageIndex]) === null || _agentMessages$messag === void 0 ? void 0 : _agentMessages$messag.role : void 0;
+		const messageRole = messageIndex >= 0 && agentMessages ? agentMessages[messageIndex]?.role : void 0;
 		let previousUserMessageId;
-		if (messageIndex > 0 && agentMessages) for (let i = messageIndex - 1; i >= 0; i -= 1) {
-			var _agentMessages$i;
-			if (((_agentMessages$i = agentMessages[i]) === null || _agentMessages$i === void 0 ? void 0 : _agentMessages$i.role) === "user") {
-				var _agentMessages$i2;
-				previousUserMessageId = (_agentMessages$i2 = agentMessages[i]) === null || _agentMessages$i2 === void 0 ? void 0 : _agentMessages$i2.id;
+		if (messageIndex > 0 && agentMessages) {
+			for (let i = messageIndex - 1; i >= 0; i -= 1) if (agentMessages[i]?.role === "user") {
+				previousUserMessageId = agentMessages[i]?.id;
 				break;
 			}
 		}
@@ -4605,11 +4622,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const messageCacheEntry = caches.byMessageId[messageId];
 		const cachedMessageSnapshot = readCachedMessageEntry(messageCacheEntry).snapshot;
 		const cacheKey = stateRenderId !== void 0 ? `${stateRenderId}::${effectiveRunId}` : void 0;
-		let cachedSnapshot = cachedMessageSnapshot !== null && cachedMessageSnapshot !== void 0 ? cachedMessageSnapshot : caches.byMessageId[messageId];
+		let cachedSnapshot = cachedMessageSnapshot ?? caches.byMessageId[messageId];
 		if (cachedSnapshot === void 0 && cacheKey && caches.byStateRenderAndRun[cacheKey] !== void 0) cachedSnapshot = caches.byStateRenderAndRun[cacheKey];
 		if (cachedSnapshot === void 0 && stateRenderId && previousUserMessageId && caches.byStateRenderAndRun[`${stateRenderId}::pending:${previousUserMessageId}`] !== void 0) cachedSnapshot = caches.byStateRenderAndRun[`${stateRenderId}::pending:${previousUserMessageId}`];
 		if (cachedSnapshot === void 0 && !skipLatestCache && stateRenderId && messageRole !== "assistant" && (stateSnapshotProp !== void 0 || agentState && Object.keys(agentState).length > 0)) cachedSnapshot = caches.byStateRenderAndRun[`${stateRenderId}::latest`];
-		const snapshotForClaim = (existingClaim === null || existingClaim === void 0 ? void 0 : existingClaim.locked) ? (_existingClaim$stateS = existingClaim.stateSnapshot) !== null && _existingClaim$stateS !== void 0 ? _existingClaim$stateS : cachedSnapshot : hasSnapshotKeys ? snapshot : (_existingClaim$stateS2 = existingClaim === null || existingClaim === void 0 ? void 0 : existingClaim.stateSnapshot) !== null && _existingClaim$stateS2 !== void 0 ? _existingClaim$stateS2 : cachedSnapshot;
+		const snapshotForClaim = existingClaim?.locked ? existingClaim.stateSnapshot ?? cachedSnapshot : hasSnapshotKeys ? snapshot : existingClaim?.stateSnapshot ?? cachedSnapshot;
 		return {
 			snapshot,
 			hasSnapshotKeys,
@@ -4627,37 +4644,36 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return claimsRef.current;
 	}
 	function getSnapshotCaches(claimsRef) {
-		var _store$LAST_SNAPSHOTS, _store$LAST_SNAPSHOTS2;
 		const store = getClaimsStore(claimsRef);
 		return {
-			byStateRenderAndRun: (_store$LAST_SNAPSHOTS = store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN]) !== null && _store$LAST_SNAPSHOTS !== void 0 ? _store$LAST_SNAPSHOTS : {},
-			byMessageId: (_store$LAST_SNAPSHOTS2 = store[LAST_SNAPSHOTS_BY_MESSAGE]) !== null && _store$LAST_SNAPSHOTS2 !== void 0 ? _store$LAST_SNAPSHOTS2 : {}
+			byStateRenderAndRun: store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] ?? {},
+			byMessageId: store[LAST_SNAPSHOTS_BY_MESSAGE] ?? {}
 		};
 	}
 	function useStateRenderRegistry({ agentId, stateRenderId, message, messageIndex, stateSnapshot, agentState, agentMessages, claimsRef }) {
-		var _store$LAST_SNAPSHOTS3, _claimsRef$current$me;
 		const store = getClaimsStore(claimsRef);
 		const runId = message.runId;
-		const { runId: cachedMessageRunId } = readCachedMessageEntry((_store$LAST_SNAPSHOTS3 = store[LAST_SNAPSHOTS_BY_MESSAGE]) === null || _store$LAST_SNAPSHOTS3 === void 0 ? void 0 : _store$LAST_SNAPSHOTS3[message.id]);
+		const cachedMessageEntry = store[LAST_SNAPSHOTS_BY_MESSAGE]?.[message.id];
+		const { runId: cachedMessageRunId } = readCachedMessageEntry(cachedMessageEntry);
+		const existingClaimRunId = claimsRef.current[message.id]?.runId;
 		const effectiveRunId = getEffectiveRunId({
-			existingClaimRunId: (_claimsRef$current$me = claimsRef.current[message.id]) === null || _claimsRef$current$me === void 0 ? void 0 : _claimsRef$current$me.runId,
+			existingClaimRunId,
 			cachedMessageRunId,
 			runId
 		});
 		(0, react.useEffect)(() => {
 			return () => {
 				const existingClaim = claimsRef.current[message.id];
-				if ((existingClaim === null || existingClaim === void 0 ? void 0 : existingClaim.stateSnapshot) && Object.keys(existingClaim.stateSnapshot).length > 0) {
-					var _existingClaim$runId, _existingClaim$runId2;
+				if (existingClaim?.stateSnapshot && Object.keys(existingClaim.stateSnapshot).length > 0) {
 					const snapshotCache = { ...store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] };
-					const cacheKey = `${existingClaim.stateRenderId}::${(_existingClaim$runId = existingClaim.runId) !== null && _existingClaim$runId !== void 0 ? _existingClaim$runId : "pending"}`;
+					const cacheKey = `${existingClaim.stateRenderId}::${existingClaim.runId ?? "pending"}`;
 					snapshotCache[cacheKey] = existingClaim.stateSnapshot;
 					snapshotCache[`${existingClaim.stateRenderId}::latest`] = existingClaim.stateSnapshot;
 					store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] = snapshotCache;
 					const messageCache = { ...store[LAST_SNAPSHOTS_BY_MESSAGE] };
 					messageCache[message.id] = {
 						snapshot: existingClaim.stateSnapshot,
-						runId: (_existingClaim$runId2 = existingClaim.runId) !== null && _existingClaim$runId2 !== void 0 ? _existingClaim$runId2 : effectiveRunId
+						runId: existingClaim.runId ?? effectiveRunId
 					};
 					store[LAST_SNAPSHOTS_BY_MESSAGE] = messageCache;
 				}
@@ -4701,7 +4717,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		if (resolution.lockOthers) Object.entries(claimsRef.current).forEach(([id, claim]) => {
 			if (id !== message.id && claim.stateRenderId === stateRenderId) claim.locked = true;
 		});
-		if (existingClaim && !existingClaim.locked && (agentMessages === null || agentMessages === void 0 ? void 0 : agentMessages.length)) {
+		if (existingClaim && !existingClaim.locked && agentMessages?.length) {
 			const indexInAgentMessages = agentMessages.findIndex((msg) => msg.id === message.id);
 			if (indexInAgentMessages >= 0 && indexInAgentMessages < agentMessages.length - 1) existingClaim.locked = true;
 		}
@@ -4745,7 +4761,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#endregion
 //#region src/hooks/use-coagent-state-render-bridge.tsx
 	function useCoagentStateRenderBridge(agentId, props) {
-		var _props$runId;
 		const { stateSnapshot, message } = props;
 		const { coAgentStateRenders, claimsRef } = useCoAgentStateRenders();
 		const { agent } = useAgent({ agentId });
@@ -4781,46 +4796,42 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			agentId
 		]);
 		const stateRenderEntry = (0, react.useMemo)(() => getStateRender(message.id), [getStateRender, message.id]);
-		const stateRenderId = stateRenderEntry === null || stateRenderEntry === void 0 ? void 0 : stateRenderEntry[0];
-		const stateRender = stateRenderEntry === null || stateRenderEntry === void 0 ? void 0 : stateRenderEntry[1];
+		const stateRenderId = stateRenderEntry?.[0];
+		const stateRender = stateRenderEntry?.[1];
 		const { canRender } = useStateRenderRegistry({
 			agentId,
 			stateRenderId,
 			message: {
 				...message,
-				runId: (_props$runId = props.runId) !== null && _props$runId !== void 0 ? _props$runId : message.runId
+				runId: props.runId ?? message.runId
 			},
 			messageIndex: props.messageIndex,
 			stateSnapshot,
-			agentState: agent === null || agent === void 0 ? void 0 : agent.state,
-			agentMessages: agent === null || agent === void 0 ? void 0 : agent.messages,
+			agentState: agent?.state,
+			agentMessages: agent?.messages,
 			claimsRef
 		});
 		return (0, react.useMemo)(() => {
 			if (!stateRender || !stateRenderId) return null;
 			if (!canRender) return null;
-			if (stateRender.handler) {
-				var _agent$state;
-				stateRender.handler({
-					state: stateSnapshot ? (0, _copilotkit_shared.parseJson)(stateSnapshot, stateSnapshot) : (_agent$state = agent === null || agent === void 0 ? void 0 : agent.state) !== null && _agent$state !== void 0 ? _agent$state : {},
-					nodeName: nodeName !== null && nodeName !== void 0 ? nodeName : ""
-				});
-			}
+			if (stateRender.handler) stateRender.handler({
+				state: stateSnapshot ? (0, _copilotkit_shared.parseJson)(stateSnapshot, stateSnapshot) : agent?.state ?? {},
+				nodeName: nodeName ?? ""
+			});
 			if (stateRender.render) {
-				var _claimsRef$current$me;
-				const status = (agent === null || agent === void 0 ? void 0 : agent.isRunning) ? RenderStatus.InProgress : RenderStatus.Complete;
+				const status = agent?.isRunning ? RenderStatus.InProgress : RenderStatus.Complete;
 				if (typeof stateRender.render === "string") return stateRender.render;
 				return stateRender.render({
 					status,
-					state: (_claimsRef$current$me = claimsRef.current[message.id].stateSnapshot) !== null && _claimsRef$current$me !== void 0 ? _claimsRef$current$me : {},
-					nodeName: nodeName !== null && nodeName !== void 0 ? nodeName : ""
+					state: claimsRef.current[message.id].stateSnapshot ?? {},
+					nodeName: nodeName ?? ""
 				});
 			}
 		}, [
 			stateRender,
 			stateRenderId,
-			agent === null || agent === void 0 ? void 0 : agent.state,
-			agent === null || agent === void 0 ? void 0 : agent.isRunning,
+			agent?.state,
+			agent?.isRunning,
 			nodeName,
 			message.id,
 			stateSnapshot,
@@ -4841,7 +4852,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			},
 			onToolCallArgsEvent: ({ partialToolCallArgs, toolCallName }) => {
 				predictStateToolsRef.current.forEach((t) => {
-					if ((t === null || t === void 0 ? void 0 : t.tool) !== toolCallName) return;
+					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] });
 				});
@@ -4857,16 +4868,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, [agent, getSubscriber]);
 	};
 	function CopilotListenersAgentSubscription() {
-		const existingConfig = useCopilotChatConfiguration();
-		const { agent } = useAgent({ agentId: existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId });
+		const resolvedAgentId = useCopilotChatConfiguration()?.agentId;
+		const { agent } = useAgent({ agentId: resolvedAgentId });
 		usePredictStateSubscription(agent);
 		return null;
 	}
 	function CopilotListeners() {
-		var _copilotkit$agents;
 		const { copilotkit } = useCopilotKit();
 		const { setBannerError } = useToast();
-		const hasAgents = Object.keys((_copilotkit$agents = copilotkit.agents) !== null && _copilotkit$agents !== void 0 ? _copilotkit$agents : {}).length > 0;
+		const hasAgents = Object.keys(copilotkit.agents ?? {}).length > 0;
 		const hasRuntime = copilotkit.runtimeUrl !== void 0;
 		(0, react.useEffect)(() => {
 			const subscription = copilotkit.subscribe({ onError: ({ error, code, context }) => {
@@ -4888,7 +4898,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return () => {
 				subscription.unsubscribe();
 			};
-		}, [copilotkit === null || copilotkit === void 0 ? void 0 : copilotkit.subscribe]);
+		}, [copilotkit?.subscribe]);
 		return hasAgents || hasRuntime ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotListenersAgentSubscription, {}) : null;
 	}
 
@@ -4910,7 +4920,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* ```
 	*/
 	function CopilotKit({ children, ...props }) {
-		var _props$useSingleEndpo;
 		const enabled = shouldShowDevConsole(props.showDevConsole);
 		const showInspector = shouldShowDevConsole(props.enableInspector);
 		const publicApiKey = props.publicApiKey || props.publicLicenseKey;
@@ -4926,7 +4935,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						...props,
 						showDevConsole: showInspector,
 						renderCustomMessages: renderArr,
-						useSingleEndpoint: (_props$useSingleEndpo = props.useSingleEndpoint) !== null && _props$useSingleEndpo !== void 0 ? _props$useSingleEndpo : true,
+						useSingleEndpoint: props.useSingleEndpoint ?? true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInternal, {
 							...props,
 							children
@@ -4955,7 +4964,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						source: "agent",
 						request: {
 							operation: event.code || "unknown",
-							url: copilotApiConfig === null || copilotApiConfig === void 0 ? void 0 : copilotApiConfig.chatApiEndpoint,
+							url: copilotApiConfig?.chatApiEndpoint,
 							startTime: Date.now()
 						},
 						technical: {
@@ -4984,7 +4993,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return null;
 	}
 	function CopilotKitInternal(cpkProps) {
-		var _props$agent2;
 		const { children, ...props } = cpkProps;
 		/**
 		* This will throw an error if the props are invalid.
@@ -5048,14 +5056,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, [removeDocument]);
 		const copilotApiConfig = (0, react.useMemo)(() => {
 			let cloud = void 0;
-			if (publicApiKey) {
-				var _props$guardrails_c, _props$guardrails_c2;
-				cloud = { guardrails: { input: { restrictToTopic: {
-					enabled: Boolean(props.guardrails_c),
-					validTopics: ((_props$guardrails_c = props.guardrails_c) === null || _props$guardrails_c === void 0 ? void 0 : _props$guardrails_c.validTopics) || [],
-					invalidTopics: ((_props$guardrails_c2 = props.guardrails_c) === null || _props$guardrails_c2 === void 0 ? void 0 : _props$guardrails_c2.invalidTopics) || []
-				} } } };
-			}
+			if (publicApiKey) cloud = { guardrails: { input: { restrictToTopic: {
+				enabled: Boolean(props.guardrails_c),
+				validTopics: props.guardrails_c?.validTopics || [],
+				invalidTopics: props.guardrails_c?.invalidTopics || []
+			} } } };
 			return {
 				publicApiKey,
 				...cloud ? { cloud } : {},
@@ -5211,14 +5216,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, []);
 		const memoizedChildren = (0, react.useMemo)(() => children, [children]);
 		const [bannerError, setBannerError] = (0, react.useState)(null);
-		const agentLock = (0, react.useMemo)(() => {
-			var _props$agent;
-			return (_props$agent = props.agent) !== null && _props$agent !== void 0 ? _props$agent : null;
-		}, [props.agent]);
-		const forwardedParameters = (0, react.useMemo)(() => {
-			var _props$forwardedParam;
-			return (_props$forwardedParam = props.forwardedParameters) !== null && _props$forwardedParam !== void 0 ? _props$forwardedParam : {};
-		}, [props.forwardedParameters]);
+		const agentLock = (0, react.useMemo)(() => props.agent ?? null, [props.agent]);
+		const forwardedParameters = (0, react.useMemo)(() => props.forwardedParameters ?? {}, [props.forwardedParameters]);
 		const updateExtensions = (0, react.useCallback)((newExtensions) => {
 			setExtensions((prev) => {
 				const resolved = typeof newExtensions === "function" ? newExtensions(prev) : newExtensions;
@@ -5361,7 +5360,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			removeInternalErrorHandler
 		]);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatConfigurationProvider, {
-			agentId: (_props$agent2 = props.agent) !== null && _props$agent2 !== void 0 ? _props$agent2 : "default",
+			agentId: props.agent ?? "default",
 			threadId,
 			hasExplicitThreadId: isThreadIdExplicit,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CopilotContext.Provider, {
@@ -5390,8 +5389,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				await new Promise((resolve, reject) => {
 					(0, react_dom.flushSync)(async () => {
 						try {
-							var _action$handler;
-							result = await ((_action$handler = action.handler) === null || _action$handler === void 0 ? void 0 : _action$handler.call(action, args));
+							result = await action.handler?.(args);
 							resolve();
 						} catch (error) {
 							reject(error);
@@ -5418,11 +5416,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	function useLazyToolRenderer() {
 		const renderToolCall = useRenderToolCall$1();
 		return (0, react.useCallback)((message, messages) => {
-			var _message$toolCalls;
-			if (!(message === null || message === void 0 || (_message$toolCalls = message.toolCalls) === null || _message$toolCalls === void 0 ? void 0 : _message$toolCalls.length)) return null;
+			if (!message?.toolCalls?.length) return null;
 			const toolCall = message.toolCalls[0];
 			if (!toolCall) return null;
-			const toolMessage = messages === null || messages === void 0 ? void 0 : messages.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
+			const toolMessage = messages?.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
 			return () => renderToolCall({
 				toolCall,
 				toolMessage
@@ -5433,12 +5430,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#endregion
 //#region src/hooks/use-copilot-chat_internal.ts
 	function useCopilotChatInternal({ suggestions, onInProgress, onSubmitMessage, onStopGeneration, onReloadMessages } = {}) {
-		var _existingConfig$agent, _existingConfig$threa, _agent$messages5;
 		const { copilotkit } = useCopilotKit();
 		const { threadId, agentSession } = useCopilotContext();
 		const existingConfig = useCopilotChatConfiguration();
 		const [agentAvailable, setAgentAvailable] = (0, react.useState)(false);
-		const resolvedAgentId = (_existingConfig$agent = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _existingConfig$agent !== void 0 ? _existingConfig$agent : "default";
+		const resolvedAgentId = existingConfig?.agentId ?? "default";
 		const { agent } = useAgent({ agentId: resolvedAgentId });
 		const lastConnectedAgentRef = (0, react.useRef)(null);
 		(0, react.useEffect)(() => {
@@ -5463,18 +5459,18 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				lastConnectedAgentRef.current = null;
 				detached = true;
 				connectAbortController.abort();
-				agent === null || agent === void 0 || agent.detachActiveRun();
+				agent?.detachActiveRun();
 			};
 		}, [
-			existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.threadId,
+			existingConfig?.threadId,
 			agent,
 			copilotkit,
 			copilotkit.runtimeConnectionStatus,
 			resolvedAgentId
 		]);
 		(0, react.useEffect)(() => {
-			onInProgress === null || onInProgress === void 0 || onInProgress(Boolean(agent === null || agent === void 0 ? void 0 : agent.isRunning));
-		}, [agent === null || agent === void 0 ? void 0 : agent.isRunning, onInProgress]);
+			onInProgress?.(Boolean(agent?.isRunning));
+		}, [agent?.isRunning, onInProgress]);
 		const [interrupt, setInterrupt] = (0, react.useState)(null);
 		(0, react.useEffect)(() => {
 			setInterrupt(copilotkit.interruptElement);
@@ -5484,22 +5480,20 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return () => subscription.unsubscribe();
 		}, [copilotkit]);
 		const reset = () => {
-			agent === null || agent === void 0 || agent.setMessages([]);
-			agent === null || agent === void 0 || agent.setState(null);
+			agent?.setMessages([]);
+			agent?.setState(null);
 		};
 		const latestDelete = useUpdatedRef((0, react.useCallback)((messageId) => {
-			var _agent$messages;
-			const filteredMessages = ((_agent$messages = agent === null || agent === void 0 ? void 0 : agent.messages) !== null && _agent$messages !== void 0 ? _agent$messages : []).filter((message) => message.id !== messageId);
-			agent === null || agent === void 0 || agent.setMessages(filteredMessages);
-		}, [agent === null || agent === void 0 ? void 0 : agent.setMessages, agent === null || agent === void 0 ? void 0 : agent.messages]));
+			const filteredMessages = (agent?.messages ?? []).filter((message) => message.id !== messageId);
+			agent?.setMessages(filteredMessages);
+		}, [agent?.setMessages, agent?.messages]));
 		const latestDeleteFunc = (0, react.useCallback)((messageId) => {
 			return latestDelete.current(messageId);
 		}, [latestDelete]);
 		const currentSuggestions = useSuggestions({ agentId: resolvedAgentId });
 		const reload = useAsyncCallback(async (reloadMessageId) => {
-			var _agent$messages2;
 			if (!agent) return;
-			const messages = (_agent$messages2 = agent === null || agent === void 0 ? void 0 : agent.messages) !== null && _agent$messages2 !== void 0 ? _agent$messages2 : [];
+			const messages = agent?.messages ?? [];
 			if (agent.isRunning || messages.length === 0) return;
 			const reloadMessageIndex = messages.findIndex((msg) => msg.id === reloadMessageId);
 			if (reloadMessageIndex === -1) {
@@ -5520,23 +5514,22 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					historyCutoff = messages.slice(0, indexOfLastUserMessageBeforeRegenerate + 1);
 				}
 			} else if (messages.length > 2 && reloadMessageIndex === 0) historyCutoff = [messages[0], messages[1]];
-			agent === null || agent === void 0 || agent.setMessages(historyCutoff);
+			agent?.setMessages(historyCutoff);
 			if (agent) try {
 				await copilotkit.runAgent({ agent });
 			} catch (error) {
 				console.error("CopilotChat: runAgent failed during reload", error);
 			}
 		}, [
-			agent === null || agent === void 0 ? void 0 : agent.messages.length,
-			agent === null || agent === void 0 ? void 0 : agent.isRunning,
-			agent === null || agent === void 0 ? void 0 : agent.setMessages,
-			copilotkit === null || copilotkit === void 0 ? void 0 : copilotkit.runAgent
+			agent?.messages.length,
+			agent?.isRunning,
+			agent?.setMessages,
+			copilotkit?.runAgent
 		]);
 		const latestSendMessageFunc = useAsyncCallback(async (message, options) => {
-			var _options$followUp;
 			if (!agent) return;
-			const followUp = (_options$followUp = options === null || options === void 0 ? void 0 : options.followUp) !== null && _options$followUp !== void 0 ? _options$followUp : true;
-			if (options === null || options === void 0 ? void 0 : options.clearSuggestions) copilotkit.clearSuggestions(resolvedAgentId);
+			const followUp = options?.followUp ?? true;
+			if (options?.clearSuggestions) copilotkit.clearSuggestions(resolvedAgentId);
 			if (onSubmitMessage) {
 				const content = typeof message.content === "string" ? message.content : message.content && "text" in message.content ? message.content.text : message.content && "filename" in message.content ? message.content.filename : "";
 				try {
@@ -5545,7 +5538,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					console.error("Error in onSubmitMessage:", error);
 				}
 			}
-			agent === null || agent === void 0 || agent.addMessage(message);
+			agent?.addMessage(message);
 			if (followUp) try {
 				await copilotkit.runAgent({ agent });
 			} catch (error) {
@@ -5561,20 +5554,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return latestSendMessageFunc((0, _copilotkit_runtime_client_gql.gqlToAGUI)([message])[0], options);
 		}, [latestSendMessageFunc]);
 		const latestSetMessagesFunc = (0, react.useCallback)((messages) => {
-			var _agent$setMessages2;
-			if (messages.every((message) => message instanceof _copilotkit_runtime_client_gql.Message)) {
-				var _agent$setMessages;
-				return agent === null || agent === void 0 || (_agent$setMessages = agent.setMessages) === null || _agent$setMessages === void 0 ? void 0 : _agent$setMessages.call(agent, (0, _copilotkit_runtime_client_gql.gqlToAGUI)(messages));
-			}
-			return agent === null || agent === void 0 || (_agent$setMessages2 = agent.setMessages) === null || _agent$setMessages2 === void 0 ? void 0 : _agent$setMessages2.call(agent, messages);
-		}, [agent === null || agent === void 0 ? void 0 : agent.setMessages, agent]);
+			if (messages.every((message) => message instanceof _copilotkit_runtime_client_gql.Message)) return agent?.setMessages?.((0, _copilotkit_runtime_client_gql.gqlToAGUI)(messages));
+			return agent?.setMessages?.(messages);
+		}, [agent?.setMessages, agent]);
 		const latestReload = useUpdatedRef(reload);
 		const latestReloadFunc = useAsyncCallback(async (messageId) => {
-			var _agent$messages3;
-			onReloadMessages === null || onReloadMessages === void 0 || onReloadMessages({
+			onReloadMessages?.({
 				messageId,
-				currentAgentName: agent === null || agent === void 0 ? void 0 : agent.agentId,
-				messages: (_agent$messages3 = agent === null || agent === void 0 ? void 0 : agent.messages) !== null && _agent$messages3 !== void 0 ? _agent$messages3 : []
+				currentAgentName: agent?.agentId,
+				messages: agent?.messages ?? []
 			});
 			return await latestReload.current(messageId);
 		}, [
@@ -5583,12 +5571,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			onReloadMessages
 		]);
 		const latestStopFunc = (0, react.useCallback)(() => {
-			var _agent$messages4, _agent$abortRun;
-			onStopGeneration === null || onStopGeneration === void 0 || onStopGeneration({
-				currentAgentName: agent === null || agent === void 0 ? void 0 : agent.agentId,
-				messages: (_agent$messages4 = agent === null || agent === void 0 ? void 0 : agent.messages) !== null && _agent$messages4 !== void 0 ? _agent$messages4 : []
+			onStopGeneration?.({
+				currentAgentName: agent?.agentId,
+				messages: agent?.messages ?? []
 			});
-			return agent === null || agent === void 0 || (_agent$abortRun = agent.abortRun) === null || _agent$abortRun === void 0 ? void 0 : _agent$abortRun.call(agent);
+			return agent?.abortRun?.();
 		}, [onStopGeneration, agent]);
 		const latestReset = useUpdatedRef(reset);
 		const latestResetFunc = (0, react.useCallback)(() => {
@@ -5600,11 +5587,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			copilotkit,
 			agent,
 			agentId: resolvedAgentId,
-			threadId: (_existingConfig$threa = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.threadId) !== null && _existingConfig$threa !== void 0 ? _existingConfig$threa : threadId
+			threadId: existingConfig?.threadId ?? threadId
 		});
-		const allMessages = (_agent$messages5 = agent === null || agent === void 0 ? void 0 : agent.messages) !== null && _agent$messages5 !== void 0 ? _agent$messages5 : [];
+		const allMessages = agent?.messages ?? [];
 		const resolvedMessages = (0, react.useMemo)(() => {
-			var _copilotkit$getAgent, _ref;
 			let processedMessages = allMessages.map((message) => {
 				if (message.role !== "assistant") return message;
 				const lazyRendered = lazyToolRendered(message, allMessages);
@@ -5621,11 +5607,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						position: "before"
 					});
 					try {
-						var _renderCustomMessage;
-						return (_renderCustomMessage = renderCustomMessage === null || renderCustomMessage === void 0 ? void 0 : renderCustomMessage({
+						return renderCustomMessage?.({
 							message,
 							position: "before"
-						})) !== null && _renderCustomMessage !== void 0 ? _renderCustomMessage : null;
+						}) ?? null;
 					} catch (error) {
 						console.warn("[CopilotKit] renderCustomMessages failed, falling back to legacy renderer", error);
 						return null;
@@ -5639,10 +5624,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				return message;
 			});
 			const hasAssistantMessages = processedMessages.some((msg) => msg.role === "assistant");
-			const canUseCustomRenderer = Boolean(renderCustomMessage && (copilotkit === null || copilotkit === void 0 || (_copilotkit$getAgent = copilotkit.getAgent) === null || _copilotkit$getAgent === void 0 ? void 0 : _copilotkit$getAgent.call(copilotkit, resolvedAgentId)));
+			const canUseCustomRenderer = Boolean(renderCustomMessage && copilotkit?.getAgent?.(resolvedAgentId));
 			const placeholderRenderer = legacyCustomMessageRenderer ? legacyCustomMessageRenderer : canUseCustomRenderer ? renderCustomMessage : null;
-			const shouldRenderPlaceholder = Boolean(agent === null || agent === void 0 ? void 0 : agent.isRunning) || Boolean((agent === null || agent === void 0 ? void 0 : agent.state) && Object.keys(agent.state).length);
-			const effectiveThreadId = (_ref = threadId !== null && threadId !== void 0 ? threadId : agent === null || agent === void 0 ? void 0 : agent.threadId) !== null && _ref !== void 0 ? _ref : "default";
+			const shouldRenderPlaceholder = Boolean(agent?.isRunning) || Boolean(agent?.state && Object.keys(agent.state).length);
+			const effectiveThreadId = threadId ?? agent?.threadId ?? "default";
 			let latestUserIndex = -1;
 			for (let i = processedMessages.length - 1; i >= 0; i -= 1) if (processedMessages[i].role === "user") {
 				latestUserIndex = i;
@@ -5670,15 +5655,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			}
 			return processedMessages;
 		}, [
-			agent === null || agent === void 0 ? void 0 : agent.messages,
+			agent?.messages,
 			lazyToolRendered,
 			allMessages,
 			renderCustomMessage,
 			legacyCustomMessageRenderer,
 			resolvedAgentId,
 			copilotkit,
-			agent === null || agent === void 0 ? void 0 : agent.isRunning,
-			agent === null || agent === void 0 ? void 0 : agent.state
+			agent?.isRunning,
+			agent?.state
 		]);
 		const renderedSuggestions = (0, react.useMemo)(() => {
 			if (Array.isArray(suggestions)) return {
@@ -5700,7 +5685,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			reset: latestResetFunc,
 			deleteMessage: latestDeleteFunc,
 			isAvailable: agentAvailable,
-			isLoading: Boolean(agent === null || agent === void 0 ? void 0 : agent.isRunning),
+			isLoading: Boolean(agent?.isRunning),
 			suggestions: renderedSuggestions.suggestions,
 			setSuggestions: (suggestions) => copilotkit.addSuggestionsConfig({ suggestions }),
 			generateSuggestions: async () => copilotkit.reloadSuggestions(resolvedAgentId),
@@ -5722,8 +5707,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return (0, react.useMemo)(() => {
 			if (!copilotkit || !agent) return null;
 			return ({ message, position }) => {
-				var _ref2;
-				const effectiveThreadId = (_ref2 = threadId !== null && threadId !== void 0 ? threadId : agent.threadId) !== null && _ref2 !== void 0 ? _ref2 : "default";
+				const effectiveThreadId = threadId ?? agent.threadId ?? "default";
 				const providedRunId = message.runId;
 				return (0, react.createElement)(CoAgentStateRenderBridge, {
 					message,
@@ -5993,7 +5977,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const renderRef = (0, react.useRef)(render);
 		(0, react.useEffect)(() => {
 			renderRef.current = render;
-		}, [render, ...dependencies !== null && dependencies !== void 0 ? dependencies : []]);
+		}, [render, ...dependencies ?? []]);
 		const normalizedRender = (0, react.useMemo)(() => {
 			if (typeof render === "undefined") return;
 			return ((args) => {
@@ -6005,21 +5989,18 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					result: typeof args.result === "string" ? (0, _copilotkit_shared.parseJson)(args.result, args.result) : args.result
 				});
 				if (typeof rendered === "string") return react.default.createElement(react.default.Fragment, null, rendered);
-				return rendered !== null && rendered !== void 0 ? rendered : null;
+				return rendered ?? null;
 			});
 		}, []);
 		const handlerRef = (0, react.useRef)(tool.handler);
 		(0, react.useEffect)(() => {
 			handlerRef.current = tool.handler;
-		}, [tool.handler, ...dependencies !== null && dependencies !== void 0 ? dependencies : []]);
+		}, [tool.handler, ...dependencies ?? []]);
 		useFrontendTool$1({
 			name,
 			description,
 			parameters: zodParameters,
-			handler: tool.handler ? (args) => {
-				var _handlerRef$current;
-				return (_handlerRef$current = handlerRef.current) === null || _handlerRef$current === void 0 ? void 0 : _handlerRef$current.call(handlerRef, args);
-			} : void 0,
+			handler: tool.handler ? (args) => handlerRef.current?.(args) : void 0,
 			followUp,
 			render: normalizedRender,
 			available: available === void 0 ? void 0 : available !== "disabled"
@@ -6063,7 +6044,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					hasAddedRef.current = false;
 				}
 			};
-		}, [tool, ...dependencies !== null && dependencies !== void 0 ? dependencies : []]);
+		}, [tool, ...dependencies ?? []]);
 	}
 
 //#endregion
@@ -6106,18 +6087,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					}
 				})());
 				if (typeof rendered === "string") return react.default.createElement(react.default.Fragment, null, rendered);
-				return rendered !== null && rendered !== void 0 ? rendered : null;
+				return rendered ?? null;
 			};
-		}, [render, ...dependencies !== null && dependencies !== void 0 ? dependencies : []]);
+		}, [render, ...dependencies ?? []]);
 		useHumanInTheLoop$1({
 			name,
 			description,
 			followUp,
 			parameters: zodParameters,
-			render: ((args) => {
-				var _renderRef$current, _renderRef$current2;
-				return (_renderRef$current = (_renderRef$current2 = renderRef.current) === null || _renderRef$current2 === void 0 ? void 0 : _renderRef$current2.call(renderRef, args)) !== null && _renderRef$current !== void 0 ? _renderRef$current : null;
-			})
+			render: ((args) => renderRef.current?.(args) ?? null)
 		});
 	}
 
@@ -6377,7 +6355,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const idRef = (0, react.useRef)((0, _copilotkit_shared.randomId)());
 		const { setBannerError, addToast } = useToast();
 		(0, react.useEffect)(() => {
-			if ((availableAgents === null || availableAgents === void 0 ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
+			if (availableAgents?.length && !availableAgents.some((a) => a.name === action.name)) {
 				`${action.name}`;
 				setBannerError(new _copilotkit_shared.CopilotKitAgentDiscoveryError({
 					agentName: action.name,
@@ -6541,7 +6519,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (!found && available === "disabled") return;
 			ctxIdRef.current = copilotkit.addContext({
 				description,
-				value: (convert !== null && convert !== void 0 ? convert : JSON.stringify)(value)
+				value: (convert ?? JSON.stringify)(value)
 			});
 			return () => {
 				if (!ctxIdRef.current) return;
@@ -6693,11 +6671,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				...agent.state,
 				...newState
 			});
-		}, [agent === null || agent === void 0 ? void 0 : agent.state, agent === null || agent === void 0 ? void 0 : agent.setState]);
+		}, [agent?.state, agent?.setState]);
 		(0, react.useEffect)(() => {
-			var _options$config;
 			if (!options.config && !options.configurable) return;
-			let config = (_options$config = options.config) !== null && _options$config !== void 0 ? _options$config : {};
+			let config = options.config ?? {};
 			if (options.configurable) config = {
 				...config,
 				configurable: {
@@ -6708,7 +6685,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			copilotkit.setProperties(config);
 		}, [options.config, options.configurable]);
 		(0, react.useEffect)(() => {
-			if ((agent === null || agent === void 0 ? void 0 : agent.state) && isExternalStateManagement(options) && JSON.stringify(options.state) !== JSON.stringify(agent.state)) handleStateUpdate(options.state);
+			if (agent?.state && isExternalStateManagement(options) && JSON.stringify(options.state) !== JSON.stringify(agent.state)) handleStateUpdate(options.state);
 		}, [
 			agent,
 			(0, react.useMemo)(() => isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0, [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]),
@@ -6746,12 +6723,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			hasStateValues
 		]);
 		return (0, react.useMemo)(() => {
-			var _agent$agentId;
 			if (!agent) {
-				var _ref, _ref2;
 				const noop = () => {};
 				const noopAsync = async () => {};
-				const initialState = (_ref = (_ref2 = "state" in options && options.state) !== null && _ref2 !== void 0 ? _ref2 : "initialState" in options && options.initialState) !== null && _ref !== void 0 ? _ref : {};
+				const initialState = ("state" in options && options.state) ?? ("initialState" in options && options.initialState) ?? {};
 				return {
 					name: options.name,
 					nodeName,
@@ -6765,7 +6740,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				};
 			}
 			return {
-				name: (_agent$agentId = agent === null || agent === void 0 ? void 0 : agent.agentId) !== null && _agent$agentId !== void 0 ? _agent$agentId : options.name,
+				name: agent?.agentId ?? options.name,
 				nodeName,
 				threadId: agent.threadId,
 				running: agent.isRunning,
@@ -6776,13 +6751,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				run: agent.runAgent
 			};
 		}, [
-			agent === null || agent === void 0 ? void 0 : agent.state,
-			agent === null || agent === void 0 ? void 0 : agent.runAgent,
-			agent === null || agent === void 0 ? void 0 : agent.abortRun,
-			agent === null || agent === void 0 ? void 0 : agent.runAgent,
-			agent === null || agent === void 0 ? void 0 : agent.threadId,
-			agent === null || agent === void 0 ? void 0 : agent.isRunning,
-			agent === null || agent === void 0 ? void 0 : agent.agentId,
+			agent?.state,
+			agent?.runAgent,
+			agent?.abortRun,
+			agent?.runAgent,
+			agent?.threadId,
+			agent?.isRunning,
+			agent?.agentId,
 			handleStateUpdate,
 			options.name
 		]);
@@ -6825,12 +6800,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return new _copilotkit_runtime_client_gql.CopilotRuntimeClient({
 				...runtimeOptions,
 				handleGQLErrors: (error) => {
-					var _graphQLErrors;
-					if ((_graphQLErrors = error.graphQLErrors) === null || _graphQLErrors === void 0 ? void 0 : _graphQLErrors.length) {
+					if (error.graphQLErrors?.length) {
 						const graphQLErrors = error.graphQLErrors;
 						const routeError = (gqlError) => {
-							const extensions = gqlError.extensions;
-							if ((extensions === null || extensions === void 0 ? void 0 : extensions.visibility) === _copilotkit_shared.ErrorVisibility.SILENT) {
+							if (gqlError.extensions?.visibility === _copilotkit_shared.ErrorVisibility.SILENT) {
 								console.error("CopilotKit Silent Error:", gqlError.message);
 								return;
 							}
@@ -6857,7 +6830,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						graphQLErrors.forEach(routeError);
 					} else {
 						const fallbackError = new _copilotkit_shared.CopilotKitError({
-							message: (error === null || error === void 0 ? void 0 : error.message) || String(error),
+							message: error?.message || String(error),
 							code: _copilotkit_shared.CopilotKitErrorCode.UNKNOWN
 						});
 						setBannerError(fallbackError);
@@ -6879,18 +6852,17 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		]);
 	};
 	function createStructuredError(gqlError) {
-		var _originalError$stack, _originalError$stack2, _originalError$stack3;
 		const extensions = gqlError.extensions;
-		const originalError = extensions === null || extensions === void 0 ? void 0 : extensions.originalError;
-		const message = (originalError === null || originalError === void 0 ? void 0 : originalError.message) || gqlError.message;
-		const code = extensions === null || extensions === void 0 ? void 0 : extensions.code;
+		const originalError = extensions?.originalError;
+		const message = originalError?.message || gqlError.message;
+		const code = extensions?.code;
 		if (code) return new _copilotkit_shared.CopilotKitError({
 			message,
 			code
 		});
-		if (originalError === null || originalError === void 0 || (_originalError$stack = originalError.stack) === null || _originalError$stack === void 0 ? void 0 : _originalError$stack.includes("CopilotApiDiscoveryError")) return new _copilotkit_shared.CopilotKitApiDiscoveryError({ message });
-		if (originalError === null || originalError === void 0 || (_originalError$stack2 = originalError.stack) === null || _originalError$stack2 === void 0 ? void 0 : _originalError$stack2.includes("CopilotKitRemoteEndpointDiscoveryError")) return new _copilotkit_shared.CopilotKitRemoteEndpointDiscoveryError({ message });
-		if (originalError === null || originalError === void 0 || (_originalError$stack3 = originalError.stack) === null || _originalError$stack3 === void 0 ? void 0 : _originalError$stack3.includes("CopilotKitAgentDiscoveryError")) return new _copilotkit_shared.CopilotKitAgentDiscoveryError({
+		if (originalError?.stack?.includes("CopilotApiDiscoveryError")) return new _copilotkit_shared.CopilotKitApiDiscoveryError({ message });
+		if (originalError?.stack?.includes("CopilotKitRemoteEndpointDiscoveryError")) return new _copilotkit_shared.CopilotKitRemoteEndpointDiscoveryError({ message });
+		if (originalError?.stack?.includes("CopilotKitAgentDiscoveryError")) return new _copilotkit_shared.CopilotKitAgentDiscoveryError({
 			agentName: "",
 			availableAgents: []
 		});
@@ -6919,8 +6891,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const wrappedRender = (0, react.useCallback)((props) => {
 			if (!Object.values(authStates_c || {}).some((state) => state.status === "authenticated")) {
 				pendingActionRef.current = props;
-				return (authConfig_c === null || authConfig_c === void 0 ? void 0 : authConfig_c.SignInComponent) ? react.default.createElement(authConfig_c.SignInComponent, { onSignInComplete: (authState) => {
-					setAuthStates_c === null || setAuthStates_c === void 0 || setAuthStates_c((prev) => ({
+				return authConfig_c?.SignInComponent ? react.default.createElement(authConfig_c.SignInComponent, { onSignInComplete: (authState) => {
+					setAuthStates_c?.((prev) => ({
 						...prev,
 						[action.name]: authState
 					}));
@@ -6957,12 +6929,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		};
 	}
 	function useLangGraphInterrupt(action, _dependencies) {
-		var _ref, _action$agentId;
 		const actionRef = (0, react.useRef)(action);
 		actionRef.current = action;
 		const existingConfig = useCopilotChatConfiguration();
-		const resolvedAgentId = (_ref = (_action$agentId = action.agentId) !== null && _action$agentId !== void 0 ? _action$agentId : existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _ref !== void 0 ? _ref : "default";
-		const threadId = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.threadId;
+		const resolvedAgentId = action.agentId ?? existingConfig?.agentId ?? "default";
+		const threadId = existingConfig?.threadId;
 		const nodeName = useAgentNodeName(resolvedAgentId);
 		const metadataRef = (0, react.useRef)({
 			agentName: resolvedAgentId,
@@ -6987,8 +6958,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				return rendered;
 			}, []),
 			handler: (0, react.useCallback)(({ event, resolve }) => {
-				var _actionRef$current$ha, _actionRef$current;
-				return (_actionRef$current$ha = (_actionRef$current = actionRef.current).handler) === null || _actionRef$current$ha === void 0 ? void 0 : _actionRef$current$ha.call(_actionRef$current, {
+				return actionRef.current.handler?.({
 					event: toV1Event(event),
 					resolve: (r) => resolve(r)
 				});
@@ -7053,7 +7023,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (available === "disabled") return;
 			setAdditionalInstructions((prevInstructions) => [...prevInstructions || [], instructions]);
 			return () => {
-				setAdditionalInstructions((prevInstructions) => (prevInstructions === null || prevInstructions === void 0 ? void 0 : prevInstructions.filter((instruction) => instruction !== instructions)) || []);
+				setAdditionalInstructions((prevInstructions) => prevInstructions?.filter((instruction) => instruction !== instructions) || []);
 			};
 		}, [
 			available,
@@ -7135,10 +7105,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* removes it on unmount, ensuring a clean and efficient lifecycle management.
 	*/
 	function useCopilotChatSuggestions(config, dependencies = []) {
-		var _existingConfig$agent, _ref;
-		const existingConfig = useCopilotChatConfiguration();
-		const resolvedAgentId = (_existingConfig$agent = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _existingConfig$agent !== void 0 ? _existingConfig$agent : "default";
-		const available = (_ref = config.available === "enabled" ? "always" : config.available) !== null && _ref !== void 0 ? _ref : "before-first-message";
+		const resolvedAgentId = useCopilotChatConfiguration()?.agentId ?? "default";
+		const available = (config.available === "enabled" ? "always" : config.available) ?? "before-first-message";
 		useConfigureSuggestions({
 			...config,
 			available,
@@ -7226,7 +7194,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		* @param data The data to use for the task.
 		*/
 		async run(context, data) {
-			var _response$data;
 			const actions = this.includeCopilotActions ? Object.assign({}, context.actions) : {};
 			for (const fn of this.actions) actions[fn.name] = fn;
 			let contextString = "";
@@ -7257,7 +7224,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				properties: context.copilotApiConfig.properties
 			}).toPromise();
 			const functionCallHandler = context.getFunctionCallHandler(actions);
-			const functionCalls = (0, _copilotkit_runtime_client_gql.convertGqlOutputToMessages)(((_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.generateCopilotResponse) === null || _response$data === void 0 ? void 0 : _response$data.messages) || []).filter((m) => m.isActionExecutionMessage());
+			const functionCalls = (0, _copilotkit_runtime_client_gql.convertGqlOutputToMessages)(response.data?.generateCopilotResponse?.messages || []).filter((m) => m.isActionExecutionMessage());
 			for (const functionCall of functionCalls) await functionCallHandler({
 				messages,
 				name: functionCall.name,