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

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_MarkdownSurfaces = require('./MarkdownSurfaces-DQZM4lSI.cjs');
+const require_MarkdownSurfaces = require('./MarkdownSurfaces-Ije2ZQh0.cjs');
 let _copilotkit_core = require("@copilotkit/core");
 let _ag_ui_client = require("@ag-ui/client");
 let react = require("react");
@@ -16,8 +16,8 @@ _radix_ui_react_dropdown_menu = require_MarkdownSurfaces.__toESM(_radix_ui_react
 let _ag_ui_core = require("@ag-ui/core");
 let _copilotkit_mcp_apps_renderer_activity = require("@copilotkit/mcp-apps-renderer/activity");
 let zod = require("zod");
+zod = require_MarkdownSurfaces.__toESM(zod);
 let _copilotkit_a2ui_renderer = require("@copilotkit/a2ui-renderer");
-let zod_to_json_schema = require("zod-to-json-schema");
 let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
 let _copilotkit_core_styles = require("@copilotkit/core/styles");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
@@ -1242,7 +1242,7 @@ function useRenderToolCall() {
 
 //#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
@@ -1632,324 +1632,63 @@ function useSandboxFunctions() {
 	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 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;
-}
+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()
+});
 /**
-* 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);
-	(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]);
-	(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
-	]);
-	(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
-	]);
+	const state = (0, react.useSyncExternalStore)(controller.subscribe, controller.getState, controller.getState);
 	(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]);
+		controller.setSandboxFunctions(sandboxFunctions);
+	}, [controller, sandboxFunctions]);
 	(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;
+		controller.setContent(content);
+	}, [controller, content]);
 	(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",
@@ -1958,7 +1697,7 @@ const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGe
 			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,
@@ -1990,7 +1729,7 @@ const OpenGenerativeUIActivityRendererInner = react.default.memo(function OpenGe
 			}), /* @__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.
@@ -2027,22 +1766,22 @@ const OpenGenerativeUIToolRenderer = function OpenGenerativeUIToolRenderer(props
 //#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"
@@ -2433,12 +2172,12 @@ function ensureInitialized() {
 * 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
@@ -2809,7 +2548,7 @@ function A2UIBuiltInToolCallRenderer() {
 	(0, react.useEffect)(() => {
 		const renderer = require_MarkdownSurfaces.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 ?? [];
@@ -3700,7 +3439,7 @@ var GenerativeUISurfaceManager = class {
 		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() {
@@ -4827,10 +4566,6 @@ function CopilotKitStyles() {
 
 //#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({});
@@ -4839,16 +4574,6 @@ const EMPTY_AGENTS = Object.freeze({});
 /** 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,
@@ -5059,7 +4784,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	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",
@@ -5284,7 +5009,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	(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({
@@ -5304,7 +5029,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 		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)(() => {
@@ -13669,6 +13394,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 () {
@@ -13759,6 +13490,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,
@@ -13945,6 +13682,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;
@@ -14845,6 +14588,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 () {
@@ -14911,6 +14660,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 () {
@@ -15037,6 +14792,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 () {
@@ -15115,6 +14876,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 () {