@copilotkit/a2ui-renderer 1.53.0-next.6 → 1.53.1-next.0

package/dist/react-renderer/theme/ThemeContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.mjs","names":[],"sources":["../../../src/react-renderer/theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport { defaultTheme } from \"./litTheme\";\n\n/**\n * React context for the A2UI theme.\n */\nconst ThemeContext = createContext<Types.Theme | undefined>(undefined);\n\n/**\n * Props for the ThemeProvider component.\n */\nexport interface ThemeProviderProps {\n  /** The theme to provide. Falls back to defaultTheme if not specified. */\n  theme?: Types.Theme;\n  /** Child components that will have access to the theme */\n  children: ReactNode;\n}\n\n/**\n * Provider component that makes the A2UI theme available to descendant components.\n */\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  return (\n    <ThemeContext.Provider value={theme ?? defaultTheme}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access the current A2UI theme.\n *\n * @returns The current theme\n * @throws If used outside of a ThemeProvider\n */\nexport function useTheme(): Types.Theme {\n  const theme = useContext(ThemeContext);\n  if (!theme) {\n    throw new Error(\n      \"useTheme must be used within a ThemeProvider or A2UIProvider\",\n    );\n  }\n  return theme;\n}\n\n/**\n * Hook to optionally access the current A2UI theme.\n *\n * @returns The current theme, or undefined if not within a provider\n */\nexport function useThemeOptional(): Types.Theme | undefined {\n  return useContext(ThemeContext);\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe,cAAuC,OAAU;;;;AAetE,SAAgB,cAAc,EAAE,OAAO,YAAgC;AACrE,QACE,oBAAC,aAAa;EAAS,OAAO,SAAS;EACpC;GACqB;;;;;;;;AAU5B,SAAgB,WAAwB;CACtC,MAAM,QAAQ,WAAW,aAAa;AACtC,KAAI,CAAC,MACH,OAAM,IAAI,MACR,+DACD;AAEH,QAAO"}
+{"version":3,"file":"ThemeContext.mjs","names":[],"sources":["../../../src/react-renderer/theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport { defaultTheme } from \"./litTheme\";\n\n/**\n * React context for the A2UI theme.\n */\nconst ThemeContext = createContext<Types.Theme | undefined>(undefined);\n\n/**\n * Props for the ThemeProvider component.\n */\nexport interface ThemeProviderProps {\n  /** The theme to provide. Falls back to defaultTheme if not specified. */\n  theme?: Types.Theme;\n  /** Child components that will have access to the theme */\n  children: ReactNode;\n}\n\n/**\n * Provider component that makes the A2UI theme available to descendant components.\n */\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  return (\n    <ThemeContext.Provider value={theme ?? defaultTheme}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access the current A2UI theme.\n *\n * @returns The current theme\n * @throws If used outside of a ThemeProvider\n */\nexport function useTheme(): Types.Theme {\n  const theme = useContext(ThemeContext);\n  if (!theme) {\n    throw new Error(\n      \"useTheme must be used within a ThemeProvider or A2UIProvider\",\n    );\n  }\n  return theme;\n}\n\n/**\n * Hook to optionally access the current A2UI theme.\n *\n * @returns The current theme, or undefined if not within a provider\n */\nexport function useThemeOptional(): Types.Theme | undefined {\n  return useContext(ThemeContext);\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe,cAAuC,OAAU;;;;AAetE,SAAgB,cAAc,EAAE,OAAO,YAAgC;AACrE,QACE,oBAAC,aAAa;EAAS,OAAO,SAAS;EACpC;GACqB;;;;;;;;AAU5B,SAAgB,WAAwB;CACtC,MAAM,QAAQ,WAAW,aAAa;AACtC,KAAI,CAAC,MACH,OAAM,IAAI,MACR,+DACD;AAEH,QAAO;;;;;;;AAQT,SAAgB,mBAA4C;AAC1D,QAAO,WAAW,aAAa"}

package/dist/react-renderer/theme/litTheme.cjs

@@ -365,4 +365,5 @@ const defaultTheme = litTheme;
 
 //#endregion
 exports.defaultTheme = defaultTheme;
+exports.litTheme = litTheme;
 //# sourceMappingURL=litTheme.cjs.map

package/dist/react-renderer/theme/litTheme.d.cts

@@ -0,0 +1,12 @@
+import { Types } from "@a2ui/lit/0.8";
+
+//#region src/react-renderer/theme/litTheme.d.ts
+declare const litTheme: Types.Theme;
+/**
+ * Alias for litTheme - the default theme for A2UI React components.
+ * @see litTheme
+ */
+declare const defaultTheme: Types.Theme;
+//#endregion
+export { defaultTheme, litTheme };
+//# sourceMappingURL=litTheme.d.cts.map

package/dist/react-renderer/theme/litTheme.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"litTheme.d.cts","names":[],"sources":["../../../src/react-renderer/theme/litTheme.ts"],"mappings":";;;cAoJa,QAAA,EAAU,KAAA,CAAM,KAAA;;AAA7B;;;cAuSa,YAAA,EAAY,KAAA,CAAA,KAAA"}

package/dist/react-renderer/theme/litTheme.d.mts

@@ -0,0 +1,12 @@
+import { Types } from "@a2ui/lit/0.8";
+
+//#region src/react-renderer/theme/litTheme.d.ts
+declare const litTheme: Types.Theme;
+/**
+ * Alias for litTheme - the default theme for A2UI React components.
+ * @see litTheme
+ */
+declare const defaultTheme: Types.Theme;
+//#endregion
+export { defaultTheme, litTheme };
+//# sourceMappingURL=litTheme.d.mts.map

package/dist/react-renderer/theme/litTheme.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"litTheme.d.mts","names":[],"sources":["../../../src/react-renderer/theme/litTheme.ts"],"mappings":";;;cAoJa,QAAA,EAAU,KAAA,CAAM,KAAA;;AAA7B;;;cAuSa,YAAA,EAAY,KAAA,CAAA,KAAA"}

package/dist/react-renderer/theme/litTheme.mjs

@@ -363,5 +363,5 @@ const litTheme = {
 const defaultTheme = litTheme;
 
 //#endregion
-export { defaultTheme };
+export { defaultTheme, litTheme };
 //# sourceMappingURL=litTheme.mjs.map

package/dist/react-renderer/theme/utils.d.cts

@@ -0,0 +1,26 @@
+//#region src/react-renderer/theme/utils.d.ts
+/**
+ * Converts a theme class map (Record<string, boolean>) to a className string.
+ *
+ * @param classMap - An object where keys are class names and values are booleans
+ * @returns A space-separated string of class names where the value is true
+ *
+ * @example
+ * classMapToString({ 'a2ui-button': true, 'a2ui-button--primary': true, 'disabled': false })
+ * // Returns: 'a2ui-button a2ui-button--primary'
+ */
+declare function classMapToString(classMap: Record<string, boolean> | undefined): string;
+/**
+ * Converts an additional styles object (Record<string, string>) to a React style object.
+ *
+ * @param styles - An object with CSS property names as keys and values as strings
+ * @returns A React-compatible style object, or undefined if no styles
+ *
+ * @example
+ * stylesToObject({ 'background-color': 'red', 'font-size': '16px', '--custom-var': 'blue' })
+ * // Returns: { backgroundColor: 'red', fontSize: '16px', '--custom-var': 'blue' }
+ */
+declare function stylesToObject(styles: Record<string, string> | undefined): React.CSSProperties | undefined;
+//#endregion
+export { classMapToString, stylesToObject };
+//# sourceMappingURL=utils.d.cts.map

package/dist/react-renderer/theme/utils.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.cts","names":[],"sources":["../../../src/react-renderer/theme/utils.ts"],"mappings":";;AAUA;;;;;AAoBA;;;;iBApBgB,gBAAA,CACd,QAAA,EAAU,MAAA;;;;;;;;;;;iBAmBI,cAAA,CACd,MAAA,EAAQ,MAAA,+BACP,KAAA,CAAM,aAAA"}

package/dist/react-renderer/theme/utils.d.mts

@@ -0,0 +1,26 @@
+//#region src/react-renderer/theme/utils.d.ts
+/**
+ * Converts a theme class map (Record<string, boolean>) to a className string.
+ *
+ * @param classMap - An object where keys are class names and values are booleans
+ * @returns A space-separated string of class names where the value is true
+ *
+ * @example
+ * classMapToString({ 'a2ui-button': true, 'a2ui-button--primary': true, 'disabled': false })
+ * // Returns: 'a2ui-button a2ui-button--primary'
+ */
+declare function classMapToString(classMap: Record<string, boolean> | undefined): string;
+/**
+ * Converts an additional styles object (Record<string, string>) to a React style object.
+ *
+ * @param styles - An object with CSS property names as keys and values as strings
+ * @returns A React-compatible style object, or undefined if no styles
+ *
+ * @example
+ * stylesToObject({ 'background-color': 'red', 'font-size': '16px', '--custom-var': 'blue' })
+ * // Returns: { backgroundColor: 'red', fontSize: '16px', '--custom-var': 'blue' }
+ */
+declare function stylesToObject(styles: Record<string, string> | undefined): React.CSSProperties | undefined;
+//#endregion
+export { classMapToString, stylesToObject };
+//# sourceMappingURL=utils.d.mts.map

package/dist/react-renderer/theme/utils.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.mts","names":[],"sources":["../../../src/react-renderer/theme/utils.ts"],"mappings":";;AAUA;;;;;AAoBA;;;;iBApBgB,gBAAA,CACd,QAAA,EAAU,MAAA;;;;;;;;;;;iBAmBI,cAAA,CACd,MAAA,EAAQ,MAAA,+BACP,KAAA,CAAM,aAAA"}

package/dist/react-renderer/types.d.cts

@@ -0,0 +1,50 @@
+import { ComponentType } from "react";
+import { Primitives as Primitives$1, Types as Types$1 } from "@a2ui/lit/0.8";
+
+//#region src/react-renderer/types.d.ts
+type SurfaceID = Types$1.SurfaceID;
+type DataValue = Types$1.DataValue;
+type MessageProcessor = Types$1.MessageProcessor;
+type StringValue = Primitives$1.StringValue;
+type NumberValue = Primitives$1.NumberValue;
+type BooleanValue = Primitives$1.BooleanValue;
+/**
+ * Props passed to all A2UI React components.
+ */
+interface A2UIComponentProps<T extends Types$1.AnyComponentNode = Types$1.AnyComponentNode> {
+  /** The resolved component node from the A2UI message processor */
+  node: T;
+  /** The surface ID this component belongs to */
+  surfaceId: string;
+}
+/**
+ * A function that loads a React component asynchronously.
+ */
+type ComponentLoader<T extends Types$1.AnyComponentNode = Types$1.AnyComponentNode> = () => Promise<{
+  default: ComponentType<A2UIComponentProps<T>>;
+}>;
+/**
+ * Registration entry for a component in the registry.
+ */
+interface ComponentRegistration<T extends Types$1.AnyComponentNode = Types$1.AnyComponentNode> {
+  /** The React component or a loader function for lazy loading */
+  component: ComponentType<A2UIComponentProps<T>> | ComponentLoader<T>;
+  /** If true, the component will be lazy loaded */
+  lazy?: boolean;
+}
+/**
+ * Callback for when a user action is dispatched.
+ */
+type OnActionCallback = (message: Types$1.A2UIClientEventMessage) => void | Promise<void>;
+/**
+ * Configuration options for the A2UI provider.
+ */
+interface A2UIProviderConfig {
+  /** Callback invoked when a user action is dispatched (button click, etc.) */
+  onAction?: OnActionCallback;
+  /** Initial theme configuration */
+  theme?: Types$1.Theme;
+}
+//#endregion
+export { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, type Primitives$1 as Primitives, StringValue, SurfaceID, type Types$1 as Types };
+//# sourceMappingURL=types.d.cts.map

package/dist/react-renderer/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/react-renderer/types.ts"],"mappings":";;;;KASY,SAAA,GAAY,OAAA,CAAM,SAAA;AAAA,KAKlB,SAAA,GAAY,OAAA,CAAM,SAAA;AAAA,KAClB,gBAAA,GAAmB,OAAA,CAAM,gBAAA;AAAA,KAGzB,WAAA,GAAc,YAAA,CAAW,WAAA;AAAA,KACzB,WAAA,GAAc,YAAA,CAAW,WAAA;AAAA,KACzB,YAAA,GAAe,YAAA,CAAW,YAAA;;;;UAKrB,kBAAA,WACL,OAAA,CAAM,gBAAA,GAAmB,OAAA,CAAM,gBAAA;EAR/B;EAWV,IAAA,EAAM,CAAA;;EAEN,SAAA;AAAA;AAZF;;;AAAA,KAkBY,eAAA,WACA,OAAA,CAAM,gBAAA,GAAmB,OAAA,CAAM,gBAAA,UACjC,OAAA;EACR,OAAA,EAAS,aAAA,CAAc,kBAAA,CAAmB,CAAA;AAAA;;;;UAM3B,qBAAA,WACL,OAAA,CAAM,gBAAA,GAAmB,OAAA,CAAM,gBAAA;EAtB1B;EAyBf,SAAA,EAAW,aAAA,CAAc,kBAAA,CAAmB,CAAA,KAAM,eAAA,CAAgB,CAAA;EAzBjC;EA2BjC,IAAA;AAAA;;;;KAMU,gBAAA,IACV,OAAA,EAAS,OAAA,CAAM,sBAAA,YACL,OAAA;;;;UAKK,kBAAA;EApCf;EAsCA,QAAA,GAAW,gBAAA;EApCX;EAsCA,KAAA,GAAQ,OAAA,CAAM,KAAA;AAAA"}

package/dist/react-renderer/types.d.mts

@@ -0,0 +1,50 @@
+import { ComponentType } from "react";
+import { Primitives as Primitives$1, Types as Types$1 } from "@a2ui/lit/0.8";
+
+//#region src/react-renderer/types.d.ts
+type SurfaceID = Types$1.SurfaceID;
+type DataValue = Types$1.DataValue;
+type MessageProcessor = Types$1.MessageProcessor;
+type StringValue = Primitives$1.StringValue;
+type NumberValue = Primitives$1.NumberValue;
+type BooleanValue = Primitives$1.BooleanValue;
+/**
+ * Props passed to all A2UI React components.
+ */
+interface A2UIComponentProps<T extends Types$1.AnyComponentNode = Types$1.AnyComponentNode> {
+  /** The resolved component node from the A2UI message processor */
+  node: T;
+  /** The surface ID this component belongs to */
+  surfaceId: string;
+}
+/**
+ * A function that loads a React component asynchronously.
+ */
+type ComponentLoader<T extends Types$1.AnyComponentNode = Types$1.AnyComponentNode> = () => Promise<{
+  default: ComponentType<A2UIComponentProps<T>>;
+}>;
+/**
+ * Registration entry for a component in the registry.
+ */
+interface ComponentRegistration<T extends Types$1.AnyComponentNode = Types$1.AnyComponentNode> {
+  /** The React component or a loader function for lazy loading */
+  component: ComponentType<A2UIComponentProps<T>> | ComponentLoader<T>;
+  /** If true, the component will be lazy loaded */
+  lazy?: boolean;
+}
+/**
+ * Callback for when a user action is dispatched.
+ */
+type OnActionCallback = (message: Types$1.A2UIClientEventMessage) => void | Promise<void>;
+/**
+ * Configuration options for the A2UI provider.
+ */
+interface A2UIProviderConfig {
+  /** Callback invoked when a user action is dispatched (button click, etc.) */
+  onAction?: OnActionCallback;
+  /** Initial theme configuration */
+  theme?: Types$1.Theme;
+}
+//#endregion
+export { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, type Primitives$1 as Primitives, StringValue, SurfaceID, type Types$1 as Types };
+//# sourceMappingURL=types.d.mts.map

package/dist/react-renderer/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/react-renderer/types.ts"],"mappings":";;;;KASY,SAAA,GAAY,OAAA,CAAM,SAAA;AAAA,KAKlB,SAAA,GAAY,OAAA,CAAM,SAAA;AAAA,KAClB,gBAAA,GAAmB,OAAA,CAAM,gBAAA;AAAA,KAGzB,WAAA,GAAc,YAAA,CAAW,WAAA;AAAA,KACzB,WAAA,GAAc,YAAA,CAAW,WAAA;AAAA,KACzB,YAAA,GAAe,YAAA,CAAW,YAAA;;;;UAKrB,kBAAA,WACL,OAAA,CAAM,gBAAA,GAAmB,OAAA,CAAM,gBAAA;EAR/B;EAWV,IAAA,EAAM,CAAA;;EAEN,SAAA;AAAA;AAZF;;;AAAA,KAkBY,eAAA,WACA,OAAA,CAAM,gBAAA,GAAmB,OAAA,CAAM,gBAAA,UACjC,OAAA;EACR,OAAA,EAAS,aAAA,CAAc,kBAAA,CAAmB,CAAA;AAAA;;;;UAM3B,qBAAA,WACL,OAAA,CAAM,gBAAA,GAAmB,OAAA,CAAM,gBAAA;EAtB1B;EAyBf,SAAA,EAAW,aAAA,CAAc,kBAAA,CAAmB,CAAA,KAAM,eAAA,CAAgB,CAAA;EAzBjC;EA2BjC,IAAA;AAAA;;;;KAMU,gBAAA,IACV,OAAA,EAAS,OAAA,CAAM,sBAAA,YACL,OAAA;;;;UAKK,kBAAA;EApCf;EAsCA,QAAA,GAAW,gBAAA;EApCX;EAsCA,KAAA,GAAQ,OAAA,CAAM,KAAA;AAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@copilotkit/a2ui-renderer",
   "private": false,
-  "version": "1.53.0-next.6",
+  "version": "1.53.1-next.0",
   "description": "A2UI Renderer for CopilotKit - render A2UI surfaces in React applications",
   "homepage": "https://github.com/CopilotKit/CopilotKit",
   "repository": {
@@ -43,8 +43,7 @@
   },
   "peerDependencies": {
     "react": "^18 || ^19 || ^19.0.0-rc",
-    "react-dom": "^18 || ^19 || ^19.0.0-rc",
-    "@copilotkit/react-core": "1.53.0-next.6"
+    "react-dom": "^18 || ^19 || ^19.0.0-rc"
   },
   "devDependencies": {
     "@testing-library/react": "^16.0.0",

package/dist/A2UIMessageRenderer.cjs

@@ -1,135 +0,0 @@
-const require_runtime = require('./_virtual/_rolldown/runtime.cjs');
-const require_A2UIProvider = require('./react-renderer/core/A2UIProvider.cjs');
-const require_A2UIRenderer = require('./react-renderer/core/A2UIRenderer.cjs');
-const require_defaultCatalog = require('./react-renderer/registry/defaultCatalog.cjs');
-const require_index = require('./react-renderer/styles/index.cjs');
-let _copilotkit_react_core_v2 = require("@copilotkit/react-core/v2");
-let _a2ui_lit = require("@a2ui/lit");
-let react = require("react");
-let zod = require("zod");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/A2UIMessageRenderer.tsx
-let initialized = false;
-function ensureInitialized() {
-	if (!initialized) {
-		require_defaultCatalog.initializeDefaultCatalog();
-		require_index.injectStyles();
-		initialized = true;
-	}
-}
-function createA2UIMessageRenderer(options) {
-	const { theme } = options;
-	return {
-		activityType: "a2ui-surface",
-		content: zod.z.any(),
-		render: ({ content, agent }) => {
-			ensureInitialized();
-			const [operations, setOperations] = (0, react.useState)([]);
-			const lastSignatureRef = (0, react.useRef)(null);
-			const { copilotkit } = (0, _copilotkit_react_core_v2.useCopilotKit)();
-			(0, react.useEffect)(() => {
-				if (!content || !Array.isArray(content.operations)) {
-					lastSignatureRef.current = null;
-					setOperations([]);
-					return;
-				}
-				const incoming = content.operations;
-				const signature = stringifyOperations(incoming);
-				if (signature && signature === lastSignatureRef.current) return;
-				lastSignatureRef.current = signature;
-				setOperations(incoming);
-			}, [content]);
-			const groupedOperations = (0, react.useMemo)(() => {
-				const groups = /* @__PURE__ */ new Map();
-				for (const operation of operations) {
-					const surfaceId = getOperationSurfaceId(operation) ?? _a2ui_lit.v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
-					if (!groups.has(surfaceId)) groups.set(surfaceId, []);
-					groups.get(surfaceId).push(operation);
-				}
-				return groups;
-			}, [operations]);
-			if (!groupedOperations.size) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex min-h-0 flex-1 flex-col gap-6 overflow-auto py-6",
-				children: Array.from(groupedOperations.entries()).map(([surfaceId, ops]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactSurfaceHost, {
-					surfaceId,
-					operations: ops,
-					theme,
-					agent,
-					copilotkit
-				}, surfaceId))
-			});
-		}
-	};
-}
-/**
-* Renders a single A2UI surface using the React renderer.
-* Wraps A2UIProvider + A2UIRenderer and bridges actions back to CopilotKit.
-*/
-function ReactSurfaceHost({ surfaceId, operations, theme, agent, copilotkit }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex w-full flex-none overflow-hidden rounded-lg bg-white/5 p-4",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_A2UIProvider.A2UIProvider, {
-			onAction: (0, react.useCallback)(async (message) => {
-				if (!agent) return;
-				try {
-					console.info("[A2UI] Action dispatched", message.userAction);
-					copilotkit.setProperties({
-						...copilotkit.properties ?? {},
-						a2uiAction: message
-					});
-					await copilotkit.runAgent({ agent });
-				} finally {
-					if (copilotkit.properties) {
-						const { a2uiAction, ...rest } = copilotkit.properties;
-						copilotkit.setProperties(rest);
-					}
-				}
-			}, [agent, copilotkit]),
-			theme,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SurfaceMessageProcessor, {
-				surfaceId,
-				operations
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_A2UIRenderer.default, {
-				surfaceId,
-				className: "flex flex-1"
-			})]
-		})
-	});
-}
-/**
-* Processes A2UI operations into the provider's message processor.
-* Must be a child of A2UIProvider to access the actions context.
-*/
-function SurfaceMessageProcessor({ surfaceId, operations }) {
-	const { processMessages } = require_A2UIProvider.useA2UIActions();
-	const lastProcessedRef = (0, react.useRef)("");
-	(0, react.useEffect)(() => {
-		const key = `${surfaceId}-${JSON.stringify(operations)}`;
-		if (key === lastProcessedRef.current) return;
-		lastProcessedRef.current = key;
-		processMessages(operations);
-	}, [
-		processMessages,
-		surfaceId,
-		operations
-	]);
-	return null;
-}
-function getOperationSurfaceId(operation) {
-	if (!operation || typeof operation !== "object") return null;
-	if (typeof operation.surfaceId === "string") return operation.surfaceId;
-	return operation?.beginRendering?.surfaceId ?? operation?.surfaceUpdate?.surfaceId ?? operation?.dataModelUpdate?.surfaceId ?? operation?.deleteSurface?.surfaceId ?? null;
-}
-function stringifyOperations(ops) {
-	try {
-		return JSON.stringify(ops);
-	} catch (error) {
-		return null;
-	}
-}
-
-//#endregion
-exports.createA2UIMessageRenderer = createA2UIMessageRenderer;
-//# sourceMappingURL=A2UIMessageRenderer.cjs.map

package/dist/A2UIMessageRenderer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIMessageRenderer.cjs","names":["z","v0_8","A2UIProvider","A2UIRenderer","useA2UIActions"],"sources":["../src/A2UIMessageRenderer.tsx"],"sourcesContent":["import {\n  useCopilotKit,\n  type ReactActivityMessageRenderer,\n} from \"@copilotkit/react-core/v2\";\nimport { v0_8 } from \"@a2ui/lit\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { z } from \"zod\";\nimport {\n  A2UIProvider,\n  useA2UIActions,\n} from \"./react-renderer/core/A2UIProvider\";\nimport { A2UIRenderer } from \"./react-renderer/core/A2UIRenderer\";\nimport { initializeDefaultCatalog } from \"./react-renderer/registry/defaultCatalog\";\nimport { injectStyles } from \"./react-renderer/styles\";\nimport type { Types } from \"@a2ui/lit/0.8\";\n\n// Initialize the React renderer's component catalog and styles once\nlet initialized = false;\nfunction ensureInitialized() {\n  if (!initialized) {\n    initializeDefaultCatalog();\n    injectStyles();\n    initialized = true;\n  }\n}\n\nexport type A2UIMessageRendererOptions = {\n  theme: v0_8.Types.Theme;\n};\n\nexport function createA2UIMessageRenderer(\n  options: A2UIMessageRendererOptions,\n): ReactActivityMessageRenderer<any> {\n  const { theme } = options;\n\n  return {\n    activityType: \"a2ui-surface\",\n    content: z.any(),\n    render: ({ content, agent }) => {\n      ensureInitialized();\n\n      const [operations, setOperations] = useState<any[]>([]);\n      const lastSignatureRef = useRef<string | null>(null);\n      const { copilotkit } = useCopilotKit();\n\n      useEffect(() => {\n        if (!content || !Array.isArray(content.operations)) {\n          lastSignatureRef.current = null;\n          setOperations([]);\n          return;\n        }\n\n        const incoming = content.operations as any[];\n        const signature = stringifyOperations(incoming);\n\n        if (signature && signature === lastSignatureRef.current) {\n          return;\n        }\n\n        lastSignatureRef.current = signature;\n        setOperations(incoming);\n      }, [content]);\n\n      // Group operations by surface ID\n      const groupedOperations = useMemo(() => {\n        const groups = new Map<string, any[]>();\n\n        for (const operation of operations) {\n          const surfaceId =\n            getOperationSurfaceId(operation) ??\n            v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;\n\n          if (!groups.has(surfaceId)) {\n            groups.set(surfaceId, []);\n          }\n          groups.get(surfaceId)!.push(operation);\n        }\n\n        return groups;\n      }, [operations]);\n\n      if (!groupedOperations.size) {\n        return null;\n      }\n\n      return (\n        <div className=\"flex min-h-0 flex-1 flex-col gap-6 overflow-auto py-6\">\n          {Array.from(groupedOperations.entries()).map(([surfaceId, ops]) => (\n            <ReactSurfaceHost\n              key={surfaceId}\n              surfaceId={surfaceId}\n              operations={ops}\n              theme={theme}\n              agent={agent}\n              copilotkit={copilotkit}\n            />\n          ))}\n        </div>\n      );\n    },\n  };\n}\n\ntype ReactSurfaceHostProps = {\n  surfaceId: string;\n  operations: any[];\n  theme: v0_8.Types.Theme;\n  agent: any;\n  copilotkit: any;\n};\n\n/**\n * Renders a single A2UI surface using the React renderer.\n * Wraps A2UIProvider + A2UIRenderer and bridges actions back to CopilotKit.\n */\nfunction ReactSurfaceHost({\n  surfaceId,\n  operations,\n  theme,\n  agent,\n  copilotkit,\n}: ReactSurfaceHostProps) {\n  // Bridge: when the React renderer dispatches an action, send it to CopilotKit\n  const handleAction = useCallback(\n    async (message: Types.A2UIClientEventMessage) => {\n      if (!agent) return;\n\n      try {\n        console.info(\"[A2UI] Action dispatched\", message.userAction);\n\n        copilotkit.setProperties({\n          ...(copilotkit.properties ?? {}),\n          a2uiAction: message,\n        });\n\n        await copilotkit.runAgent({ agent });\n      } finally {\n        if (copilotkit.properties) {\n          const { a2uiAction, ...rest } = copilotkit.properties;\n          copilotkit.setProperties(rest);\n        }\n      }\n    },\n    [agent, copilotkit],\n  );\n\n  return (\n    <div className=\"flex w-full flex-none overflow-hidden rounded-lg bg-white/5 p-4\">\n      <A2UIProvider onAction={handleAction} theme={theme}>\n        <SurfaceMessageProcessor\n          surfaceId={surfaceId}\n          operations={operations}\n        />\n        <A2UIRenderer surfaceId={surfaceId} className=\"flex flex-1\" />\n      </A2UIProvider>\n    </div>\n  );\n}\n\n/**\n * Processes A2UI operations into the provider's message processor.\n * Must be a child of A2UIProvider to access the actions context.\n */\nfunction SurfaceMessageProcessor({\n  surfaceId,\n  operations,\n}: {\n  surfaceId: string;\n  operations: any[];\n}) {\n  const { processMessages } = useA2UIActions();\n  const lastProcessedRef = useRef<string>(\"\");\n\n  useEffect(() => {\n    const key = `${surfaceId}-${JSON.stringify(operations)}`;\n    if (key === lastProcessedRef.current) return;\n    lastProcessedRef.current = key;\n\n    processMessages(operations);\n  }, [processMessages, surfaceId, operations]);\n\n  return null;\n}\n\nfunction getOperationSurfaceId(operation: any): string | null {\n  if (!operation || typeof operation !== \"object\") {\n    return null;\n  }\n\n  if (typeof operation.surfaceId === \"string\") {\n    return operation.surfaceId;\n  }\n\n  return (\n    operation?.beginRendering?.surfaceId ??\n    operation?.surfaceUpdate?.surfaceId ??\n    operation?.dataModelUpdate?.surfaceId ??\n    operation?.deleteSurface?.surfaceId ??\n    null\n  );\n}\n\nfunction stringifyOperations(ops: any[]): string | null {\n  try {\n    return JSON.stringify(ops);\n  } catch (error) {\n    return null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAI,cAAc;AAClB,SAAS,oBAAoB;AAC3B,KAAI,CAAC,aAAa;AAChB,mDAA0B;AAC1B,8BAAc;AACd,gBAAc;;;AAQlB,SAAgB,0BACd,SACmC;CACnC,MAAM,EAAE,UAAU;AAElB,QAAO;EACL,cAAc;EACd,SAASA,MAAE,KAAK;EAChB,SAAS,EAAE,SAAS,YAAY;AAC9B,sBAAmB;GAEnB,MAAM,CAAC,YAAY,qCAAiC,EAAE,CAAC;GACvD,MAAM,qCAAyC,KAAK;GACpD,MAAM,EAAE,6DAA8B;AAEtC,8BAAgB;AACd,QAAI,CAAC,WAAW,CAAC,MAAM,QAAQ,QAAQ,WAAW,EAAE;AAClD,sBAAiB,UAAU;AAC3B,mBAAc,EAAE,CAAC;AACjB;;IAGF,MAAM,WAAW,QAAQ;IACzB,MAAM,YAAY,oBAAoB,SAAS;AAE/C,QAAI,aAAa,cAAc,iBAAiB,QAC9C;AAGF,qBAAiB,UAAU;AAC3B,kBAAc,SAAS;MACtB,CAAC,QAAQ,CAAC;GAGb,MAAM,6CAAkC;IACtC,MAAM,yBAAS,IAAI,KAAoB;AAEvC,SAAK,MAAM,aAAa,YAAY;KAClC,MAAM,YACJ,sBAAsB,UAAU,IAChCC,eAAK,KAAK,qBAAqB;AAEjC,SAAI,CAAC,OAAO,IAAI,UAAU,CACxB,QAAO,IAAI,WAAW,EAAE,CAAC;AAE3B,YAAO,IAAI,UAAU,CAAE,KAAK,UAAU;;AAGxC,WAAO;MACN,CAAC,WAAW,CAAC;AAEhB,OAAI,CAAC,kBAAkB,KACrB,QAAO;AAGT,UACE,2CAAC;IAAI,WAAU;cACZ,MAAM,KAAK,kBAAkB,SAAS,CAAC,CAAC,KAAK,CAAC,WAAW,SACxD,2CAAC;KAEY;KACX,YAAY;KACL;KACA;KACK;OALP,UAML,CACF;KACE;;EAGX;;;;;;AAeH,SAAS,iBAAiB,EACxB,WACA,YACA,OACA,OACA,cACwB;AAyBxB,QACE,2CAAC;EAAI,WAAU;YACb,4CAACC;GAAa,iCAxBhB,OAAO,YAA0C;AAC/C,QAAI,CAAC,MAAO;AAEZ,QAAI;AACF,aAAQ,KAAK,4BAA4B,QAAQ,WAAW;AAE5D,gBAAW,cAAc;MACvB,GAAI,WAAW,cAAc,EAAE;MAC/B,YAAY;MACb,CAAC;AAEF,WAAM,WAAW,SAAS,EAAE,OAAO,CAAC;cAC5B;AACR,SAAI,WAAW,YAAY;MACzB,MAAM,EAAE,YAAY,GAAG,SAAS,WAAW;AAC3C,iBAAW,cAAc,KAAK;;;MAIpC,CAAC,OAAO,WAAW,CACpB;GAIgD;cAC3C,2CAAC;IACY;IACC;KACZ,EACF,2CAACC;IAAwB;IAAW,WAAU;KAAgB;IACjD;GACX;;;;;;AAQV,SAAS,wBAAwB,EAC/B,WACA,cAIC;CACD,MAAM,EAAE,oBAAoBC,qCAAgB;CAC5C,MAAM,qCAAkC,GAAG;AAE3C,4BAAgB;EACd,MAAM,MAAM,GAAG,UAAU,GAAG,KAAK,UAAU,WAAW;AACtD,MAAI,QAAQ,iBAAiB,QAAS;AACtC,mBAAiB,UAAU;AAE3B,kBAAgB,WAAW;IAC1B;EAAC;EAAiB;EAAW;EAAW,CAAC;AAE5C,QAAO;;AAGT,SAAS,sBAAsB,WAA+B;AAC5D,KAAI,CAAC,aAAa,OAAO,cAAc,SACrC,QAAO;AAGT,KAAI,OAAO,UAAU,cAAc,SACjC,QAAO,UAAU;AAGnB,QACE,WAAW,gBAAgB,aAC3B,WAAW,eAAe,aAC1B,WAAW,iBAAiB,aAC5B,WAAW,eAAe,aAC1B;;AAIJ,SAAS,oBAAoB,KAA2B;AACtD,KAAI;AACF,SAAO,KAAK,UAAU,IAAI;UACnB,OAAO;AACd,SAAO"}

package/dist/A2UIMessageRenderer.d.cts

@@ -1,11 +0,0 @@
-import { ReactActivityMessageRenderer } from "@copilotkit/react-core/v2";
-import { v0_8 } from "@a2ui/lit";
-
-//#region src/A2UIMessageRenderer.d.ts
-type A2UIMessageRendererOptions = {
-  theme: v0_8.Types.Theme;
-};
-declare function createA2UIMessageRenderer(options: A2UIMessageRendererOptions): ReactActivityMessageRenderer<any>;
-//#endregion
-export { A2UIMessageRendererOptions, createA2UIMessageRenderer };
-//# sourceMappingURL=A2UIMessageRenderer.d.cts.map

package/dist/A2UIMessageRenderer.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIMessageRenderer.d.cts","names":[],"sources":["../src/A2UIMessageRenderer.tsx"],"mappings":";;;;KA0BY,0BAAA;EACV,KAAA,EAAO,IAAA,CAAK,KAAA,CAAM,KAAA;AAAA;AAAA,iBAGJ,yBAAA,CACd,OAAA,EAAS,0BAAA,GACR,4BAAA"}

package/dist/A2UIMessageRenderer.d.mts

@@ -1,11 +0,0 @@
-import { ReactActivityMessageRenderer } from "@copilotkit/react-core/v2";
-import { v0_8 } from "@a2ui/lit";
-
-//#region src/A2UIMessageRenderer.d.ts
-type A2UIMessageRendererOptions = {
-  theme: v0_8.Types.Theme;
-};
-declare function createA2UIMessageRenderer(options: A2UIMessageRendererOptions): ReactActivityMessageRenderer<any>;
-//#endregion
-export { A2UIMessageRendererOptions, createA2UIMessageRenderer };
-//# sourceMappingURL=A2UIMessageRenderer.d.mts.map

package/dist/A2UIMessageRenderer.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIMessageRenderer.d.mts","names":[],"sources":["../src/A2UIMessageRenderer.tsx"],"mappings":";;;;KA0BY,0BAAA;EACV,KAAA,EAAO,IAAA,CAAK,KAAA,CAAM,KAAA;AAAA;AAAA,iBAGJ,yBAAA,CACd,OAAA,EAAS,0BAAA,GACR,4BAAA"}

package/dist/A2UIMessageRenderer.mjs

@@ -1,134 +0,0 @@
-import { A2UIProvider, useA2UIActions } from "./react-renderer/core/A2UIProvider.mjs";
-import A2UIRenderer from "./react-renderer/core/A2UIRenderer.mjs";
-import { initializeDefaultCatalog } from "./react-renderer/registry/defaultCatalog.mjs";
-import { injectStyles } from "./react-renderer/styles/index.mjs";
-import { useCopilotKit } from "@copilotkit/react-core/v2";
-import { v0_8 } from "@a2ui/lit";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { z } from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/A2UIMessageRenderer.tsx
-let initialized = false;
-function ensureInitialized() {
-	if (!initialized) {
-		initializeDefaultCatalog();
-		injectStyles();
-		initialized = true;
-	}
-}
-function createA2UIMessageRenderer(options) {
-	const { theme } = options;
-	return {
-		activityType: "a2ui-surface",
-		content: z.any(),
-		render: ({ content, agent }) => {
-			ensureInitialized();
-			const [operations, setOperations] = useState([]);
-			const lastSignatureRef = useRef(null);
-			const { copilotkit } = useCopilotKit();
-			useEffect(() => {
-				if (!content || !Array.isArray(content.operations)) {
-					lastSignatureRef.current = null;
-					setOperations([]);
-					return;
-				}
-				const incoming = content.operations;
-				const signature = stringifyOperations(incoming);
-				if (signature && signature === lastSignatureRef.current) return;
-				lastSignatureRef.current = signature;
-				setOperations(incoming);
-			}, [content]);
-			const groupedOperations = useMemo(() => {
-				const groups = /* @__PURE__ */ new Map();
-				for (const operation of operations) {
-					const surfaceId = getOperationSurfaceId(operation) ?? v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
-					if (!groups.has(surfaceId)) groups.set(surfaceId, []);
-					groups.get(surfaceId).push(operation);
-				}
-				return groups;
-			}, [operations]);
-			if (!groupedOperations.size) return null;
-			return /* @__PURE__ */ jsx("div", {
-				className: "flex min-h-0 flex-1 flex-col gap-6 overflow-auto py-6",
-				children: Array.from(groupedOperations.entries()).map(([surfaceId, ops]) => /* @__PURE__ */ jsx(ReactSurfaceHost, {
-					surfaceId,
-					operations: ops,
-					theme,
-					agent,
-					copilotkit
-				}, surfaceId))
-			});
-		}
-	};
-}
-/**
-* Renders a single A2UI surface using the React renderer.
-* Wraps A2UIProvider + A2UIRenderer and bridges actions back to CopilotKit.
-*/
-function ReactSurfaceHost({ surfaceId, operations, theme, agent, copilotkit }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex w-full flex-none overflow-hidden rounded-lg bg-white/5 p-4",
-		children: /* @__PURE__ */ jsxs(A2UIProvider, {
-			onAction: useCallback(async (message) => {
-				if (!agent) return;
-				try {
-					console.info("[A2UI] Action dispatched", message.userAction);
-					copilotkit.setProperties({
-						...copilotkit.properties ?? {},
-						a2uiAction: message
-					});
-					await copilotkit.runAgent({ agent });
-				} finally {
-					if (copilotkit.properties) {
-						const { a2uiAction, ...rest } = copilotkit.properties;
-						copilotkit.setProperties(rest);
-					}
-				}
-			}, [agent, copilotkit]),
-			theme,
-			children: [/* @__PURE__ */ jsx(SurfaceMessageProcessor, {
-				surfaceId,
-				operations
-			}), /* @__PURE__ */ jsx(A2UIRenderer, {
-				surfaceId,
-				className: "flex flex-1"
-			})]
-		})
-	});
-}
-/**
-* Processes A2UI operations into the provider's message processor.
-* Must be a child of A2UIProvider to access the actions context.
-*/
-function SurfaceMessageProcessor({ surfaceId, operations }) {
-	const { processMessages } = useA2UIActions();
-	const lastProcessedRef = useRef("");
-	useEffect(() => {
-		const key = `${surfaceId}-${JSON.stringify(operations)}`;
-		if (key === lastProcessedRef.current) return;
-		lastProcessedRef.current = key;
-		processMessages(operations);
-	}, [
-		processMessages,
-		surfaceId,
-		operations
-	]);
-	return null;
-}
-function getOperationSurfaceId(operation) {
-	if (!operation || typeof operation !== "object") return null;
-	if (typeof operation.surfaceId === "string") return operation.surfaceId;
-	return operation?.beginRendering?.surfaceId ?? operation?.surfaceUpdate?.surfaceId ?? operation?.dataModelUpdate?.surfaceId ?? operation?.deleteSurface?.surfaceId ?? null;
-}
-function stringifyOperations(ops) {
-	try {
-		return JSON.stringify(ops);
-	} catch (error) {
-		return null;
-	}
-}
-
-//#endregion
-export { createA2UIMessageRenderer };
-//# sourceMappingURL=A2UIMessageRenderer.mjs.map

package/dist/A2UIMessageRenderer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIMessageRenderer.mjs","names":[],"sources":["../src/A2UIMessageRenderer.tsx"],"sourcesContent":["import {\n  useCopilotKit,\n  type ReactActivityMessageRenderer,\n} from \"@copilotkit/react-core/v2\";\nimport { v0_8 } from \"@a2ui/lit\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { z } from \"zod\";\nimport {\n  A2UIProvider,\n  useA2UIActions,\n} from \"./react-renderer/core/A2UIProvider\";\nimport { A2UIRenderer } from \"./react-renderer/core/A2UIRenderer\";\nimport { initializeDefaultCatalog } from \"./react-renderer/registry/defaultCatalog\";\nimport { injectStyles } from \"./react-renderer/styles\";\nimport type { Types } from \"@a2ui/lit/0.8\";\n\n// Initialize the React renderer's component catalog and styles once\nlet initialized = false;\nfunction ensureInitialized() {\n  if (!initialized) {\n    initializeDefaultCatalog();\n    injectStyles();\n    initialized = true;\n  }\n}\n\nexport type A2UIMessageRendererOptions = {\n  theme: v0_8.Types.Theme;\n};\n\nexport function createA2UIMessageRenderer(\n  options: A2UIMessageRendererOptions,\n): ReactActivityMessageRenderer<any> {\n  const { theme } = options;\n\n  return {\n    activityType: \"a2ui-surface\",\n    content: z.any(),\n    render: ({ content, agent }) => {\n      ensureInitialized();\n\n      const [operations, setOperations] = useState<any[]>([]);\n      const lastSignatureRef = useRef<string | null>(null);\n      const { copilotkit } = useCopilotKit();\n\n      useEffect(() => {\n        if (!content || !Array.isArray(content.operations)) {\n          lastSignatureRef.current = null;\n          setOperations([]);\n          return;\n        }\n\n        const incoming = content.operations as any[];\n        const signature = stringifyOperations(incoming);\n\n        if (signature && signature === lastSignatureRef.current) {\n          return;\n        }\n\n        lastSignatureRef.current = signature;\n        setOperations(incoming);\n      }, [content]);\n\n      // Group operations by surface ID\n      const groupedOperations = useMemo(() => {\n        const groups = new Map<string, any[]>();\n\n        for (const operation of operations) {\n          const surfaceId =\n            getOperationSurfaceId(operation) ??\n            v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;\n\n          if (!groups.has(surfaceId)) {\n            groups.set(surfaceId, []);\n          }\n          groups.get(surfaceId)!.push(operation);\n        }\n\n        return groups;\n      }, [operations]);\n\n      if (!groupedOperations.size) {\n        return null;\n      }\n\n      return (\n        <div className=\"flex min-h-0 flex-1 flex-col gap-6 overflow-auto py-6\">\n          {Array.from(groupedOperations.entries()).map(([surfaceId, ops]) => (\n            <ReactSurfaceHost\n              key={surfaceId}\n              surfaceId={surfaceId}\n              operations={ops}\n              theme={theme}\n              agent={agent}\n              copilotkit={copilotkit}\n            />\n          ))}\n        </div>\n      );\n    },\n  };\n}\n\ntype ReactSurfaceHostProps = {\n  surfaceId: string;\n  operations: any[];\n  theme: v0_8.Types.Theme;\n  agent: any;\n  copilotkit: any;\n};\n\n/**\n * Renders a single A2UI surface using the React renderer.\n * Wraps A2UIProvider + A2UIRenderer and bridges actions back to CopilotKit.\n */\nfunction ReactSurfaceHost({\n  surfaceId,\n  operations,\n  theme,\n  agent,\n  copilotkit,\n}: ReactSurfaceHostProps) {\n  // Bridge: when the React renderer dispatches an action, send it to CopilotKit\n  const handleAction = useCallback(\n    async (message: Types.A2UIClientEventMessage) => {\n      if (!agent) return;\n\n      try {\n        console.info(\"[A2UI] Action dispatched\", message.userAction);\n\n        copilotkit.setProperties({\n          ...(copilotkit.properties ?? {}),\n          a2uiAction: message,\n        });\n\n        await copilotkit.runAgent({ agent });\n      } finally {\n        if (copilotkit.properties) {\n          const { a2uiAction, ...rest } = copilotkit.properties;\n          copilotkit.setProperties(rest);\n        }\n      }\n    },\n    [agent, copilotkit],\n  );\n\n  return (\n    <div className=\"flex w-full flex-none overflow-hidden rounded-lg bg-white/5 p-4\">\n      <A2UIProvider onAction={handleAction} theme={theme}>\n        <SurfaceMessageProcessor\n          surfaceId={surfaceId}\n          operations={operations}\n        />\n        <A2UIRenderer surfaceId={surfaceId} className=\"flex flex-1\" />\n      </A2UIProvider>\n    </div>\n  );\n}\n\n/**\n * Processes A2UI operations into the provider's message processor.\n * Must be a child of A2UIProvider to access the actions context.\n */\nfunction SurfaceMessageProcessor({\n  surfaceId,\n  operations,\n}: {\n  surfaceId: string;\n  operations: any[];\n}) {\n  const { processMessages } = useA2UIActions();\n  const lastProcessedRef = useRef<string>(\"\");\n\n  useEffect(() => {\n    const key = `${surfaceId}-${JSON.stringify(operations)}`;\n    if (key === lastProcessedRef.current) return;\n    lastProcessedRef.current = key;\n\n    processMessages(operations);\n  }, [processMessages, surfaceId, operations]);\n\n  return null;\n}\n\nfunction getOperationSurfaceId(operation: any): string | null {\n  if (!operation || typeof operation !== \"object\") {\n    return null;\n  }\n\n  if (typeof operation.surfaceId === \"string\") {\n    return operation.surfaceId;\n  }\n\n  return (\n    operation?.beginRendering?.surfaceId ??\n    operation?.surfaceUpdate?.surfaceId ??\n    operation?.dataModelUpdate?.surfaceId ??\n    operation?.deleteSurface?.surfaceId ??\n    null\n  );\n}\n\nfunction stringifyOperations(ops: any[]): string | null {\n  try {\n    return JSON.stringify(ops);\n  } catch (error) {\n    return null;\n  }\n}\n"],"mappings":"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"}