@copilotkit/react-core 1.59.1 → 1.59.2

package/dist/v2/index.umd.js

@@ -162,27 +162,26 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	};
 	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;
@@ -190,11 +189,11 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				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,
@@ -427,7 +426,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			}
 			if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") try {
 				mediaRecorderRef.current.stop();
-			} catch (_unused) {}
+			} catch {}
 			if (streamRef.current) {
 				streamRef.current.getTracks().forEach((track) => track.stop());
 				streamRef.current = null;
@@ -500,8 +499,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		const calculateAmplitude = (dataArray) => {
 			let sum = 0;
 			for (let i = 0; i < dataArray.length; i++) {
-				var _dataArray$i;
-				const sample = ((_dataArray$i = dataArray[i]) !== null && _dataArray$i !== void 0 ? _dataArray$i : 128) / 128 - 1;
+				const sample = (dataArray[i] ?? 128) / 128 - 1;
 				sum += sample * sample;
 			}
 			return Math.sqrt(sum / dataArray.length);
@@ -549,8 +547,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 					const offset = scrollOffsetRef.current;
 					const edgeFadeWidth = 12;
 					for (let i = 0; i < history.length; i++) {
-						var _history$i;
-						const amplitude = (_history$i = history[i]) !== null && _history$i !== void 0 ? _history$i : 0;
+						const amplitude = history[i] ?? 0;
 						const scaledAmplitude = Math.min(amplitude * 4, 1);
 						const barHeight = Math.max(2, scaledAmplitude * maxAmplitude * 2);
 						const x = rect.width - (history.length - i) * barSpacing - offset;
@@ -603,13 +600,12 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	const SLASH_MENU_MAX_VISIBLE_ITEMS = 5;
 	const SLASH_MENU_ITEM_HEIGHT_PX = 40;
 	function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning = false, onStartTranscribe, onCancelTranscribe, onFinishTranscribe, onFinishTranscribeWithAudio, onAddFile, onChange, value, toolsMenu, autoFocus = false, positioning = "static", keyboardHeight = 0, containerRef, showDisclaimer, bottomAnchored = false, textArea, sendButton, startTranscribeButton, cancelTranscribeButton, finishTranscribeButton, addMenuButton, audioRecorder, disclaimer, children, className, ...props }) {
-		var _config$labels;
 		const isControlled = value !== void 0;
-		const [internalValue, setInternalValue] = (0, react.useState)(() => value !== null && value !== void 0 ? value : "");
+		const [internalValue, setInternalValue] = (0, react.useState)(() => value ?? "");
 		(0, react.useEffect)(() => {
 			if (!isControlled && value !== void 0) setInternalValue(value);
 		}, [isControlled, value]);
-		const resolvedValue = isControlled ? value !== null && value !== void 0 ? value : "" : internalValue;
+		const resolvedValue = isControlled ? value ?? "" : internalValue;
 		const [layout, setLayout] = (0, react.useState)("compact");
 		const ignoreResizeRef = (0, react.useRef)(false);
 		const resizeEvaluationRafRef = (0, react.useRef)(null);
@@ -623,7 +619,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		const audioRecorderRef = (0, react.useRef)(null);
 		const slashMenuRef = (0, react.useRef)(null);
 		const config = useCopilotChatConfiguration();
-		const labels = (_config$labels = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels !== void 0 ? _config$labels : CopilotChatDefaultLabels;
+		const labels = config?.labels ?? CopilotChatDefaultLabels;
 		const previousModalStateRef = (0, react.useRef)(void 0);
 		const measurementCanvasRef = (0, react.useRef)(null);
 		const measurementsRef = (0, react.useRef)({
@@ -674,15 +670,12 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		}, [commandItems, commandQuery]);
 		(0, react.useEffect)(() => {
 			if (!autoFocus) {
-				previousModalStateRef.current = config === null || config === void 0 ? void 0 : config.isModalOpen;
+				previousModalStateRef.current = config?.isModalOpen;
 				return;
 			}
-			if ((config === null || config === void 0 ? void 0 : config.isModalOpen) && !previousModalStateRef.current) {
-				var _inputRef$current;
-				(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus({ preventScroll: true });
-			}
-			previousModalStateRef.current = config === null || config === void 0 ? void 0 : config.isModalOpen;
-		}, [config === null || config === void 0 ? void 0 : config.isModalOpen, autoFocus]);
+			if (config?.isModalOpen && !previousModalStateRef.current) inputRef.current?.focus({ preventScroll: true });
+			previousModalStateRef.current = config?.isModalOpen;
+		}, [config?.isModalOpen, autoFocus]);
 		(0, react.useEffect)(() => {
 			if (commandItems.length === 0 && commandQuery !== null) setCommandQuery(null);
 		}, [commandItems.length, commandQuery]);
@@ -721,8 +714,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				return;
 			}
 			if (value.startsWith("/")) {
-				var _value$split$;
-				const query = ((_value$split$ = value.split(/\r?\n/, 1)[0]) !== null && _value$split$ !== void 0 ? _value$split$ : "").slice(1);
+				const query = (value.split(/\r?\n/, 1)[0] ?? "").slice(1);
 				setCommandQuery((prev) => prev === query ? prev : query);
 			} else setCommandQuery((prev) => prev === null ? prev : null);
 		}, [commandItems.length]);
@@ -732,7 +724,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		const handleChange = (e) => {
 			const nextValue = e.target.value;
 			if (!isControlled) setInternalValue(nextValue);
-			onChange === null || onChange === void 0 || onChange(nextValue);
+			onChange?.(nextValue);
 			updateSlashState(nextValue);
 		};
 		const clearInputValue = (0, react.useCallback)(() => {
@@ -740,14 +732,12 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			if (onChange) onChange("");
 		}, [isControlled, onChange]);
 		const runCommand = (0, react.useCallback)((item) => {
-			var _item$action;
 			clearInputValue();
-			(_item$action = item.action) === null || _item$action === void 0 || _item$action.call(item);
+			item.action?.();
 			setCommandQuery(null);
 			setSlashHighlightIndex(0);
 			requestAnimationFrame(() => {
-				var _inputRef$current2;
-				(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
+				inputRef.current?.focus();
 			});
 		}, [clearInputValue]);
 		const handleKeyDown = (e) => {
@@ -790,7 +780,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			}
 			if (e.key === "Enter" && !e.shiftKey) {
 				e.preventDefault();
-				if (isProcessing) onStop === null || onStop === void 0 || onStop();
+				if (isProcessing) onStop?.();
 				else send();
 			}
 		};
@@ -800,7 +790,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			if (!trimmed) return;
 			onSubmitMessage(trimmed);
 			if (!isControlled) setInternalValue("");
-			onChange === null || onChange === void 0 || onChange("");
+			onChange?.("");
 			if (inputRef.current) inputRef.current.focus();
 		};
 		const BoundTextArea = renderSlot(textArea, CopilotChatInput.TextArea, {
@@ -822,7 +812,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		const canStop = !!onStop;
 		const handleSendButtonClick = () => {
 			if (isProcessing) {
-				onStop === null || onStop === void 0 || onStop();
+				onStop?.();
 				return;
 			}
 			send();
@@ -843,7 +833,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			} catch (error) {
 				console.error("Failed to stop recording:", error);
 			}
-			onFinishTranscribe === null || onFinishTranscribe === void 0 || onFinishTranscribe();
+			onFinishTranscribe?.();
 		}, [onFinishTranscribe, onFinishTranscribeWithAudio]);
 		const BoundFinishTranscribeButton = renderSlot(finishTranscribeButton, CopilotChatInput.FinishTranscribeButton, { onClick: handleFinishTranscribe });
 		const BoundAddMenuButton = renderSlot(addMenuButton, CopilotChatInput.AddMenuButton, {
@@ -852,7 +842,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			toolsMenu
 		});
 		const BoundDisclaimer = renderSlot(disclaimer, CopilotChatInput.Disclaimer, {});
-		const shouldShowDisclaimer = showDisclaimer !== null && showDisclaimer !== void 0 ? showDisclaimer : positioning === "absolute";
+		const shouldShowDisclaimer = showDisclaimer ?? positioning === "absolute";
 		if (children) {
 			const childProps = {
 				textArea: BoundTextArea,
@@ -976,8 +966,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			const renderedMultiline = baseline > 0 ? scrollHeight > baseline + 1 : false;
 			let shouldExpand = hasExplicitBreak || renderedMultiline;
 			if (!shouldExpand) {
-				var _containerCacheRef$cu;
-				const cache = (_containerCacheRef$cu = containerCacheRef.current) !== null && _containerCacheRef$cu !== void 0 ? _containerCacheRef$cu : updateContainerCache();
+				const cache = containerCacheRef.current ?? updateContainerCache();
 				if (cache && cache.compactWidth > 0) {
 					const compactInnerWidth = Math.max(cache.compactWidth - (measurementsRef.current.paddingLeft || 0) - (measurementsRef.current.paddingRight || 0), 0);
 					if (compactInnerWidth > 0) {
@@ -987,9 +976,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 							const { fontStyle, fontVariant, fontWeight, fontSize, lineHeight, fontFamily } = textareaStyles;
 							if (fontSize && fontFamily) font = `${fontStyle} ${fontVariant} ${fontWeight} ${fontSize}/${lineHeight} ${fontFamily}`;
 						}
-						if (font === null || font === void 0 ? void 0 : font.trim()) {
-							var _measurementCanvasRef;
-							const canvas = (_measurementCanvasRef = measurementCanvasRef.current) !== null && _measurementCanvasRef !== void 0 ? _measurementCanvasRef : document.createElement("canvas");
+						if (font?.trim()) {
+							const canvas = measurementCanvasRef.current ?? document.createElement("canvas");
 							if (!measurementCanvasRef.current) measurementCanvasRef.current = canvas;
 							const context = canvas.getContext("2d");
 							if (context) {
@@ -1068,10 +1056,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		}, [evaluateLayout]);
 		const slashMenuVisible = commandQuery !== null && commandItems.length > 0;
 		(0, react.useEffect)(() => {
-			var _slashMenuRef$current;
 			if (!slashMenuVisible || slashHighlightIndex < 0) return;
-			const active = (_slashMenuRef$current = slashMenuRef.current) === null || _slashMenuRef$current === void 0 ? void 0 : _slashMenuRef$current.querySelector(`[data-slash-index="${slashHighlightIndex}"]`);
-			active === null || active === void 0 || active.scrollIntoView({ block: "nearest" });
+			(slashMenuRef.current?.querySelector(`[data-slash-index="${slashHighlightIndex}"]`))?.scrollIntoView({ block: "nearest" });
 		}, [slashMenuVisible, slashHighlightIndex]);
 		const slashMenu = slashMenuVisible ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "copilot-slash-menu",
@@ -1157,13 +1143,11 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				size: "chatInputToolbarIcon",
 				className,
 				...props,
-				children: children !== null && children !== void 0 ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: "cpk:size-[18px]" })
+				children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: "cpk:size-[18px]" })
 			})
 		});
 		const ToolbarButton = _CopilotChatInput.ToolbarButton = ({ icon, labelKey, defaultClassName, className, ...props }) => {
-			var _config$labels2;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels2 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels2 !== void 0 ? _config$labels2 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipTrigger, {
 				asChild: true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -1201,9 +1185,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			...props
 		});
 		_CopilotChatInput.AddMenuButton = ({ className, toolsMenu, onAddFile, disabled, ...props }) => {
-			var _config$labels3;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels3 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels3 !== void 0 ? _config$labels3 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			const [mounted, setMounted] = (0, react.useState)(false);
 			(0, react.useEffect)(() => setMounted(true), []);
 			const menuItems = (0, react.useMemo)(() => {
@@ -1269,21 +1251,16 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			})] });
 		};
 		_CopilotChatInput.TextArea = (0, react.forwardRef)(function TextArea({ style, className, autoFocus, placeholder, ...props }, ref) {
-			var _config$labels4;
 			const internalTextareaRef = (0, react.useRef)(null);
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels4 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels4 !== void 0 ? _config$labels4 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			(0, react.useImperativeHandle)(ref, () => internalTextareaRef.current);
 			(0, react.useEffect)(() => {
-				if (autoFocus) {
-					var _internalTextareaRef$;
-					(_internalTextareaRef$ = internalTextareaRef.current) === null || _internalTextareaRef$ === void 0 || _internalTextareaRef$.focus({ preventScroll: true });
-				}
+				if (autoFocus) internalTextareaRef.current?.focus({ preventScroll: true });
 			}, [autoFocus]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 				ref: internalTextareaRef,
 				"data-testid": "copilot-chat-textarea",
-				placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : labels.chatInputPlaceholder,
+				placeholder: placeholder ?? labels.chatInputPlaceholder,
 				className: (0, tailwind_merge.twMerge)("cpk:bg-transparent cpk:outline-none cpk:antialiased cpk:font-regular cpk:leading-relaxed cpk:text-[16px] cpk:placeholder:text-[#00000077] cpk:dark:placeholder:text-[#fffc]", className),
 				style: {
 					overflow: "auto",
@@ -1296,9 +1273,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		});
 		_CopilotChatInput.AudioRecorder = CopilotChatAudioRecorder;
 		_CopilotChatInput.Disclaimer = ({ className, ...props }) => {
-			var _config$labels5;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels5 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels5 !== void 0 ? _config$labels5 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: cn("cpk:text-center cpk:text-xs cpk:text-muted-foreground cpk:py-3 cpk:px-4 cpk:max-w-3xl cpk:mx-auto", className),
 				...props,
@@ -1339,7 +1314,6 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 //#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();
@@ -1347,9 +1321,9 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			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;
@@ -1361,10 +1335,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			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;
@@ -1381,14 +1352,13 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			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();
@@ -1409,9 +1379,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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
 				});
@@ -1521,7 +1489,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	*/
 	function useRenderTool(config, deps) {
 		const { copilotkit } = useCopilotKit();
-		const extraDeps = deps !== null && deps !== void 0 ? deps : EMPTY_DEPS$1;
+		const extraDeps = deps ?? EMPTY_DEPS$1;
 		(0, react.useEffect)(() => {
 			const renderer = config.name === "*" && !config.parameters ? defineToolCallRenderer({
 				name: "*",
@@ -1550,6 +1518,47 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 //#endregion
 //#region src/v2/hooks/use-default-render-tool.tsx
 /**
+	* 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";
+			}
+		}
+	}
+	/**
+	* Convert the framework-internal renderer props (`args`, enum status) into
+	* the documented {@link DefaultRenderProps} shape (`parameters`, string-union
+	* status) so a user `config.render` always sees the documented contract.
+	*/
+	function adaptRendererProps(props) {
+		return {
+			name: props.name,
+			toolCallId: props.toolCallId,
+			parameters: props.args,
+			status: mapToolCallStatus(props.status),
+			result: props.result
+		};
+	}
+	/**
 	* Registers a wildcard (`"*"`) tool-call renderer via `useRenderTool`.
 	*
 	* - Call with no config to use CopilotKit's built-in default tool-call card.
@@ -1586,17 +1595,33 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	* ```
 	*/
 	function useDefaultRenderTool(config, deps) {
-		var _config$render;
+		const userRender = config?.render;
 		useRenderTool({
 			name: "*",
-			render: (_config$render = config === null || config === void 0 ? void 0 : config.render) !== null && _config$render !== void 0 ? _config$render : DefaultToolCallRenderer
+			render: userRender ? (raw) => userRender(adaptRendererProps(raw)) : (raw) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultToolCallRenderer, { ...adaptRendererProps(raw) })
 		}, deps);
 	}
-	function DefaultToolCallRenderer({ name, parameters, status, result }) {
+	/**
+	* 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";
@@ -1604,7 +1629,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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: {
@@ -1618,7 +1644,9 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 					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",
@@ -1626,7 +1654,15 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 						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: {
@@ -1719,7 +1755,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 							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",
@@ -1742,7 +1778,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 							whiteSpace: "pre-wrap",
 							wordBreak: "break-word"
 						},
-						children: typeof result === "string" ? result : JSON.stringify(result, null, 2)
+						children: typeof result === "string" ? result : safeStringifyForPre(result)
 					})] })]
 				})]
 			})
@@ -1753,8 +1789,14 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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 "";
+			}
 		}
 	}
 
@@ -1790,11 +1832,10 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			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;
@@ -1806,21 +1847,17 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	* @returns A function that takes a tool call and optional tool message and returns the rendered component
 	*/
 	function useRenderToolCall() {
-		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);
 		}, [
@@ -1830,11 +1867,11 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		]);
 	}
 	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
 		});
 	}
@@ -1846,8 +1883,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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,
@@ -1862,7 +1898,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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";
@@ -2031,7 +2067,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	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>
@@ -2167,7 +2203,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);
@@ -2186,8 +2221,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, "*");
 			}
@@ -2219,8 +2253,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);
@@ -2240,14 +2273,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) {
@@ -2278,7 +2309,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%";
@@ -2290,8 +2320,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;
@@ -2309,7 +2338,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;
@@ -2346,17 +2376,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 });
@@ -2364,8 +2393,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 });
@@ -2482,7 +2510,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"
@@ -2588,13 +2616,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;
 	}
 	/**
@@ -2644,8 +2671,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)(() => {
@@ -2653,13 +2679,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);
@@ -2674,9 +2700,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: ""
@@ -2735,9 +2760,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: ""
@@ -2800,16 +2824,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);
@@ -2835,7 +2858,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,
@@ -2889,7 +2912,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;
@@ -2904,7 +2926,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", {
@@ -2913,7 +2935,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]
 		});
 	};
 
@@ -2945,7 +2967,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;
@@ -2955,14 +2977,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, {
@@ -3036,7 +3057,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,
@@ -3088,10 +3109,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
@@ -3116,7 +3136,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,
@@ -3404,21 +3424,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;
@@ -3508,7 +3527,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);
@@ -3516,7 +3535,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);
@@ -3530,10 +3548,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);
@@ -3554,14 +3569,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,
@@ -3571,7 +3583,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
@@ -3591,10 +3603,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 = [];
@@ -3736,10 +3748,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();
@@ -3786,7 +3795,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({
@@ -3837,8 +3846,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, {
@@ -3868,11 +3877,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];
@@ -3904,15 +3912,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#endregion
 //#region src/v2/hooks/use-render-activity-message.tsx
 	function useRenderActivityMessage() {
-		var _useCopilotChatConfig, _useCopilotChatConfig2;
 		const { copilotkit } = useCopilotKit();
-		const agentId = (_useCopilotChatConfig = (_useCopilotChatConfig2 = useCopilotChatConfiguration()) === null || _useCopilotChatConfig2 === void 0 ? void 0 : _useCopilotChatConfig2.agentId) !== null && _useCopilotChatConfig !== void 0 ? _useCopilotChatConfig : _copilotkit_shared.DEFAULT_AGENT_ID;
+		const agentId = useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 		const renderers = copilotkit.renderActivityMessages;
 		const findRenderer = (0, react.useCallback)((activityType) => {
-			var _ref, _ref2, _matches$find;
 			if (!renderers.length) return null;
 			const matches = renderers.filter((renderer) => renderer.activityType === activityType);
-			return (_ref = (_ref2 = (_matches$find = matches.find((candidate) => candidate.agentId === agentId)) !== null && _matches$find !== void 0 ? _matches$find : matches.find((candidate) => candidate.agentId === void 0)) !== null && _ref2 !== void 0 ? _ref2 : renderers.find((candidate) => candidate.activityType === "*")) !== null && _ref !== void 0 ? _ref : null;
+			return matches.find((candidate) => candidate.agentId === agentId) ?? matches.find((candidate) => candidate.agentId === void 0) ?? renderers.find((candidate) => candidate.activityType === "*") ?? null;
 		}, [agentId, renderers]);
 		const renderActivityMessage = (0, react.useCallback)((message) => {
 			const renderer = findRenderer(message.activityType);
@@ -3946,7 +3952,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	const EMPTY_DEPS = [];
 	function useFrontendTool(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({
@@ -4122,15 +4128,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);
@@ -4170,7 +4174,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.");
 		}, [
@@ -4220,8 +4224,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;
@@ -4256,10 +4260,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;
 		});
@@ -4312,11 +4313,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,
@@ -4385,9 +4383,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;
@@ -4464,13 +4461,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
@@ -4572,54 +4566,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
@@ -4627,19 +4642,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;
 	}
 
@@ -4693,7 +4711,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* ```
 	*/
 	function useThreads({ agentId, includeArchived, limit }) {
-		var _copilotkit$intellige2;
 		const { copilotkit } = useCopilotKit();
 		const [store] = (0, react.useState)(() => (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: globalThis.fetch }));
 		const coreThreads = useThreadStoreSelector(store, _copilotkit_core.ɵselectThreads);
@@ -4711,8 +4728,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const hasMoreThreads = useThreadStoreSelector(store, _copilotkit_core.ɵselectHasNextPage);
 		const isFetchingMoreThreads = useThreadStoreSelector(store, _copilotkit_core.ɵselectIsFetchingNextPage);
 		const headersKey = (0, react.useMemo)(() => {
-			var _copilotkit$headers;
-			return JSON.stringify(Object.entries((_copilotkit$headers = copilotkit.headers) !== null && _copilotkit$headers !== void 0 ? _copilotkit$headers : {}).sort(([left], [right]) => left.localeCompare(right)));
+			return JSON.stringify(Object.entries(copilotkit.headers ?? {}).sort(([left], [right]) => left.localeCompare(right)));
 		}, [copilotkit.headers]);
 		const runtimeError = (0, react.useMemo)(() => {
 			if (copilotkit.runtimeUrl) return null;
@@ -4721,7 +4737,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const [hasDispatchedContext, setHasDispatchedContext] = (0, react.useState)(false);
 		const preConnectLoading = !!copilotkit.runtimeUrl && !hasDispatchedContext;
 		const isLoading = runtimeError ? false : preConnectLoading || storeIsLoading;
-		const error = runtimeError !== null && runtimeError !== void 0 ? runtimeError : storeError;
+		const error = runtimeError ?? storeError;
 		(0, react.useEffect)(() => {
 			store.start();
 			return () => {
@@ -4740,7 +4756,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			store
 		]);
 		(0, react.useEffect)(() => {
-			var _copilotkit$intellige;
 			if (!copilotkit.runtimeUrl) {
 				store.setContext(null);
 				return;
@@ -4749,7 +4764,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const context = {
 				runtimeUrl: copilotkit.runtimeUrl,
 				headers: { ...copilotkit.headers },
-				wsUrl: (_copilotkit$intellige = copilotkit.intelligence) === null || _copilotkit$intellige === void 0 ? void 0 : _copilotkit$intellige.wsUrl,
+				wsUrl: copilotkit.intelligence?.wsUrl,
 				agentId,
 				includeArchived,
 				limit
@@ -4761,7 +4776,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			copilotkit.runtimeUrl,
 			runtimeStatus,
 			headersKey,
-			(_copilotkit$intellige2 = copilotkit.intelligence) === null || _copilotkit$intellige2 === void 0 ? void 0 : _copilotkit$intellige2.wsUrl,
+			copilotkit.intelligence?.wsUrl,
 			agentId,
 			includeArchived,
 			limit
@@ -4790,8 +4805,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* renders (via useCallback) to avoid destabilizing downstream memoization.
 	*/
 	function useAttachments({ config }) {
-		var _config$enabled;
-		const enabled = (_config$enabled = config === null || config === void 0 ? void 0 : config.enabled) !== null && _config$enabled !== void 0 ? _config$enabled : false;
+		const enabled = config?.enabled ?? false;
 		const [attachments, setAttachments] = (0, react.useState)([]);
 		const [dragOver, setDragOver] = (0, react.useState)(false);
 		const fileInputRef = (0, react.useRef)(null);
@@ -4801,24 +4815,19 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const attachmentsRef = (0, react.useRef)([]);
 		attachmentsRef.current = attachments;
 		const processFiles = (0, react.useCallback)(async (files) => {
-			var _cfg$accept, _cfg$maxSize;
 			const cfg = configRef.current;
-			const accept = (_cfg$accept = cfg === null || cfg === void 0 ? void 0 : cfg.accept) !== null && _cfg$accept !== void 0 ? _cfg$accept : "*/*";
-			const maxSize = (_cfg$maxSize = cfg === null || cfg === void 0 ? void 0 : cfg.maxSize) !== null && _cfg$maxSize !== void 0 ? _cfg$maxSize : 20 * 1024 * 1024;
+			const accept = cfg?.accept ?? "*/*";
+			const maxSize = cfg?.maxSize ?? 20 * 1024 * 1024;
 			const rejectedFiles = files.filter((file) => !(0, _copilotkit_shared.matchesAcceptFilter)(file, accept));
-			for (const file of rejectedFiles) {
-				var _cfg$onUploadFailed;
-				cfg === null || cfg === void 0 || (_cfg$onUploadFailed = cfg.onUploadFailed) === null || _cfg$onUploadFailed === void 0 || _cfg$onUploadFailed.call(cfg, {
-					reason: "invalid-type",
-					file,
-					message: `File "${file.name}" is not accepted. Supported types: ${accept}`
-				});
-			}
+			for (const file of rejectedFiles) cfg?.onUploadFailed?.({
+				reason: "invalid-type",
+				file,
+				message: `File "${file.name}" is not accepted. Supported types: ${accept}`
+			});
 			const validFiles = files.filter((file) => (0, _copilotkit_shared.matchesAcceptFilter)(file, accept));
 			for (const file of validFiles) {
 				if ((0, _copilotkit_shared.exceedsMaxSize)(file, maxSize)) {
-					var _cfg$onUploadFailed2;
-					cfg === null || cfg === void 0 || (_cfg$onUploadFailed2 = cfg.onUploadFailed) === null || _cfg$onUploadFailed2 === void 0 || _cfg$onUploadFailed2.call(cfg, {
+					cfg?.onUploadFailed?.({
 						reason: "file-too-large",
 						file,
 						message: `File "${file.name}" exceeds the maximum size of ${(0, _copilotkit_shared.formatFileSize)(maxSize)}`
@@ -4843,7 +4852,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				try {
 					let source;
 					let uploadMetadata;
-					if (cfg === null || cfg === void 0 ? void 0 : cfg.onUpload) {
+					if (cfg?.onUpload) {
 						const { metadata: meta, ...uploadSource } = await cfg.onUpload(file);
 						source = uploadSource;
 						uploadMetadata = meta;
@@ -4862,10 +4871,9 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						metadata: uploadMetadata
 					} : att));
 				} catch (error) {
-					var _cfg$onUploadFailed3;
 					setAttachments((prev) => prev.filter((att) => att.id !== placeholderId));
 					console.error(`[CopilotKit] Failed to upload "${file.name}":`, error);
-					cfg === null || cfg === void 0 || (_cfg$onUploadFailed3 = cfg.onUploadFailed) === null || _cfg$onUploadFailed3 === void 0 || _cfg$onUploadFailed3.call(cfg, {
+					cfg?.onUploadFailed?.({
 						reason: "upload-failed",
 						file,
 						message: error instanceof Error ? error.message : `Failed to upload "${file.name}"`
@@ -4874,8 +4882,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			}
 		}, []);
 		const handleFileUpload = (0, react.useCallback)(async (e) => {
-			var _e$target$files;
-			if (!((_e$target$files = e.target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files.length)) return;
+			if (!e.target.files?.length) return;
 			try {
 				await processFiles(Array.from(e.target.files));
 			} catch (error) {
@@ -4883,8 +4890,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			}
 		}, [processFiles]);
 		const handleDragOver = (0, react.useCallback)((e) => {
-			var _configRef$current;
-			if (!((_configRef$current = configRef.current) === null || _configRef$current === void 0 ? void 0 : _configRef$current.enabled)) return;
+			if (!configRef.current?.enabled) return;
 			e.preventDefault();
 			e.stopPropagation();
 			setDragOver(true);
@@ -4895,11 +4901,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			setDragOver(false);
 		}, []);
 		const handleDrop = (0, react.useCallback)(async (e) => {
-			var _configRef$current2;
 			e.preventDefault();
 			e.stopPropagation();
 			setDragOver(false);
-			if (!((_configRef$current2 = configRef.current) === null || _configRef$current2 === void 0 ? void 0 : _configRef$current2.enabled)) return;
+			if (!configRef.current?.enabled) return;
 			const files = Array.from(e.dataTransfer.files);
 			if (files.length > 0) try {
 				await processFiles(files);
@@ -4910,11 +4915,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		(0, react.useEffect)(() => {
 			if (!enabled) return;
 			const handlePaste = async (e) => {
-				var _containerRef$current, _configRef$current$ac, _configRef$current3, _e$clipboardData;
 				const target = e.target;
-				if (!target || !((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.contains(target))) return;
-				const accept = (_configRef$current$ac = (_configRef$current3 = configRef.current) === null || _configRef$current3 === void 0 ? void 0 : _configRef$current3.accept) !== null && _configRef$current$ac !== void 0 ? _configRef$current$ac : "*/*";
-				const fileItems = Array.from(((_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.items) || []).filter((item) => item.kind === "file" && item.getAsFile() !== null && (0, _copilotkit_shared.matchesAcceptFilter)(item.getAsFile(), accept));
+				if (!target || !containerRef.current?.contains(target)) return;
+				const accept = configRef.current?.accept ?? "*/*";
+				const fileItems = Array.from(e.clipboardData?.items || []).filter((item) => item.kind === "file" && item.getAsFile() !== null && (0, _copilotkit_shared.matchesAcceptFilter)(item.getAsFile(), accept));
 				if (fileItems.length === 0) return;
 				e.preventDefault();
 				const files = fileItems.map((item) => item.getAsFile()).filter((f) => f !== null);
@@ -4968,7 +4972,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#endregion
 //#region src/v2/components/chat/CopilotChatAssistantMessage.tsx
 	function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible = true, markdownRenderer, toolbar, copyButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }) {
-		var _messages;
 		useKatexStyles();
 		const boundMarkdownRenderer = renderSlot(markdownRenderer, CopilotChatAssistantMessage.MarkdownRenderer, { content: message.content || "" });
 		const boundCopyButton = renderSlot(copyButton, CopilotChatAssistantMessage.CopyButton, { onClick: async () => {
@@ -4995,7 +4998,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			messages
 		});
 		const hasContent = !!(message.content && message.content.trim().length > 0);
-		const isLatestAssistantMessage = message.role === "assistant" && (messages === null || messages === void 0 || (_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.id) === message.id;
+		const isLatestAssistantMessage = message.role === "assistant" && messages?.[messages.length - 1]?.id === message.id;
 		const shouldShowToolbar = toolbarVisible && hasContent && !(isRunning && isLatestAssistantMessage);
 		if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-copilotkit": true,
@@ -5040,7 +5043,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		_CopilotChatAssistantMessage.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(streamdown.Streamdown, {
 			className,
 			...props,
-			children: content !== null && content !== void 0 ? content : ""
+			children: content ?? ""
 		});
 		_CopilotChatAssistantMessage.Toolbar = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "copilot-assistant-toolbar",
@@ -5063,9 +5066,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			})] });
 		};
 		_CopilotChatAssistantMessage.CopyButton = ({ className, title, onClick, ...props }) => {
-			var _config$labels;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels !== void 0 ? _config$labels : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			const [copied, setCopied] = (0, react.useState)(false);
 			const timerRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -5095,9 +5096,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			});
 		};
 		_CopilotChatAssistantMessage.ThumbsUpButton = ({ title, ...props }) => {
-			var _config$labels2;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels2 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels2 !== void 0 ? _config$labels2 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-thumbs-up-button",
 				title: title || labels.assistantMessageToolbarThumbsUpLabel,
@@ -5106,9 +5105,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			});
 		};
 		_CopilotChatAssistantMessage.ThumbsDownButton = ({ title, ...props }) => {
-			var _config$labels3;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels3 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels3 !== void 0 ? _config$labels3 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-thumbs-down-button",
 				title: title || labels.assistantMessageToolbarThumbsDownLabel,
@@ -5117,9 +5114,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			});
 		};
 		_CopilotChatAssistantMessage.ReadAloudButton = ({ title, ...props }) => {
-			var _config$labels4;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels4 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels4 !== void 0 ? _config$labels4 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-read-aloud-button",
 				title: title || labels.assistantMessageToolbarReadAloudLabel,
@@ -5128,9 +5123,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			});
 		};
 		_CopilotChatAssistantMessage.RegenerateButton = ({ title, ...props }) => {
-			var _config$labels5;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels5 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels5 !== void 0 ? _config$labels5 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-regenerate-button",
 				title: title || labels.assistantMessageToolbarRegenerateLabel,
@@ -5267,12 +5260,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 	});
 	const DocumentAttachment = (0, react.memo)(function DocumentAttachment({ source, filename, className }) {
-		var _source$mimeType;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: cn("cpk:inline-flex cpk:items-center cpk:gap-2 cpk:px-3 cpk:py-2 cpk:border cpk:border-border cpk:rounded-lg cpk:bg-muted", className),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "cpk:text-xs cpk:font-bold cpk:uppercase",
-				children: (0, _copilotkit_shared.getDocumentIcon)((_source$mimeType = source.mimeType) !== null && _source$mimeType !== void 0 ? _source$mimeType : "")
+				children: (0, _copilotkit_shared.getDocumentIcon)(source.mimeType ?? "")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "cpk:text-sm cpk:text-muted-foreground cpk:truncate",
 				children: filename || source.mimeType || "Unknown type"
@@ -5329,7 +5321,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (flattenedContent) return await (0, _copilotkit_shared.copyToClipboard)(flattenedContent);
 			return false;
 		} });
-		const BoundEditButton = renderSlot(editButton, CopilotChatUserMessage.EditButton, { onClick: () => onEditMessage === null || onEditMessage === void 0 ? void 0 : onEditMessage({ message }) });
+		const BoundEditButton = renderSlot(editButton, CopilotChatUserMessage.EditButton, { onClick: () => onEditMessage?.({ message }) });
 		const BoundBranchNavigation = renderSlot(branchNavigation, CopilotChatUserMessage.BranchNavigation, {
 			currentBranch: branchIndex,
 			numberOfBranches,
@@ -5413,9 +5405,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			})] });
 		};
 		_CopilotChatUserMessage.CopyButton = ({ className, title, onClick, ...props }) => {
-			var _config$labels;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels !== void 0 ? _config$labels : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			const [copied, setCopied] = (0, react.useState)(false);
 			const handleClick = async (event) => {
 				let success = false;
@@ -5435,9 +5425,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			});
 		};
 		_CopilotChatUserMessage.EditButton = ({ className, title, ...props }) => {
-			var _config$labels2;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels2 = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels2 !== void 0 ? _config$labels2 : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarButton, {
 				"data-testid": "copilot-edit-button",
 				title: title || labels.userMessageToolbarEditMessageLabel,
@@ -5458,7 +5446,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 						type: "button",
 						variant: "assistantMessageToolbarButton",
-						onClick: () => onSwitchToBranch === null || onSwitchToBranch === void 0 ? void 0 : onSwitchToBranch({
+						onClick: () => onSwitchToBranch?.({
 							branchIndex: currentBranch - 1,
 							numberOfBranches,
 							message
@@ -5478,7 +5466,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 						type: "button",
 						variant: "assistantMessageToolbarButton",
-						onClick: () => onSwitchToBranch === null || onSwitchToBranch === void 0 ? void 0 : onSwitchToBranch({
+						onClick: () => onSwitchToBranch?.({
 							branchIndex: currentBranch + 1,
 							numberOfBranches,
 							message
@@ -5514,8 +5502,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return `${mins}m ${secs}s`;
 	}
 	function CopilotChatReasoningMessage({ message, messages, isRunning, header, contentView, toggle, children, className, ...props }) {
-		var _messages;
-		const isLatest = (messages === null || messages === void 0 || (_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.id) === message.id;
+		const isLatest = messages?.[messages.length - 1]?.id === message.id;
 		const isStreaming = !!(isRunning && isLatest);
 		const hasContent = !!(message.content && message.content.length > 0);
 		const startTimeRef = (0, react.useRef)(null);
@@ -5645,7 +5632,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			"data-testid": "copilot-suggestion",
 			"data-slot": "suggestion-pill",
 			className: cn(baseClasses, className),
-			type: type !== null && type !== void 0 ? type : "button",
+			type: type ?? "button",
 			"aria-busy": isLoading || void 0,
 			disabled: isLoading || props.disabled,
 			...props,
@@ -5694,16 +5681,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				className: suggestion.className,
 				isLoading,
 				type: "button",
-				onClick: () => onSelectSuggestion === null || onSelectSuggestion === void 0 ? void 0 : onSelectSuggestion(suggestion, index)
+				onClick: () => onSelectSuggestion?.(suggestion, index)
 			});
 			return react.default.cloneElement(pill, { key: `${suggestion.title}-${index}` });
 		});
 		const boundContainer = react.default.cloneElement(ContainerElement, void 0, suggestionElements);
 		if (typeof children === "function") {
-			var _suggestions$0$title, _suggestions$, _suggestions$2;
 			const sampleSuggestion = renderSlot(suggestionSlot, CopilotChatSuggestionPill, {
-				children: (_suggestions$0$title = (_suggestions$ = suggestions[0]) === null || _suggestions$ === void 0 ? void 0 : _suggestions$.title) !== null && _suggestions$0$title !== void 0 ? _suggestions$0$title : "",
-				isLoading: suggestions.length > 0 ? loadingSet.has(0) || ((_suggestions$2 = suggestions[0]) === null || _suggestions$2 === void 0 ? void 0 : _suggestions$2.isLoading) === true : false,
+				children: suggestions[0]?.title ?? "",
+				isLoading: suggestions.length > 0 ? loadingSet.has(0) || suggestions[0]?.isLoading === true : false,
 				type: "button"
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -5835,10 +5821,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (message.role !== "assistant") return [];
 			const tcs = Array.isArray(message.toolCalls) ? message.toolCalls : [];
 			const ids = [];
-			for (const tc of tcs) {
-				var _tc$function;
-				if (isMatchingToolCallName(tc === null || tc === void 0 || (_tc$function = tc.function) === null || _tc$function === void 0 ? void 0 : _tc$function.name) && (tc === null || tc === void 0 ? void 0 : tc.id)) ids.push(tc.id);
-			}
+			for (const tc of tcs) if (isMatchingToolCallName(tc?.function?.name) && tc?.id) ids.push(tc.id);
 			return ids;
 		}, [message]);
 		const hasPending = (0, react.useMemo)(() => {
@@ -5882,18 +5865,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		if (!config) return null;
 		if (phase === "idle" || phase === "hidden") return null;
 		if (message.role !== "assistant") return null;
-		if (!(Array.isArray(message.toolCalls) ? message.toolCalls : []).some((tc) => {
-			var _tc$function2;
-			return isMatchingToolCallName(tc === null || tc === void 0 || (_tc$function2 = tc.function) === null || _tc$function2 === void 0 ? void 0 : _tc$function2.name);
-		})) return null;
+		if (!(Array.isArray(message.toolCalls) ? message.toolCalls : []).some((tc) => isMatchingToolCallName(tc?.function?.name))) return null;
 		let latestMatchingAssistantId;
 		for (let i = agent.messages.length - 1; i >= 0; i -= 1) {
 			const m = agent.messages[i];
 			if (m.role !== "assistant") continue;
-			if ((Array.isArray(m.toolCalls) ? m.toolCalls : []).some((tc) => {
-				var _tc$function3;
-				return isMatchingToolCallName(tc === null || tc === void 0 || (_tc$function3 = tc.function) === null || _tc$function3 === void 0 ? void 0 : _tc$function3.name);
-			})) {
+			if ((Array.isArray(m.toolCalls) ? m.toolCalls : []).some((tc) => isMatchingToolCallName(tc?.function?.name))) {
 				latestMatchingAssistantId = m.id;
 				break;
 			}
@@ -5969,12 +5946,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			...slotProps
 		});
 	}, (prevProps, nextProps) => {
-		var _nextProps$messages;
 		if (prevProps.message.id !== nextProps.message.id) return false;
 		if (prevProps.message.content !== nextProps.message.content) return false;
 		const prevToolCalls = prevProps.message.toolCalls;
 		const nextToolCalls = nextProps.message.toolCalls;
-		if ((prevToolCalls === null || prevToolCalls === void 0 ? void 0 : prevToolCalls.length) !== (nextToolCalls === null || nextToolCalls === void 0 ? void 0 : nextToolCalls.length)) return false;
+		if (prevToolCalls?.length !== nextToolCalls?.length) return false;
 		if (prevToolCalls && nextToolCalls) for (let i = 0; i < prevToolCalls.length; i++) {
 			const prevTc = prevToolCalls[i];
 			const nextTc = nextToolCalls[i];
@@ -5988,7 +5964,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (prevToolResults.length !== nextToolResults.length) return false;
 			for (let i = 0; i < prevToolResults.length; i++) if (prevToolResults[i].content !== nextToolResults[i].content) return false;
 		}
-		if (((_nextProps$messages = nextProps.messages[nextProps.messages.length - 1]) === null || _nextProps$messages === void 0 ? void 0 : _nextProps$messages.id) === nextProps.message.id && prevProps.isRunning !== nextProps.isRunning) return false;
+		if (nextProps.messages[nextProps.messages.length - 1]?.id === nextProps.message.id && prevProps.isRunning !== nextProps.isRunning) return false;
 		if (prevProps.AssistantMessageComponent !== nextProps.AssistantMessageComponent) return false;
 		if (prevProps.slotProps !== nextProps.slotProps) return false;
 		return true;
@@ -6030,11 +6006,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			...slotProps
 		});
 	}, (prevProps, nextProps) => {
-		var _prevProps$messages, _nextProps$messages2;
 		if (prevProps.message.id !== nextProps.message.id) return false;
 		if (prevProps.message.content !== nextProps.message.content) return false;
-		const prevIsLatest = ((_prevProps$messages = prevProps.messages[prevProps.messages.length - 1]) === null || _prevProps$messages === void 0 ? void 0 : _prevProps$messages.id) === prevProps.message.id;
-		const nextIsLatest = ((_nextProps$messages2 = nextProps.messages[nextProps.messages.length - 1]) === null || _nextProps$messages2 === void 0 ? void 0 : _nextProps$messages2.id) === nextProps.message.id;
+		const prevIsLatest = prevProps.messages[prevProps.messages.length - 1]?.id === prevProps.message.id;
+		const nextIsLatest = nextProps.messages[nextProps.messages.length - 1]?.id === nextProps.message.id;
 		if (prevIsLatest !== nextIsLatest) return false;
 		if (nextIsLatest && prevProps.isRunning !== nextProps.isRunning) return false;
 		if (prevProps.ReasoningMessageComponent !== nextProps.ReasoningMessageComponent) return false;
@@ -6072,9 +6047,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		for (const message of messages) {
 			const existing = acc.get(message.id);
 			if (existing && message.role === "assistant" && existing.role === "assistant") {
-				var _message$toolCalls;
 				const content = message.content || existing.content;
-				const toolCalls = (_message$toolCalls = message.toolCalls) !== null && _message$toolCalls !== void 0 ? _message$toolCalls : existing.toolCalls;
+				const toolCalls = message.toolCalls ?? existing.toolCalls;
 				acc.set(message.id, {
 					...existing,
 					...message,
@@ -6087,20 +6061,19 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	}
 	const VIRTUALIZE_THRESHOLD = 50;
 	function CopilotChatMessageView({ messages = [], assistantMessage, userMessage, reasoningMessage, cursor, isRunning = false, children, className, ...props }) {
-		var _deduplicatedMessages;
 		const renderCustomMessage = useRenderCustomMessages();
 		const { renderActivityMessage } = useRenderActivityMessage();
 		const { copilotkit } = useCopilotKit();
 		const config = useCopilotChatConfiguration();
 		const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
 		(0, react.useEffect)(() => {
-			if (!(config === null || config === void 0 ? void 0 : config.agentId)) return;
+			if (!config?.agentId) return;
 			const agent = copilotkit.getAgent(config.agentId);
 			if (!agent) return;
 			const subscription = agent.subscribe({ onStateChanged: forceUpdate });
 			return () => subscription.unsubscribe();
 		}, [
-			config === null || config === void 0 ? void 0 : config.agentId,
+			config?.agentId,
 			copilotkit,
 			forceUpdate
 		]);
@@ -6113,9 +6086,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return () => subscription.unsubscribe();
 		}, [copilotkit]);
 		const getStateSnapshotForMessage = (messageId) => {
-			var _copilotkit$getRunIdF;
 			if (!config) return void 0;
-			const resolvedRunId = (_copilotkit$getRunIdF = copilotkit.getRunIdForMessage(config.agentId, config.threadId, messageId)) !== null && _copilotkit$getRunIdF !== void 0 ? _copilotkit$getRunIdF : copilotkit.getRunIdsForThread(config.agentId, config.threadId).slice(-1)[0];
+			const resolvedRunId = copilotkit.getRunIdForMessage(config.agentId, config.threadId, messageId) ?? copilotkit.getRunIdsForThread(config.agentId, config.threadId).slice(-1)[0];
 			if (!resolvedRunId) return void 0;
 			return copilotkit.getStateByRun(config.agentId, config.threadId, resolvedRunId);
 		};
@@ -6135,19 +6107,17 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			getScrollElement: () => scrollElement,
 			estimateSize: () => 100,
 			overscan: 5,
-			measureElement: (el) => {
-				var _el$getBoundingClient;
-				return (_el$getBoundingClient = el === null || el === void 0 ? void 0 : el.getBoundingClientRect().height) !== null && _el$getBoundingClient !== void 0 ? _el$getBoundingClient : 0;
-			},
+			measureElement: (el) => el?.getBoundingClientRect().height ?? 0,
 			initialRect: {
 				width: 0,
 				height: 600
 			}
 		});
+		const firstMessageId = deduplicatedMessages[0]?.id;
 		(0, react.useLayoutEffect)(() => {
 			if (!shouldVirtualize || !deduplicatedMessages.length) return;
 			virtualizer.scrollToIndex(deduplicatedMessages.length - 1, { align: "end" });
-		}, [shouldVirtualize, (_deduplicatedMessages = deduplicatedMessages[0]) === null || _deduplicatedMessages === void 0 ? void 0 : _deduplicatedMessages.id]);
+		}, [shouldVirtualize, firstMessageId]);
 		const renderMessageBlock = (message) => {
 			const elements = [];
 			const stateSnapshot = getStateSnapshotForMessage(message.id);
@@ -6186,13 +6156,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				renderCustomMessage,
 				stateSnapshot
 			}, `${message.id}-custom-after`));
-			if (copilotkit.intelligence !== void 0 && message.role === "assistant") {
-				var _config$agentId;
-				elements.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntelligenceIndicator, {
-					message,
-					agentId: (_config$agentId = config === null || config === void 0 ? void 0 : config.agentId) !== null && _config$agentId !== void 0 ? _config$agentId : _copilotkit_shared.DEFAULT_AGENT_ID
-				}, `${message.id}-intelligence`));
-			}
+			if (copilotkit.intelligence !== void 0 && message.role === "assistant") elements.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntelligenceIndicator, {
+				message,
+				agentId: config?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID
+			}, `${message.id}-intelligence`));
 			return elements.filter(Boolean);
 		};
 		const messageElements = shouldVirtualize ? [] : deduplicatedMessages.flatMap(renderMessageBlock);
@@ -6207,7 +6174,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			})
 		});
 		const lastMessage = messages[messages.length - 1];
-		const showCursor = isRunning && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) !== "reasoning";
+		const showCursor = isRunning && lastMessage?.role !== "reasoning";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-copilotkit": true,
 			"data-testid": "copilot-message-list",
@@ -6416,7 +6383,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const textContent = attachment.source.type === "data" ? (() => {
 				try {
 					return atob(attachment.source.value);
-				} catch (_unused) {
+				} catch {
 					return attachment.source.value;
 				}
 			})() : null;
@@ -6442,7 +6409,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "cpk:w-16 cpk:h-16 cpk:rounded-xl cpk:bg-primary cpk:text-primary-foreground cpk:flex cpk:items-center cpk:justify-center cpk:text-xl cpk:font-bold",
-					children: (0, _copilotkit_shared.getDocumentIcon)(mimeType !== null && mimeType !== void 0 ? mimeType : "")
+					children: (0, _copilotkit_shared.getDocumentIcon)(mimeType ?? "")
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "cpk:text-center",
@@ -6471,7 +6438,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			onClick: previewable ? openLightbox : void 0,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "cpk:w-8 cpk:h-8 cpk:rounded-md cpk:bg-primary cpk:text-primary-foreground cpk:flex cpk:items-center cpk:justify-center cpk:text-[10px] cpk:font-semibold cpk:shrink-0",
-				children: (0, _copilotkit_shared.getDocumentIcon)(mimeType !== null && mimeType !== void 0 ? mimeType : "")
+				children: (0, _copilotkit_shared.getDocumentIcon)(mimeType ?? "")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cpk:flex cpk:flex-col cpk:min-w-0",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -6731,13 +6698,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				className: "cpk:w-full",
 				children: [attachments && attachments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatAttachmentQueue, {
 					attachments,
-					onRemoveAttachment: (id) => onRemoveAttachment === null || onRemoveAttachment === void 0 ? void 0 : onRemoveAttachment(id),
+					onRemoveAttachment: (id) => onRemoveAttachment?.(id),
 					className: "cpk:mb-2"
 				}), BoundInputForWelcome]
 			});
 			const BoundWelcomeScreen = renderSlot(welcomeScreenSlot, CopilotChatView.WelcomeScreen, {
 				input: inputWithAttachments,
-				suggestionView: BoundSuggestionView !== null && BoundSuggestionView !== void 0 ? BoundSuggestionView : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
+				suggestionView: BoundSuggestionView ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-copilotkit": true,
@@ -6758,7 +6725,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				messageView: BoundMessageView,
 				input: BoundInput,
 				scrollView: BoundScrollView,
-				suggestionView: BoundSuggestionView !== null && BoundSuggestionView !== void 0 ? BoundSuggestionView : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
+				suggestionView: BoundSuggestionView ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 			})
 		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -6781,7 +6748,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						className: "cpk:max-w-3xl cpk:mx-auto cpk:w-full cpk:pointer-events-auto",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChatAttachmentQueue, {
 							attachments,
-							onRemoveAttachment: (id) => onRemoveAttachment === null || onRemoveAttachment === void 0 ? void 0 : onRemoveAttachment(id),
+							onRemoveAttachment: (id) => onRemoveAttachment?.(id),
 							className: "cpk:px-4"
 						})
 					}), BoundInput]
@@ -6794,8 +6761,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const { isAtBottom, scrollToBottom, scrollRef } = (0, use_stick_to_bottom.useStickToBottomContext)();
 			const [scrollEl, setScrollEl] = (0, react.useState)(null);
 			(0, react.useLayoutEffect)(() => {
-				var _scrollRef$current;
-				setScrollEl((_scrollRef$current = scrollRef.current) !== null && _scrollRef$current !== void 0 ? _scrollRef$current : null);
+				setScrollEl(scrollRef.current ?? null);
 			}, []);
 			const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollElementContext.Provider, {
@@ -6973,9 +6939,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			...props
 		});
 		_CopilotChatView.WelcomeMessage = ({ className, ...props }) => {
-			var _config$labels;
-			const config = useCopilotChatConfiguration();
-			const labels = (_config$labels = config === null || config === void 0 ? void 0 : config.labels) !== null && _config$labels !== void 0 ? _config$labels : CopilotChatDefaultLabels;
+			const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 				className: cn("cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center", className),
 				...props,
@@ -7031,7 +6995,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const reader = new FileReader();
 			reader.onloadend = () => {
 				const base64 = reader.result.split(",")[1];
-				resolve(base64 !== null && base64 !== void 0 ? base64 : "");
+				resolve(base64 ?? "");
 			};
 			reader.onerror = () => reject(/* @__PURE__ */ new Error("Failed to read audio data"));
 			reader.readAsDataURL(blob);
@@ -7047,11 +7011,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* Parse error info from a transcription error response
 	*/
 	function parseTranscriptionError(response) {
-		var _response$retryable;
 		return {
 			code: response.error,
 			message: response.message,
-			retryable: (_response$retryable = response.retryable) !== null && _response$retryable !== void 0 ? _response$retryable : false
+			retryable: response.retryable ?? false
 		};
 	}
 	/**
@@ -7118,7 +7081,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			let errorData;
 			try {
 				errorData = await response.json();
-			} catch (_unused) {
+			} catch {
 				throw new TranscriptionError({
 					code: _copilotkit_shared.TranscriptionErrorCode.PROVIDER_ERROR,
 					message: `HTTP ${response.status}: ${response.statusText}`,
@@ -7138,12 +7101,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#endregion
 //#region src/v2/components/chat/CopilotChat.tsx
 	function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, attachments: attachmentsConfig, onError, throttleMs, ...props }) {
-		var _ref, _attachmentsConfig$ac;
 		const existingConfig = useCopilotChatConfiguration();
-		const resolvedAgentId = (_ref = agentId !== null && agentId !== void 0 ? agentId : existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _ref !== void 0 ? _ref : _copilotkit_shared.DEFAULT_AGENT_ID;
-		const providedThreadId = threadId !== null && threadId !== void 0 ? threadId : existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.threadId;
-		const resolvedThreadId = (0, react.useMemo)(() => providedThreadId !== null && providedThreadId !== void 0 ? providedThreadId : (0, _copilotkit_shared.randomUUID)(), [providedThreadId]);
-		const hasExplicitThreadId = !!threadId || !!(existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.hasExplicitThreadId);
+		const resolvedAgentId = agentId ?? existingConfig?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
+		const providedThreadId = threadId ?? existingConfig?.threadId;
+		const resolvedThreadId = (0, react.useMemo)(() => providedThreadId ?? (0, _copilotkit_shared.randomUUID)(), [providedThreadId]);
+		const hasExplicitThreadId = !!threadId || !!existingConfig?.hasExplicitThreadId;
 		const { agent } = useAgent({
 			agentId: resolvedAgentId,
 			throttleMs
@@ -7162,15 +7124,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		(0, react.useEffect)(() => {
 			if (!onErrorRef.current) return;
 			const subscription = copilotkit.subscribe({ onError: (event) => {
-				var _event$context, _event$context2;
-				if (((_event$context = event.context) === null || _event$context === void 0 ? void 0 : _event$context.agentId) === resolvedAgentId || !((_event$context2 = event.context) === null || _event$context2 === void 0 ? void 0 : _event$context2.agentId)) {
-					var _onErrorRef$current;
-					(_onErrorRef$current = onErrorRef.current) === null || _onErrorRef$current === void 0 || _onErrorRef$current.call(onErrorRef, {
-						error: event.error,
-						code: event.code,
-						context: event.context
-					});
-				}
+				if (event.context?.agentId === resolvedAgentId || !event.context?.agentId) onErrorRef.current?.({
+					error: event.error,
+					code: event.code,
+					context: event.context
+				});
 			} });
 			return () => {
 				subscription.unsubscribe();
@@ -7347,8 +7305,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const stableSuggestionView = useShallowStableRef(providedSuggestionView);
 		const handleAddFile = (0, react.useCallback)(() => {
 			setTimeout(() => {
-				var _fileInputRef$current;
-				(_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
+				fileInputRef.current?.click();
 			}, 100);
 		}, []);
 		const mergedProps = {
@@ -7360,15 +7317,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		};
 		if (stableMessageView !== void 0) mergedProps.messageView = stableMessageView;
 		const hasMessages = agent.messages.length > 0;
-		const effectiveStopHandler = agent.isRunning && hasMessages ? providedStopHandler !== null && providedStopHandler !== void 0 ? providedStopHandler : stopCurrentRun : providedStopHandler;
+		const effectiveStopHandler = agent.isRunning && hasMessages ? providedStopHandler ?? stopCurrentRun : providedStopHandler;
 		const showTranscription = isTranscriptionEnabled && isMediaRecorderSupported;
 		const effectiveMode = isTranscribing ? "processing" : transcribeMode;
 		const messages = (0, react.useMemo)(() => [...agent.messages], [agent.messages.map((m) => {
 			const contentKey = typeof m.content === "string" ? m.content.length : Array.isArray(m.content) ? m.content.length : 0;
-			const toolCallsKey = "toolCalls" in m && Array.isArray(m.toolCalls) ? m.toolCalls.map((tc) => {
-				var _tc$function$argument, _tc$function;
-				return `${tc.id}:${(_tc$function$argument = (_tc$function = tc.function) === null || _tc$function === void 0 || (_tc$function = _tc$function.arguments) === null || _tc$function === void 0 ? void 0 : _tc$function.length) !== null && _tc$function$argument !== void 0 ? _tc$function$argument : 0}`;
-			}).join(";") : "";
+			const toolCallsKey = "toolCalls" in m && Array.isArray(m.toolCalls) ? m.toolCalls.map((tc) => `${tc.id}:${tc.function?.arguments?.length ?? 0}`).join(";") : "";
 			return `${m.id}:${m.role}:${contentKey}:${toolCallsKey}`;
 		}).join(",")]);
 		const lastUserMessageId = (0, react.useMemo)(() => {
@@ -7424,7 +7378,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 						multiple: true,
 						ref: fileInputRef,
 						onChange: handleFileUpload,
-						accept: (_attachmentsConfig$ac = attachmentsConfig === null || attachmentsConfig === void 0 ? void 0 : attachmentsConfig.accept) !== null && _attachmentsConfig$ac !== void 0 ? _attachmentsConfig$ac : "*/*",
+						accept: attachmentsConfig?.accept ?? "*/*",
 						style: { display: "none" }
 					}),
 					!isChatLicensed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InlineFeatureWarning, { featureName: "Chat" }),
@@ -7474,13 +7428,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	const ICON_WRAPPER_BASE = "cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform";
 	const BUTTON_BASE_CLASSES = cn("copilotKitButton", "cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center", "cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground", "cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out", "cpk:hover:scale-[1.04] cpk:hover:shadow-md", "cpk:cursor-pointer", "cpk:active:scale-[0.96]", "cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background", "cpk:disabled:pointer-events-none cpk:disabled:opacity-60");
 	const CopilotChatToggleButton = react.default.forwardRef(function CopilotChatToggleButton({ openIcon, closeIcon, className, ...buttonProps }, ref) {
-		var _configuration$labels, _configuration$isModa, _configuration$setMod;
 		const { onClick, type, disabled, ...restProps } = buttonProps;
 		const configuration = useCopilotChatConfiguration();
-		const labels = (_configuration$labels = configuration === null || configuration === void 0 ? void 0 : configuration.labels) !== null && _configuration$labels !== void 0 ? _configuration$labels : CopilotChatDefaultLabels;
+		const labels = configuration?.labels ?? CopilotChatDefaultLabels;
 		const [fallbackOpen, setFallbackOpen] = (0, react.useState)(false);
-		const isOpen = (_configuration$isModa = configuration === null || configuration === void 0 ? void 0 : configuration.isModalOpen) !== null && _configuration$isModa !== void 0 ? _configuration$isModa : fallbackOpen;
-		const setModalOpen = (_configuration$setMod = configuration === null || configuration === void 0 ? void 0 : configuration.setModalOpen) !== null && _configuration$setMod !== void 0 ? _configuration$setMod : setFallbackOpen;
+		const isOpen = configuration?.isModalOpen ?? fallbackOpen;
+		const setModalOpen = configuration?.setModalOpen ?? setFallbackOpen;
 		const handleClick = (event) => {
 			if (disabled) return;
 			if (onClick) onClick(event);
@@ -7521,7 +7474,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			ref,
-			type: type !== null && type !== void 0 ? type : "button",
+			type: type ?? "button",
 			"data-copilotkit": true,
 			"data-testid": "copilot-chat-toggle",
 			"data-slot": "chat-toggle-button",
@@ -7540,13 +7493,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#endregion
 //#region src/v2/components/chat/CopilotModalHeader.tsx
 	function CopilotModalHeader({ title, titleContent, closeButton, children, className, ...rest }) {
-		var _configuration$labels;
 		const configuration = useCopilotChatConfiguration();
-		const fallbackTitle = (_configuration$labels = configuration === null || configuration === void 0 ? void 0 : configuration.labels.modalHeaderTitle) !== null && _configuration$labels !== void 0 ? _configuration$labels : CopilotChatDefaultLabels.modalHeaderTitle;
-		const resolvedTitle = title !== null && title !== void 0 ? title : fallbackTitle;
+		const fallbackTitle = configuration?.labels.modalHeaderTitle ?? CopilotChatDefaultLabels.modalHeaderTitle;
+		const resolvedTitle = title ?? fallbackTitle;
 		const handleClose = (0, react.useCallback)(() => {
-			var _configuration$setMod;
-			configuration === null || configuration === void 0 || (_configuration$setMod = configuration.setModalOpen) === null || _configuration$setMod === void 0 || _configuration$setMod.call(configuration, false);
+			configuration?.setModalOpen?.(false);
 		}, [configuration]);
 		const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, { children: resolvedTitle });
 		const BoundCloseButton = renderSlot(closeButton, CopilotModalHeader.CloseButton, { onClick: handleClose });
@@ -7620,11 +7571,9 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 	}
 	function CopilotSidebarViewInternal({ header, toggleButton, width, position = "right", ...props }) {
-		var _configuration$isModa;
-		const configuration = useCopilotChatConfiguration();
-		const isSidebarOpen = (_configuration$isModa = configuration === null || configuration === void 0 ? void 0 : configuration.isModalOpen) !== null && _configuration$isModa !== void 0 ? _configuration$isModa : false;
+		const isSidebarOpen = useCopilotChatConfiguration()?.isModalOpen ?? false;
 		const sidebarRef = (0, react.useRef)(null);
-		const [sidebarWidth, setSidebarWidth] = (0, react.useState)(width !== null && width !== void 0 ? width : DEFAULT_SIDEBAR_WIDTH);
+		const [sidebarWidth, setSidebarWidth] = (0, react.useState)(width ?? DEFAULT_SIDEBAR_WIDTH);
 		const widthToCss = (w) => {
 			return typeof w === "number" ? `${w}px` : w;
 		};
@@ -7758,11 +7707,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 	}
 	function CopilotPopupViewInternal({ header, toggleButton, width, height, clickOutsideToClose, className, ...restProps }) {
-		var _configuration$isModa, _configuration$labels;
 		const configuration = useCopilotChatConfiguration();
-		const isPopupOpen = (_configuration$isModa = configuration === null || configuration === void 0 ? void 0 : configuration.isModalOpen) !== null && _configuration$isModa !== void 0 ? _configuration$isModa : false;
-		const setModalOpen = configuration === null || configuration === void 0 ? void 0 : configuration.setModalOpen;
-		const labels = (_configuration$labels = configuration === null || configuration === void 0 ? void 0 : configuration.labels) !== null && _configuration$labels !== void 0 ? _configuration$labels : CopilotChatDefaultLabels;
+		const isPopupOpen = configuration?.isModalOpen ?? false;
+		const setModalOpen = configuration?.setModalOpen;
+		const labels = configuration?.labels ?? CopilotChatDefaultLabels;
 		const containerRef = (0, react.useRef)(null);
 		const [isRendered, setIsRendered] = (0, react.useState)(isPopupOpen);
 		const [isAnimatingOut, setIsAnimatingOut] = (0, react.useState)(false);
@@ -7786,7 +7734,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const handleKeyDown = (event) => {
 				if (event.key === "Escape") {
 					event.preventDefault();
-					setModalOpen === null || setModalOpen === void 0 || setModalOpen(false);
+					setModalOpen?.(false);
 				}
 			};
 			window.addEventListener("keydown", handleKeyDown);
@@ -7806,11 +7754,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const handlePointerDown = (event) => {
 				const target = event.target;
 				if (!target) return;
-				const container = containerRef.current;
-				if (container === null || container === void 0 ? void 0 : container.contains(target)) return;
+				if (containerRef.current?.contains(target)) return;
 				const toggleButton = document.querySelector("[data-slot='chat-toggle-button']");
 				if (toggleButton && toggleButton.contains(target)) return;
-				setModalOpen === null || setModalOpen === void 0 || setModalOpen(false);
+				setModalOpen?.(false);
 			};
 			document.addEventListener("pointerdown", handlePointerDown);
 			return () => document.removeEventListener("pointerdown", handlePointerDown);
@@ -7900,11 +7847,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				const { header: viewHeader, toggleButton: viewToggleButton, width: viewWidth, defaultOpen: viewDefaultOpen, position: viewPosition, ...restProps } = viewProps;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotSidebarView, {
 					...restProps,
-					header: header !== null && header !== void 0 ? header : viewHeader,
-					toggleButton: toggleButton !== null && toggleButton !== void 0 ? toggleButton : viewToggleButton,
-					width: width !== null && width !== void 0 ? width : viewWidth,
-					defaultOpen: defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : viewDefaultOpen,
-					position: position !== null && position !== void 0 ? position : viewPosition
+					header: header ?? viewHeader,
+					toggleButton: toggleButton ?? viewToggleButton,
+					width: width ?? viewWidth,
+					defaultOpen: defaultOpen ?? viewDefaultOpen,
+					position: position ?? viewPosition
 				});
 			};
 			return Object.assign(Component, CopilotChatView_default);
@@ -7937,12 +7884,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				const { header: viewHeader, toggleButton: viewToggleButton, width: viewWidth, height: viewHeight, clickOutsideToClose: viewClickOutsideToClose, defaultOpen: viewDefaultOpen, ...restProps } = viewProps;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotPopupView_default, {
 					...restProps,
-					header: header !== null && header !== void 0 ? header : viewHeader,
-					toggleButton: toggleButton !== null && toggleButton !== void 0 ? toggleButton : viewToggleButton,
-					width: width !== null && width !== void 0 ? width : viewWidth,
-					height: height !== null && height !== void 0 ? height : viewHeight,
-					clickOutsideToClose: clickOutsideToClose !== null && clickOutsideToClose !== void 0 ? clickOutsideToClose : viewClickOutsideToClose,
-					defaultOpen: defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : viewDefaultOpen
+					header: header ?? viewHeader,
+					toggleButton: toggleButton ?? viewToggleButton,
+					width: width ?? viewWidth,
+					height: height ?? viewHeight,
+					clickOutsideToClose: clickOutsideToClose ?? viewClickOutsideToClose,
+					defaultOpen: defaultOpen ?? viewDefaultOpen
 				});
 			};
 			return Object.assign(Component, CopilotChatView_default);
@@ -8009,7 +7956,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 							children: "Arguments"
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
 							className: "cpk:mt-2 cpk:max-h-64 cpk:overflow-auto cpk:rounded-md cpk:bg-zinc-50 cpk:dark:bg-zinc-800/60 cpk:p-3 cpk:text-xs cpk:leading-relaxed cpk:text-zinc-800 cpk:dark:text-zinc-200 cpk:whitespace-pre-wrap cpk:break-words",
-							children: JSON.stringify(args !== null && args !== void 0 ? args : {}, null, 2)
+							children: JSON.stringify(args ?? {}, null, 2)
 						})] }), result !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "cpk:text-xs cpk:uppercase cpk:tracking-wide cpk:text-zinc-500 cpk:dark:text-zinc-400",
 							children: "Result"
@@ -8354,6 +8301,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",
@@ -8553,9 +8501,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, {
@@ -8682,8 +8629,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({
@@ -8691,8 +8638,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
@@ -8700,12 +8647,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;
@@ -8726,7 +8672,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);
@@ -8913,6 +8859,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: [
@@ -8920,7 +8867,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
@@ -8970,7 +8917,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;
@@ -9014,8 +8961,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;
 				});
 			});
@@ -9028,14 +8974,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;
@@ -9083,7 +9026,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);
@@ -9164,13 +9107,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,
@@ -9239,17 +9179,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;
 			}
 		}
@@ -9261,11 +9198,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,
@@ -9283,37 +9220,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;
 				}
@@ -9357,7 +9293,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;
 		}
@@ -9401,7 +9337,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 });
@@ -9437,46 +9372,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,
@@ -9497,7 +9428,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] });
 				});
@@ -9513,16 +9444,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 }) => {
@@ -9544,7 +9474,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;
 	}
 
@@ -9566,7 +9496,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;
@@ -9582,7 +9511,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
@@ -9611,7 +9540,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: {
@@ -9640,7 +9569,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.
@@ -9704,14 +9632,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 } : {},
@@ -9867,14 +9792,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;
@@ -10017,7 +9936,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, {
@@ -10046,8 +9965,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);