@copilotkit/react-core 2.0.0-rc.8 → 2.0.0-rc.9

package/dist/index.umd.js

@@ -1,10 +1,10 @@
 "use client";
 
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('@copilotkit/core'), require('@ag-ui/client'), require('react'), require('@copilotkit/markdown-renderer/react'), require('@copilotkit/markdown-renderer'), require('react/jsx-runtime'), require('@copilotkit/shared'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-dropdown-menu'), require('@ag-ui/core'), require('@copilotkit/mcp-apps-renderer/activity'), require('zod'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('@a2ui/web_core/v0_9'), require('@copilotkit/core/styles'), require('@radix-ui/react-popover'), require('react-dom'), require('@tanstack/react-virtual'), require('use-stick-to-bottom'), require('@copilotkit/web-components/threads-drawer')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@copilotkit/core', '@ag-ui/client', 'react', '@copilotkit/markdown-renderer/react', '@copilotkit/markdown-renderer', 'react/jsx-runtime', '@copilotkit/shared', '@radix-ui/react-tooltip', '@radix-ui/react-dropdown-menu', '@ag-ui/core', '@copilotkit/mcp-apps-renderer/activity', 'zod', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', '@a2ui/web_core/v0_9', '@copilotkit/core/styles', '@radix-ui/react-popover', 'react-dom', '@tanstack/react-virtual', 'use-stick-to-bottom', '@copilotkit/web-components/threads-drawer'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.CopilotKitCore,global.AgUIClient,global.React,global.CopilotKitMarkdownRendererReact,global.CopilotKitMarkdownRenderer,global.ReactJsxRuntime,global.CopilotKitShared,global.RadixReactTooltip,global.RadixReactDropdownMenu,global.AgUICore,global.CopilotKitMcpAppsRendererActivity,global.Zod,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global._a2ui_web_core_v0_9,global._copilotkit_core_styles,global._radix_ui_react_popover,global.ReactDOM,global._tanstack_react_virtual,global.useStickToBottom,global._copilotkit_web_components_threads_drawer));
-})(this, function(exports, _copilotkit_core, _ag_ui_client, react, _copilotkit_markdown_renderer_react, _copilotkit_markdown_renderer, react_jsx_runtime, _copilotkit_shared, _radix_ui_react_tooltip, _radix_ui_react_dropdown_menu, _ag_ui_core, _copilotkit_mcp_apps_renderer_activity, zod, _copilotkit_a2ui_renderer, zod_to_json_schema, _a2ui_web_core_v0_9, _copilotkit_core_styles, _radix_ui_react_popover, react_dom, _tanstack_react_virtual, use_stick_to_bottom, _copilotkit_web_components_threads_drawer) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('@copilotkit/core'), require('@ag-ui/client'), require('react'), require('@copilotkit/markdown-renderer/react'), require('@copilotkit/markdown-renderer'), require('react/jsx-runtime'), require('@copilotkit/shared'), require('@radix-ui/react-tooltip'), require('@radix-ui/react-dropdown-menu'), require('@ag-ui/core'), require('@copilotkit/mcp-apps-renderer/activity'), require('zod'), require('@copilotkit/a2ui-renderer'), require('@a2ui/web_core/v0_9'), require('@copilotkit/core/styles'), require('@radix-ui/react-popover'), require('react-dom'), require('@tanstack/react-virtual'), require('use-stick-to-bottom'), require('@copilotkit/web-components/threads-drawer')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@copilotkit/core', '@ag-ui/client', 'react', '@copilotkit/markdown-renderer/react', '@copilotkit/markdown-renderer', 'react/jsx-runtime', '@copilotkit/shared', '@radix-ui/react-tooltip', '@radix-ui/react-dropdown-menu', '@ag-ui/core', '@copilotkit/mcp-apps-renderer/activity', 'zod', '@copilotkit/a2ui-renderer', '@a2ui/web_core/v0_9', '@copilotkit/core/styles', '@radix-ui/react-popover', 'react-dom', '@tanstack/react-virtual', 'use-stick-to-bottom', '@copilotkit/web-components/threads-drawer'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.CopilotKitCore,global.AgUIClient,global.React,global.CopilotKitMarkdownRendererReact,global.CopilotKitMarkdownRenderer,global.ReactJsxRuntime,global.CopilotKitShared,global.RadixReactTooltip,global.RadixReactDropdownMenu,global.AgUICore,global.CopilotKitMcpAppsRendererActivity,global.Zod,global.CopilotKitA2UIRenderer,global._a2ui_web_core_v0_9,global._copilotkit_core_styles,global._radix_ui_react_popover,global.ReactDOM,global._tanstack_react_virtual,global.useStickToBottom,global._copilotkit_web_components_threads_drawer));
+})(this, function(exports, _copilotkit_core, _ag_ui_client, react, _copilotkit_markdown_renderer_react, _copilotkit_markdown_renderer, react_jsx_runtime, _copilotkit_shared, _radix_ui_react_tooltip, _radix_ui_react_dropdown_menu, _ag_ui_core, _copilotkit_mcp_apps_renderer_activity, zod, _copilotkit_a2ui_renderer, _a2ui_web_core_v0_9, _copilotkit_core_styles, _radix_ui_react_popover, react_dom, _tanstack_react_virtual, use_stick_to_bottom, _copilotkit_web_components_threads_drawer) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -36,6 +36,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 react = __toESM(react);
 _radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
 _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
+zod = __toESM(zod);
 _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#region src/components/chat/StreamingMarkdownDefaultRenderer.tsx
@@ -1881,7 +1882,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region package.json
-	var version$1 = "2.0.0-rc.8";
+	var version$1 = "2.0.0-rc.9";
 
 //#endregion
 //#region src/components/CopilotKitInspector.tsx
@@ -2271,324 +2272,63 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		return (0, react.useContext)(SandboxFunctionsContext);
 	}
 
-//#endregion
-//#region src/lib/processPartialHtml.ts
-/**
-	* Extracts all complete `<style>` blocks from the raw HTML.
-	* Returns the concatenated style tags, suitable for injection into `<head>`.
-	*/
-	function extractCompleteStyles(html) {
-		const matches = html.match(/<style\b[^>]*>[\s\S]*?<\/style>/gi);
-		return matches ? matches.join("") : "";
-	}
-	/**
-	* Processes raw accumulated HTML for safe preview via innerHTML injection.
-	* Pure function, no DOM dependencies.
-	*
-	* Pipeline (order matters):
-	* 1. Strip incomplete tag at end
-	* 2. Strip complete <style>, <script>, and <head> blocks
-	* 3. Strip incomplete <style>/<script>/<head> blocks
-	* 4. Strip incomplete HTML entities
-	* 5. Extract body content (or use full string if no <body>)
-	*/
-	function processPartialHtml(html) {
-		let result = html;
-		result = result.replace(/<[^>]*$/, "");
-		result = result.replace(/<(style|script|head)\b[^>]*>[\s\S]*?<\/\1>/gi, "");
-		result = result.replace(/<(style|script|head)\b[^>]*>[\s\S]*$/gi, "");
-		result = result.replace(/&[a-zA-Z0-9#]*$/, "");
-		const bodyMatch = result.match(/<body[^>]*>([\s\S]*)/i);
-		if (bodyMatch) {
-			result = bodyMatch[1];
-			result = result.replace(/<\/body>[\s\S]*/i, "");
-		}
-		return result;
-	}
-
 //#endregion
 //#region src/components/OpenGenerativeUIRenderer.tsx
-	const OpenGenerativeUIActivityType = "open-generative-ui";
-	const OpenGenerativeUIContentSchema = zod.z.object({
-		initialHeight: zod.z.number().optional(),
-		generating: zod.z.boolean().optional(),
-		css: zod.z.string().optional(),
-		cssComplete: zod.z.boolean().optional(),
-		html: zod.z.array(zod.z.string()).optional(),
-		htmlComplete: zod.z.boolean().optional(),
-		jsFunctions: zod.z.string().optional(),
-		jsFunctionsComplete: zod.z.boolean().optional(),
-		jsExpressions: zod.z.array(zod.z.string()).optional(),
-		jsExpressionsComplete: zod.z.boolean().optional()
+	const OpenGenerativeUIActivityType = _copilotkit_core.OPEN_GENERATIVE_UI_ACTIVITY_TYPE;
+	const OpenGenerativeUIContentSchema = zod.object({
+		initialHeight: zod.number().optional(),
+		generating: zod.boolean().optional(),
+		css: zod.string().optional(),
+		cssComplete: zod.boolean().optional(),
+		html: zod.array(zod.string()).optional(),
+		htmlComplete: zod.boolean().optional(),
+		jsFunctions: zod.string().optional(),
+		jsFunctionsComplete: zod.boolean().optional(),
+		jsExpressions: zod.array(zod.string()).optional(),
+		jsExpressionsComplete: zod.boolean().optional()
 	});
 	/**
 	* Schema for the generateSandboxedUi tool call arguments.
 	* Used by the frontend tool renderer to display placeholder messages.
 	*/
-	const GenerateSandboxedUiArgsSchema = zod.z.object({
-		initialHeight: zod.z.number().optional(),
-		placeholderMessages: zod.z.array(zod.z.string()).optional(),
-		css: zod.z.string().optional(),
-		html: zod.z.string().optional(),
-		jsFunctions: zod.z.string().optional(),
-		jsExpressions: zod.z.array(zod.z.string()).optional()
+	const GenerateSandboxedUiArgsSchema = zod.object({
+		initialHeight: zod.number().optional(),
+		placeholderMessages: zod.array(zod.string()).optional(),
+		css: zod.string().optional(),
+		html: zod.string().optional(),
+		jsFunctions: zod.string().optional(),
+		jsExpressions: zod.array(zod.string()).optional()
 	});
-	const THROTTLE_MS = 1e3;
 	/**
-	* Returns true when the inner component should re-render immediately
-	* (no throttle delay).
-	*/
-	function shouldFlushImmediately(prev, next) {
-		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?.length ?? 0) > (prev?.jsExpressions?.length ?? 0)) return true;
-		if (next.html?.length && (!prev || !prev.html?.length)) return true;
-		return false;
-	}
-	/**
-	* Outer wrapper — absorbs every parent re-render but only forwards
-	* throttled content snapshots to the memoized inner component.
+	* Renders an Open Generative UI activity. The core controller throttles the
+	* content and runs the websandbox iframes inside the container div.
 	*/
 	const OpenGenerativeUIActivityRenderer = function OpenGenerativeUIActivityRenderer({ content }) {
-		const latestContentRef = (0, react.useRef)(content);
-		latestContentRef.current = content;
-		const [throttledContent, setThrottledContent] = (0, react.useState)(content);
-		const throttledContentRef = (0, react.useRef)(throttledContent);
-		const timerRef = (0, react.useRef)(null);
-		if (throttledContentRef.current !== content) {
-			if (shouldFlushImmediately(throttledContentRef.current, content)) {
-				if (timerRef.current !== null) {
-					clearTimeout(timerRef.current);
-					timerRef.current = null;
-				}
-				throttledContentRef.current = content;
-				setThrottledContent(content);
-			}
-		}
-		const flush = (0, react.useCallback)(() => {
-			timerRef.current = null;
-			const latest = latestContentRef.current;
-			throttledContentRef.current = latest;
-			setThrottledContent(latest);
-		}, []);
-		(0, react.useEffect)(() => {
-			if (throttledContentRef.current === content) return;
-			if (timerRef.current === null) timerRef.current = setTimeout(flush, THROTTLE_MS);
-		}, [content, flush]);
-		(0, react.useEffect)(() => {
-			return () => {
-				if (timerRef.current !== null) clearTimeout(timerRef.current);
-			};
-		}, []);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenGenerativeUIActivityRendererInner, { content: throttledContent });
-	};
-	function ensureHead(html) {
-		if (/<head[\s>]/i.test(html)) return html;
-		return `<head></head>${html}`;
-	}
-	function injectCssIntoHtml(html, css) {
-		const headCloseIdx = html.indexOf("</head>");
-		if (headCloseIdx !== -1) return html.slice(0, headCloseIdx) + `<style>${css}</style>` + html.slice(headCloseIdx);
-		return `<head><style>${css}</style></head>${html}`;
-	}
-	const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGenerativeUIActivityRendererInner({ content }) {
-		const initialHeight = content.initialHeight ?? 200;
-		const [autoHeight, setAutoHeight] = (0, react.useState)(null);
+		const [controller] = (0, react.useState)(() => {
+			const created = new _copilotkit_core.ɵOpenGenerativeUIController();
+			created.setContent(content);
+			return created;
+		});
 		const sandboxFunctions = useSandboxFunctions();
-		const localApi = (0, react.useMemo)(() => {
-			const api = {};
-			for (const fn of sandboxFunctions) api[fn.name] = fn.handler;
-			return api;
-		}, [sandboxFunctions]);
-		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.html?.length ? content.html.join("") : void 0;
-		const previewBody = partialHtml ? processPartialHtml(partialHtml) : void 0;
-		const previewStyles = partialHtml ? extractCompleteStyles(partialHtml) : "";
-		const hasPreview = cssReady && !!previewBody?.trim();
-		const hasVisibleSandbox = !!fullHtml || hasPreview;
 		const containerRef = (0, react.useRef)(null);
-		const sandboxRef = (0, react.useRef)(null);
-		const previewSandboxRef = (0, react.useRef)(null);
-		const previewReadyRef = (0, react.useRef)(false);
-		const sandboxReadyRef = (0, react.useRef)(false);
-		const executedIndexRef = (0, react.useRef)(0);
-		const pendingQueueRef = (0, react.useRef)([]);
-		const jsFunctionsInjectedRef = (0, react.useRef)(false);
+		const state = (0, react.useSyncExternalStore)(controller.subscribe, controller.getState, controller.getState);
 		(0, react.useEffect)(() => {
-			const container = containerRef.current;
-			if (!container || fullHtml || !hasPreview || previewSandboxRef.current) return;
-			let cancelled = false;
-			import("@jetbrains/websandbox").then((mod) => {
-				if (cancelled) return;
-				const sandbox = (mod.default?.default ?? mod.default).create({}, {
-					frameContainer: container,
-					frameContent: "<head></head><body></body>",
-					allowAdditionalAttributes: ""
-				});
-				previewSandboxRef.current = sandbox;
-				sandbox.iframe.style.width = "100%";
-				sandbox.iframe.style.height = "100%";
-				sandbox.iframe.style.border = "none";
-				sandbox.iframe.style.backgroundColor = "transparent";
-				sandbox.promise.then(() => {
-					if (cancelled) return;
-					previewReadyRef.current = true;
-					sandbox.run(`
-            var s = document.createElement('style');
-            s.textContent = 'html, body { overflow: hidden !important; }';
-            document.head.appendChild(s);
-          `);
-					const headParts = [];
-					if (css) headParts.push(`<style>${css}</style>`);
-					if (previewStyles) headParts.push(previewStyles);
-					if (headParts.length) sandbox.run(`document.head.innerHTML = ${JSON.stringify(headParts.join(""))}`);
-					if (previewBody) sandbox.run(`document.body.innerHTML = ${JSON.stringify(previewBody)}`);
-				});
-			}).catch((err) => {
-				console.error("[OpenGenerativeUI] Failed to load sandbox module:", err);
-			});
-			return () => {
-				cancelled = true;
-			};
-		}, [hasPreview, fullHtml]);
+			controller.setSandboxFunctions(sandboxFunctions);
+		}, [controller, sandboxFunctions]);
 		(0, react.useEffect)(() => {
-			if (!previewSandboxRef.current || !previewReadyRef.current) return;
-			const headParts = [];
-			if (css) headParts.push(`<style>${css}</style>`);
-			if (previewStyles) headParts.push(previewStyles);
-			if (headParts.length) previewSandboxRef.current.run(`document.head.innerHTML = ${JSON.stringify(headParts.join(""))}`);
-			if (!previewBody) return;
-			previewSandboxRef.current.run(`document.body.innerHTML = ${JSON.stringify(previewBody)}`);
-		}, [
-			previewBody,
-			previewStyles,
-			css
-		]);
+			controller.setContent(content);
+		}, [controller, content]);
 		(0, react.useEffect)(() => {
-			const container = containerRef.current;
-			if (!container || !fullHtml) return;
-			if (previewSandboxRef.current) {
-				previewSandboxRef.current.destroy();
-				previewSandboxRef.current = null;
-				previewReadyRef.current = false;
-			}
-			let cancelled = false;
-			executedIndexRef.current = 0;
-			jsFunctionsInjectedRef.current = false;
-			sandboxReadyRef.current = false;
-			pendingQueueRef.current = [];
-			const htmlContent = css ? injectCssIntoHtml(fullHtml, css) : fullHtml;
-			import("@jetbrains/websandbox").then((mod) => {
-				if (cancelled) return;
-				const sandbox = (mod.default?.default ?? mod.default).create(localApi, {
-					frameContainer: container,
-					frameContent: ensureHead(htmlContent),
-					allowAdditionalAttributes: ""
-				});
-				sandboxRef.current = sandbox;
-				sandbox.iframe.style.width = "100%";
-				sandbox.iframe.style.height = "100%";
-				sandbox.iframe.style.border = "none";
-				sandbox.iframe.style.backgroundColor = "transparent";
-				sandbox.promise.then(() => {
-					if (cancelled) return;
-					sandboxReadyRef.current = true;
-					sandbox.run(`
-            var s = document.createElement('style');
-            s.textContent = 'html, body { overflow: hidden !important; }';
-            document.head.appendChild(s);
-          `);
-					const queue = pendingQueueRef.current;
-					pendingQueueRef.current = [];
-					for (const code of queue) sandbox.run(code);
-				});
-			}).catch((err) => {
-				console.error("[OpenGenerativeUI] Failed to load sandbox module:", err);
-			});
-			return () => {
-				cancelled = true;
-				if (previewSandboxRef.current) {
-					previewSandboxRef.current.destroy();
-					previewSandboxRef.current = null;
-					previewReadyRef.current = false;
-				}
-				if (sandboxRef.current) {
-					sandboxRef.current.destroy();
-					sandboxRef.current = null;
-				}
-				sandboxReadyRef.current = false;
-				setAutoHeight(null);
-			};
-		}, [
-			fullHtml,
-			css,
-			localApi
-		]);
-		(0, react.useEffect)(() => {
-			if (!content.jsFunctions || jsFunctionsInjectedRef.current) return;
-			jsFunctionsInjectedRef.current = true;
-			const sandbox = sandboxRef.current;
-			if (sandboxReadyRef.current && sandbox) sandbox.run(content.jsFunctions);
-			else pendingQueueRef.current.push(content.jsFunctions);
-		}, [content.jsFunctions]);
-		(0, react.useEffect)(() => {
-			const expressions = content.jsExpressions;
-			if (!expressions || expressions.length === 0) return;
-			const startIndex = executedIndexRef.current;
-			if (startIndex >= expressions.length) return;
-			const newExprs = expressions.slice(startIndex);
-			executedIndexRef.current = expressions.length;
-			const sandbox = sandboxRef.current;
-			if (sandboxReadyRef.current && sandbox) (async () => {
-				for (const expr of newExprs) await sandbox.run(expr);
-			})();
-			else pendingQueueRef.current.push(...newExprs);
-		}, [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) => {
-				if (handled) return;
-				if (e.source === sandbox.iframe.contentWindow && e.data?.type === "__ck_resize") {
-					handled = true;
-					setAutoHeight(e.data.height);
-					window.removeEventListener("message", onMessage);
-				}
-			};
-			window.addEventListener("message", onMessage);
-			const measureOnce = `
-        (function() {
-          var s = document.createElement('style');
-          s.textContent = 'body { height: auto !important; min-height: 0 !important; }';
-          document.head.appendChild(s);
-          var h = document.body.scrollHeight;
-          var cs = getComputedStyle(document.body);
-          h += parseFloat(cs.marginTop) || 0;
-          h += parseFloat(cs.marginBottom) || 0;
-          s.remove();
-          parent.postMessage({ type: "__ck_resize", height: Math.ceil(h) }, "*");
-        })();
-      `;
-			if (sandboxReadyRef.current) sandbox.run(measureOnce);
-			else pendingQueueRef.current.push(measureOnce);
-			return () => {
-				window.removeEventListener("message", onMessage);
-			};
-		}, [generationDone]);
-		const height = autoHeight ?? initialHeight;
-		const isGenerating = content.generating !== false;
+			controller.setHost(containerRef.current);
+			return () => controller.destroy();
+		}, [controller]);
+		const hasVisibleSandbox = state.phase !== "placeholder";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			ref: containerRef,
 			style: {
 				position: "relative",
 				width: "100%",
-				height: `${height}px`,
+				height: `${state.height}px`,
 				borderRadius: "8px",
 				backgroundColor: hasVisibleSandbox ? "transparent" : "#f5f5f5",
 				border: hasVisibleSandbox ? "none" : "1px solid #e0e0e0",
@@ -2597,7 +2337,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				justifyContent: hasVisibleSandbox ? void 0 : "center",
 				overflow: "hidden"
 			},
-			children: isGenerating && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			children: state.generating && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -2629,7 +2369,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `@keyframes ck-spin { to { transform: rotate(360deg) } }` })]
 			})
 		});
-	}, (prev, next) => prev.content === next.content);
+	};
 	/**
 	* Frontend tool renderer for generateSandboxedUi.
 	* Displays placeholder messages while the UI is being generated.
@@ -2666,22 +2406,22 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#region src/a2ui/A2UIRecoveryStates.tsx
 /**
 	* The pre-paint lifecycle fields the middleware stamps onto the `a2ui-surface`
-	* activity content (alongside `a2ui_operations` on paint). `.passthrough()` keeps
+	* activity content (alongside `a2ui_operations` on paint). `.loose()` keeps
 	* `a2ui_operations` and any future fields intact.
 	*/
 	const A2UILifecycleFields = {
-		status: zod.z.enum([
+		status: zod.enum([
 			"building",
 			"retrying",
 			"failed"
 		]).optional(),
-		attempt: zod.z.number().optional(),
-		maxAttempts: zod.z.number().optional(),
-		progressTokens: zod.z.number().optional(),
-		error: zod.z.string().optional(),
-		errors: zod.z.array(zod.z.any()).optional(),
-		attempts: zod.z.array(zod.z.any()).optional(),
-		debugExposure: zod.z.enum([
+		attempt: zod.number().optional(),
+		maxAttempts: zod.number().optional(),
+		progressTokens: zod.number().optional(),
+		error: zod.string().optional(),
+		errors: zod.array(zod.any()).optional(),
+		attempts: zod.array(zod.any()).optional(),
+		debugExposure: zod.enum([
 			"hidden",
 			"collapsed",
 			"verbose"
@@ -3072,12 +2812,12 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	* stable messageId (OSS-162): pre-paint `status` ("building" | "retrying" |
 	* "failed") with recovery detail, then `a2ui_operations` on paint. The states
 	* swap in place, so the painted surface replaces the skeleton with no extra
-	* coordination. `.passthrough()` preserves operations + any future fields.
+	* coordination. `.loose()` preserves operations + any future fields.
 	*/
-	const A2UISurfaceContentSchema = zod.z.object({
-		a2ui_operations: zod.z.array(zod.z.any()).optional(),
+	const A2UISurfaceContentSchema = zod.object({
+		a2ui_operations: zod.array(zod.any()).optional(),
 		...A2UILifecycleFields
-	}).passthrough();
+	}).loose();
 	const IS_DEVELOPMENT = process.env.NODE_ENV !== "production";
 	/**
 	* How long to wait for a surface to report its first paint before giving up on
@@ -3461,7 +3201,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		(0, react.useEffect)(() => {
 			const renderer = defineToolCallRenderer({
 				name: RENDER_A2UI_TOOL_NAME,
-				args: zod.z.any(),
+				args: zod.any(),
 				render: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 			});
 			const existing = copilotkit._renderToolCalls ?? [];
@@ -3632,12 +3372,11 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 //#endregion
 //#region src/generative-ui/json-schema.ts
 /**
-	* JSON Schema for a Standard Schema (zod v3 via zod-to-json-schema),
-	* inlined, no `$schema`. A prop marked by `child()` or `childList()`
+	* JSON Schema for a Standard Schema, without `$schema`. A prop marked by `child()` or `childList()`
 	* becomes an A2UI `$ref` to `ComponentId` or `ChildList`.
 	*/
 	function toJsonSchema(schema) {
-		const { $schema: _omit, ...rest } = (0, _copilotkit_shared.schemaToJsonSchema)(schema, { zodToJsonSchema: (s) => (0, zod_to_json_schema.zodToJsonSchema)(s, { $refStrategy: "none" }) });
+		const { $schema: _omit, ...rest } = (0, _copilotkit_shared.schemaToJsonSchema)(schema);
 		return (0, _copilotkit_shared.applyChildRefMarks)(rest);
 	}
 
@@ -5910,7 +5649,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			this.getState = () => this.state;
 			this.webCoreCatalog = new _a2ui_web_core_v0_9.Catalog(ui.id, [...ui.components.keys()].map((name) => ({
 				name,
-				schema: zod.z.any()
+				schema: zod.any()
 			})), []);
 		}
 		notify() {
@@ -7899,21 +7638,21 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			})]
 		});
 	}
-	const ContentSchema = zod.z.object({
-		surfaceId: zod.z.string(),
-		target: zod.z.string(),
-		catalogId: zod.z.string(),
-		operations: zod.z.array(zod.z.any()),
-		status: zod.z.enum([
+	const ContentSchema = zod.object({
+		surfaceId: zod.string(),
+		target: zod.string(),
+		catalogId: zod.string(),
+		operations: zod.array(zod.any()),
+		status: zod.enum([
 			"streaming",
 			"ready",
 			"error"
 		]),
-		rejected: zod.z.array(zod.z.object({
-			index: zod.z.number(),
-			reason: zod.z.string()
+		rejected: zod.array(zod.object({
+			index: zod.number(),
+			reason: zod.string()
 		})).default([])
-	}).passthrough();
+	}).loose();
 	function GenerativeUIChatActivity({ content, agent }) {
 		const runtime = useGenerativeUIRuntime();
 		const threadId = useCopilotChatConfiguration()?.threadId ?? agent?.threadId;
@@ -7955,7 +7694,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	function createGenerativeUIFunctionCallActivityRenderer() {
 		return {
 			activityType: _copilotkit_shared.GENERATIVE_UI_FUNCTION_CALL_ACTIVITY_TYPE,
-			content: zod.z.unknown(),
+			content: zod.unknown(),
 			render: () => null
 		};
 	}
@@ -7965,7 +7704,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		(0, react.useEffect)(() => {
 			const renderer = defineToolCallRenderer({
 				name: _copilotkit_shared.GENERATIVE_UI_RENDER_TOOL,
-				args: zod.z.any(),
+				args: zod.any(),
 				render: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {})
 			});
 			const existing = copilotkit._renderToolCalls ?? [];
@@ -8013,10 +7752,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 
 //#endregion
 //#region src/providers/CopilotKitProvider.tsx
-	const zodToJsonSchemaAdapter = (schema, options) => {
-		const refStrategy = options?.$refStrategy;
-		return (0, zod_to_json_schema.zodToJsonSchema)(schema, refStrategy === "root" || refStrategy === "relative" || refStrategy === "none" || refStrategy === "seen" ? { $refStrategy: refStrategy } : {});
-	};
 	const HEADER_NAME = "X-CopilotCloud-Public-Api-Key";
 	const COPILOT_CLOUD_CHAT_URL = "https://api.cloud.copilotkit.ai/copilotkit/v1";
 	const EMPTY_HEADERS = Object.freeze({});
@@ -8025,16 +7760,6 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 	/** Registration name of a catch-all tool: handles any otherwise-unhandled call. */
 	const WILDCARD_TOOL_NAME$1 = "*";
 	const HUMAN_IN_THE_LOOP_ABORTED_MESSAGE = "Human-in-the-loop interaction aborted";
-	const DEFAULT_DESIGN_SKILL = `When generating UI with generateSandboxedUi, follow these design principles inspired by shadcn/ui:
-
-- Use a minimal, flat aesthetic. Avoid drop shadows and gradients — rely on subtle borders (1px solid, light gray like #e5e7eb) to define surfaces.
-- Neutral base palette: white backgrounds, zinc/slate gray text (#09090b for headings, #71717a for secondary text). One accent color for interactive elements.
-- Use system font stacks (system-ui, -apple-system, sans-serif) at readable sizes (14px body, 600 weight for headings). Tight line-heights.
-- Small, consistent border-radius (6–8px). Cards and containers use border, not shadow, for separation.
-- Buttons: solid fill for primary (dark bg, white text), outline for secondary (border + transparent bg). Subtle hover state (slight opacity or background shift).
-- Use CSS Grid or Flexbox for layout. Ensure the UI looks good at any width.
-- Minimal transitions (150ms) for hover/focus states only. No decorative animations.
-- Keep the UI focused and dense — avoid excessive padding. Use compact spacing (8–12px gaps, 10–14px padding in controls).`;
 	/** The MCP Apps renderer with `mcpApps.allowSameOriginFallback` applied. */
 	const SameOriginMCPAppsActivityRenderer = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MCPAppsActivityRenderer, {
 		...props,
@@ -8245,7 +7970,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		const builtInFrontendTools = (0, react.useMemo)(() => {
 			if (!openGenUIActive) return [];
 			return [{
-				name: "generateSandboxedUi",
+				name: _copilotkit_core.GENERATE_SANDBOXED_UI_TOOL_NAME,
 				description: _copilotkit_shared.GENERATE_SANDBOXED_UI_DESCRIPTION,
 				parameters: GenerateSandboxedUiArgsSchema,
 				handler: async () => "UI generated",
@@ -8470,7 +8195,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 		(0, react.useEffect)(() => {
 			copilotkit.setDefaultThrottleMs(defaultThrottleMs);
 		}, [copilotkit, defaultThrottleMs]);
-		const designSkill = openGenerativeUI?.designSkill ?? DEFAULT_DESIGN_SKILL;
+		const designSkill = openGenerativeUI?.designSkill ?? _copilotkit_core.DEFAULT_OPEN_GENERATIVE_UI_DESIGN_SKILL;
 		(0, react.useLayoutEffect)(() => {
 			if (!copilotkit || !openGenUIActive) return;
 			const id = copilotkit.addContext({
@@ -8490,7 +8215,7 @@ _radix_ui_react_popover = __toESM(_radix_ui_react_popover);
 			return JSON.stringify(sandboxFunctionsList.map((fn) => ({
 				name: fn.name,
 				description: fn.description,
-				parameters: (0, _copilotkit_shared.schemaToJsonSchema)(fn.parameters, { zodToJsonSchema: zodToJsonSchemaAdapter })
+				parameters: (0, _copilotkit_shared.schemaToJsonSchema)(fn.parameters)
 			})));
 		}, [sandboxFunctionsList]);
 		(0, react.useLayoutEffect)(() => {
@@ -17002,6 +16727,12 @@ Object.defineProperty(exports, 'CustomEventSchema', {
     return _ag_ui_core_schemas.CustomEventSchema;
   }
 });
+Object.defineProperty(exports, 'DEFAULT_OPEN_GENERATIVE_UI_DESIGN_SKILL', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.DEFAULT_OPEN_GENERATIVE_UI_DESIGN_SKILL;
+  }
+});
 Object.defineProperty(exports, 'DataSourceSchema', {
   enumerable: true,
   get: function () {
@@ -17092,6 +16823,12 @@ Object.defineProperty(exports, 'FunctionMiddleware', {
     return _ag_ui_client.FunctionMiddleware;
   }
 });
+Object.defineProperty(exports, 'GENERATE_SANDBOXED_UI_TOOL_NAME', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.GENERATE_SANDBOXED_UI_TOOL_NAME;
+  }
+});
 exports.GenerateSandboxedUiArgsSchema = GenerateSandboxedUiArgsSchema;
 Object.defineProperty(exports, 'HttpAgent', {
   enumerable: true,
@@ -17278,6 +17015,12 @@ Object.defineProperty(exports, 'MultimodalOutputCapabilitiesSchema', {
     return _ag_ui_core_schemas.MultimodalOutputCapabilitiesSchema;
   }
 });
+Object.defineProperty(exports, 'OPEN_GENERATIVE_UI_ACTIVITY_TYPE', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.OPEN_GENERATIVE_UI_ACTIVITY_TYPE;
+  }
+});
 exports.OpenGenerativeUIActivityRenderer = OpenGenerativeUIActivityRenderer;
 exports.OpenGenerativeUIActivityType = OpenGenerativeUIActivityType;
 exports.OpenGenerativeUIContentSchema = OpenGenerativeUIContentSchema;
@@ -18168,6 +17911,12 @@ Object.defineProperty(exports, 'ɵMAX_SOCKET_RETRIES', {
     return _copilotkit_core.ɵMAX_SOCKET_RETRIES;
   }
 });
+Object.defineProperty(exports, 'ɵOpenGenerativeUIController', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵOpenGenerativeUIController;
+  }
+});
 Object.defineProperty(exports, 'ɵRUNTIME_PROBE_TIMEOUT_MS', {
   enumerable: true,
   get: function () {
@@ -18234,6 +17983,12 @@ Object.defineProperty(exports, 'ɵdeduplicateMessages', {
     return _copilotkit_core.ɵdeduplicateMessages;
   }
 });
+Object.defineProperty(exports, 'ɵextractCompleteStyles', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵextractCompleteStyles;
+  }
+});
 Object.defineProperty(exports, 'ɵformatCountLabel', {
   enumerable: true,
   get: function () {
@@ -18360,6 +18115,12 @@ Object.defineProperty(exports, 'ɵjoinPhoenixChannel$', {
     return _copilotkit_core.ɵjoinPhoenixChannel$;
   }
 });
+Object.defineProperty(exports, 'ɵloadWebsandbox', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵloadWebsandbox;
+  }
+});
 Object.defineProperty(exports, 'ɵmapMemoryMetadataEvent', {
   enumerable: true,
   get: function () {
@@ -18438,6 +18199,12 @@ Object.defineProperty(exports, 'ɵpluralize', {
     return _copilotkit_core.ɵpluralize;
   }
 });
+Object.defineProperty(exports, 'ɵprocessPartialHtml', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.ɵprocessPartialHtml;
+  }
+});
 Object.defineProperty(exports, 'ɵrecordWorkTime', {
   enumerable: true,
   get: function () {