@copilotkit/a2ui-renderer 1.51.4 → 1.51.5-next.1

package/dist/react-renderer/core/A2UIViewer.d.ts

@@ -1,56 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-/**
- * Component instance format for static A2UI definitions.
- */
-export interface ComponentInstance {
-    id: string;
-    component: Record<string, unknown>;
-}
-/**
- * Action event dispatched when a user interacts with a component.
- */
-export interface A2UIActionEvent {
-    actionName: string;
-    sourceComponentId: string;
-    timestamp: string;
-    context: Record<string, unknown>;
-}
-export interface A2UIViewerProps {
-    /** The root component ID */
-    root: string;
-    /** Array of component definitions */
-    components: ComponentInstance[];
-    /** Data model for the surface */
-    data?: Record<string, unknown>;
-    /** Callback when an action is triggered */
-    onAction?: (action: A2UIActionEvent) => void;
-    /** Custom theme (defaults to litTheme) */
-    theme?: Types.Theme;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * A2UIViewer renders an A2UI component tree from static JSON definitions.
- *
- * Use this when you have component definitions and data as props rather than
- * streaming messages from a server. For streaming use cases, use A2UIProvider
- * with A2UIRenderer and useA2UI instead.
- *
- * @example
- * ```tsx
- * const components = [
- *   { id: 'root', component: { Card: { child: 'text' } } },
- *   { id: 'text', component: { Text: { text: { path: '/message' } } } },
- * ];
- *
- * <A2UIViewer
- *   root="root"
- *   components={components}
- *   data={{ message: 'Hello World!' }}
- *   onAction={(action) => console.log('Action:', action)}
- * />
- * ```
- */
-export declare function A2UIViewer({ root, components, data, onAction, theme, className, }: A2UIViewerProps): import("react/jsx-runtime").JSX.Element;
-export default A2UIViewer;
-//# sourceMappingURL=A2UIViewer.d.ts.map

package/dist/react-renderer/core/A2UIViewer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIViewer.d.ts","sourceRoot":"","sources":["../../../src/react-renderer/core/A2UIViewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQ3C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,0CAA0C;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,IAAS,EACT,QAAQ,EACR,KAAgB,EAChB,SAAS,GACV,EAAE,eAAe,2CA4CjB;AAyFD,eAAe,UAAU,CAAC"}

package/dist/react-renderer/core/A2UIViewer.js

@@ -1,135 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useId, useMemo, useEffect, useRef } from "react";
-import { A2UIProvider, useA2UIActions } from "./A2UIProvider";
-import { A2UIRenderer } from "./A2UIRenderer";
-import { initializeDefaultCatalog } from "../registry/defaultCatalog";
-import { litTheme } from "../theme/litTheme";
-import { injectStyles } from "../styles";
-// Initialize the component catalog and styles once
-let initialized = false;
-function ensureInitialized() {
-    if (!initialized) {
-        initializeDefaultCatalog();
-        injectStyles(); // Inject structural CSS for litTheme utility classes
-        initialized = true;
-    }
-}
-/**
- * A2UIViewer renders an A2UI component tree from static JSON definitions.
- *
- * Use this when you have component definitions and data as props rather than
- * streaming messages from a server. For streaming use cases, use A2UIProvider
- * with A2UIRenderer and useA2UI instead.
- *
- * @example
- * ```tsx
- * const components = [
- *   { id: 'root', component: { Card: { child: 'text' } } },
- *   { id: 'text', component: { Text: { text: { path: '/message' } } } },
- * ];
- *
- * <A2UIViewer
- *   root="root"
- *   components={components}
- *   data={{ message: 'Hello World!' }}
- *   onAction={(action) => console.log('Action:', action)}
- * />
- * ```
- */
-export function A2UIViewer({ root, components, data = {}, onAction, theme = litTheme, className, }) {
-    ensureInitialized();
-    // Generate a stable surface ID based on the definition
-    const baseId = useId();
-    const surfaceId = useMemo(() => {
-        const definitionKey = `${root}-${JSON.stringify(components)}`;
-        let hash = 0;
-        for (let i = 0; i < definitionKey.length; i++) {
-            const char = definitionKey.charCodeAt(i);
-            hash = (hash << 5) - hash + char;
-            hash = hash & hash;
-        }
-        return `surface${baseId.replace(/:/g, "-")}${hash}`;
-    }, [baseId, root, components]);
-    // Convert onAction callback to internal format
-    const handleAction = useMemo(() => {
-        if (!onAction)
-            return undefined;
-        return (message) => {
-            const userAction = message.userAction;
-            if (userAction) {
-                onAction({
-                    actionName: userAction.name,
-                    sourceComponentId: userAction.sourceComponentId,
-                    timestamp: userAction.timestamp,
-                    context: userAction.context ?? {},
-                });
-            }
-        };
-    }, [onAction]);
-    return (_jsx(A2UIProvider, { onAction: handleAction, theme: theme, children: _jsx(A2UIViewerInner, { surfaceId: surfaceId, root: root, components: components, data: data, className: className }) }));
-}
-/**
- * Inner component that processes messages within the provider context.
- */
-function A2UIViewerInner({ surfaceId, root, components, data, className, }) {
-    const { processMessages } = useA2UIActions();
-    const lastProcessedRef = useRef("");
-    // Process messages when props change
-    useEffect(() => {
-        const key = `${surfaceId}-${JSON.stringify(components)}-${JSON.stringify(data)}`;
-        if (key === lastProcessedRef.current)
-            return;
-        lastProcessedRef.current = key;
-        const messages = [
-            { beginRendering: { surfaceId, root, styles: {} } },
-            { surfaceUpdate: { surfaceId, components } },
-        ];
-        // Add data model updates
-        if (data && Object.keys(data).length > 0) {
-            const contents = objectToValueMaps(data);
-            if (contents.length > 0) {
-                messages.push({
-                    dataModelUpdate: { surfaceId, path: "/", contents },
-                });
-            }
-        }
-        processMessages(messages);
-    }, [processMessages, surfaceId, root, components, data]);
-    return (_jsx("div", { className: className, children: _jsx(A2UIRenderer, { surfaceId: surfaceId }) }));
-}
-/**
- * Converts a nested JavaScript object to the ValueMap[] format
- * expected by A2UI's dataModelUpdate message.
- */
-function objectToValueMaps(obj) {
-    return Object.entries(obj).map(([key, value]) => valueToValueMap(key, value));
-}
-/**
- * Converts a single key-value pair to a ValueMap.
- */
-function valueToValueMap(key, value) {
-    if (typeof value === "string") {
-        return { key, valueString: value };
-    }
-    if (typeof value === "number") {
-        return { key, valueNumber: value };
-    }
-    if (typeof value === "boolean") {
-        return { key, valueBoolean: value };
-    }
-    if (value === null || value === undefined) {
-        return { key };
-    }
-    if (Array.isArray(value)) {
-        const valueMap = value.map((item, index) => valueToValueMap(String(index), item));
-        return { key, valueMap };
-    }
-    if (typeof value === "object") {
-        const valueMap = objectToValueMaps(value);
-        return { key, valueMap };
-    }
-    return { key };
-}
-export default A2UIViewer;
-//# sourceMappingURL=A2UIViewer.js.map

package/dist/react-renderer/core/A2UIViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIViewer.js","sourceRoot":"","sources":["../../../src/react-renderer/core/A2UIViewer.tsx"],"names":[],"mappings":"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"}

package/dist/react-renderer/core/ComponentNode.d.ts

@@ -1,25 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import { ComponentRegistry } from "../registry/ComponentRegistry";
-interface ComponentNodeProps {
-    /** The component node to render (can be null/undefined for safety) */
-    node: Types.AnyComponentNode | null | undefined;
-    /** The surface ID this component belongs to */
-    surfaceId: string;
-    /** Optional custom registry. Falls back to singleton. */
-    registry?: ComponentRegistry;
-}
-/**
- * ComponentNode - dynamically renders an A2UI component based on its type.
- *
- * Looks up the component in the registry and renders it with the appropriate props.
- * Supports lazy-loaded components via React.Suspense.
- *
- * No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
- * direct flex child, exactly matching Lit's structure where the :host element IS
- * the flex item. Each component handles --weight CSS variable on its root div.
- *
- * Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
- */
-export declare const ComponentNode: import("react").NamedExoticComponent<ComponentNodeProps>;
-export default ComponentNode;
-//# sourceMappingURL=ComponentNode.d.ts.map

package/dist/react-renderer/core/ComponentNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentNode.d.ts","sourceRoot":"","sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAWlE,UAAU,kBAAkB;IAC1B,sEAAsE;IACtE,IAAI,EAAE,KAAK,CAAC,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,0DAsCxB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/react-renderer/core/ComponentNode.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Suspense, useMemo, memo } from "react";
-import { ComponentRegistry } from "../registry/ComponentRegistry";
-/** Memoized loading fallback to avoid recreating on each render */
-const LoadingFallback = memo(function LoadingFallback() {
-    return (_jsx("div", { className: "a2ui-loading", style: { padding: "8px", opacity: 0.5 }, children: "Loading..." }));
-});
-/**
- * ComponentNode - dynamically renders an A2UI component based on its type.
- *
- * Looks up the component in the registry and renders it with the appropriate props.
- * Supports lazy-loaded components via React.Suspense.
- *
- * No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
- * direct flex child, exactly matching Lit's structure where the :host element IS
- * the flex item. Each component handles --weight CSS variable on its root div.
- *
- * Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
- */
-export const ComponentNode = memo(function ComponentNode({ node, surfaceId, registry, }) {
-    const actualRegistry = registry ?? ComponentRegistry.getInstance();
-    // useMemo must be called unconditionally (Rules of Hooks)
-    // We handle invalid nodes by returning null component type
-    const nodeType = node && typeof node === "object" && "type" in node ? node.type : null;
-    const Component = useMemo(() => (nodeType ? actualRegistry.get(nodeType) : null), [actualRegistry, nodeType]);
-    // Handle null/undefined/invalid nodes gracefully
-    if (!nodeType) {
-        if (node) {
-            console.warn("[A2UI] Invalid component node (not resolved?):", node);
-        }
-        return null;
-    }
-    if (!Component) {
-        console.warn(`[A2UI] Unknown component type: ${nodeType}`);
-        return null;
-    }
-    // No wrapper div - component's root div is the :host equivalent
-    // Suspense doesn't add DOM elements, preserving the correct hierarchy
-    // Type assertion is safe: we've already validated node is valid (nodeType check above)
-    return (_jsx(Suspense, { fallback: _jsx(LoadingFallback, {}), children: _jsx(Component, { node: node, surfaceId: surfaceId }) }));
-});
-export default ComponentNode;
-//# sourceMappingURL=ComponentNode.js.map

package/dist/react-renderer/core/ComponentNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentNode.js","sourceRoot":"","sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,mEAAmE;AACnE,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe;IACnD,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,2BAE/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAWH;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,EACvD,IAAI,EACJ,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,cAAc,GAAG,QAAQ,IAAI,iBAAiB,CAAC,WAAW,EAAE,CAAC;IAEnE,0DAA0D;IAC1D,2DAA2D;IAC3D,MAAM,QAAQ,GACZ,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EACtD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAC;IAEF,iDAAiD;IACjD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,IAAI,CAAC,CAAC;QACvE,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,kCAAkC,QAAQ,EAAE,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,gEAAgE;IAChE,sEAAsE;IACtE,uFAAuF;IACvF,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,eAAe,KAAG,YACrC,KAAC,SAAS,IAAC,IAAI,EAAE,IAA8B,EAAE,SAAS,EAAE,SAAS,GAAI,GAChE,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/react-renderer/core/store.d.ts

@@ -1,37 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-import type { OnActionCallback } from "../types";
-/**
- * Stable actions that never change (won't cause re-renders).
- * These are stored in a ref and exposed via A2UIActionsContext.
- */
-export interface A2UIActions {
-    /** Process incoming server messages */
-    processMessages: (messages: Types.ServerToClientMessage[]) => void;
-    /** Update data in the data model (for two-way binding) */
-    setData: (node: Types.AnyComponentNode | null, path: string, value: Types.DataValue, surfaceId: string) => void;
-    /** Dispatch a user action to the server */
-    dispatch: (message: Types.A2UIClientEventMessage) => void;
-    /** Clear all surfaces */
-    clearSurfaces: () => void;
-    /** Get a surface by ID */
-    getSurface: (surfaceId: string) => Types.Surface | undefined;
-    /** Get all surfaces */
-    getSurfaces: () => ReadonlyMap<string, Types.Surface>;
-    /** Get data from the data model */
-    getData: (node: Types.AnyComponentNode, path: string, surfaceId: string) => Types.DataValue | null;
-    /** Resolve a relative path to an absolute path */
-    resolvePath: (path: string, dataContextPath?: string) => string;
-}
-/**
- * The shape of the A2UI context value.
- * Combines stable actions with reactive state.
- */
-export interface A2UIContextValue extends A2UIActions {
-    /** The underlying message processor from @a2ui/lit */
-    processor: Types.MessageProcessor;
-    /** Version counter for triggering React re-renders */
-    version: number;
-    /** Callback for dispatching actions to the server */
-    onAction: OnActionCallback | null;
-}
-//# sourceMappingURL=store.d.ts.map

package/dist/react-renderer/core/store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/react-renderer/core/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,eAAe,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAEnE,0DAA0D;IAC1D,OAAO,EAAE,CACP,IAAI,EAAE,KAAK,CAAC,gBAAgB,GAAG,IAAI,EACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IAEV,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,KAAK,IAAI,CAAC;IAE1D,yBAAyB;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,0BAA0B;IAC1B,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;IAE7D,uBAAuB;IACvB,WAAW,EAAE,MAAM,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtD,mCAAmC;IACnC,OAAO,EAAE,CACP,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,KACd,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAE5B,kDAAkD;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACjE;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,sDAAsD;IACtD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC;IAElC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAEhB,qDAAqD;IACrD,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC"}

package/dist/react-renderer/core/store.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=store.js.map

package/dist/react-renderer/core/store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/react-renderer/core/store.ts"],"names":[],"mappings":""}

package/dist/react-renderer/hooks/useA2UI.d.ts

@@ -1,46 +0,0 @@
-import type { Types } from "@a2ui/lit/0.8";
-/**
- * Result returned by the useA2UI hook.
- */
-export interface UseA2UIResult {
-    /** Process incoming server messages */
-    processMessages: (messages: Types.ServerToClientMessage[]) => void;
-    /** Get a surface by ID */
-    getSurface: (surfaceId: string) => Types.Surface | undefined;
-    /** Get all surfaces */
-    getSurfaces: () => ReadonlyMap<string, Types.Surface>;
-    /** Clear all surfaces */
-    clearSurfaces: () => void;
-    /** The current version number (increments on state changes) */
-    version: number;
-}
-/**
- * Main API hook for A2UI. Provides methods to process messages
- * and access surface state.
- *
- * Note: This hook subscribes to state changes. Components using this
- * will re-render when the A2UI state changes. For action-only usage
- * (no re-renders), use useA2UIActions() instead.
- *
- * @returns Object with message processing and surface access methods
- *
- * @example
- * ```tsx
- * function ChatApp() {
- *   const { processMessages, getSurface } = useA2UI();
- *
- *   useEffect(() => {
- *     const ws = new WebSocket('wss://agent.example.com');
- *     ws.onmessage = (event) => {
- *       const messages = JSON.parse(event.data);
- *       processMessages(messages);
- *     };
- *     return () => ws.close();
- *   }, [processMessages]);
- *
- *   return <A2UIRenderer surfaceId="main" />;
- * }
- * ```
- */
-export declare function useA2UI(): UseA2UIResult;
-//# sourceMappingURL=useA2UI.d.ts.map

package/dist/react-renderer/hooks/useA2UI.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useA2UI.d.ts","sourceRoot":"","sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,eAAe,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAEnE,0BAA0B;IAC1B,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;IAE7D,uBAAuB;IACvB,WAAW,EAAE,MAAM,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtD,yBAAyB;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,OAAO,IAAI,aAAa,CAWvC"}

package/dist/react-renderer/hooks/useA2UI.js

@@ -1,41 +0,0 @@
-import { useA2UIActions, useA2UIState } from "../core/A2UIProvider";
-/**
- * Main API hook for A2UI. Provides methods to process messages
- * and access surface state.
- *
- * Note: This hook subscribes to state changes. Components using this
- * will re-render when the A2UI state changes. For action-only usage
- * (no re-renders), use useA2UIActions() instead.
- *
- * @returns Object with message processing and surface access methods
- *
- * @example
- * ```tsx
- * function ChatApp() {
- *   const { processMessages, getSurface } = useA2UI();
- *
- *   useEffect(() => {
- *     const ws = new WebSocket('wss://agent.example.com');
- *     ws.onmessage = (event) => {
- *       const messages = JSON.parse(event.data);
- *       processMessages(messages);
- *     };
- *     return () => ws.close();
- *   }, [processMessages]);
- *
- *   return <A2UIRenderer surfaceId="main" />;
- * }
- * ```
- */
-export function useA2UI() {
-    const actions = useA2UIActions();
-    const state = useA2UIState();
-    return {
-        processMessages: actions.processMessages,
-        getSurface: actions.getSurface,
-        getSurfaces: actions.getSurfaces,
-        clearSurfaces: actions.clearSurfaces,
-        version: state.version,
-    };
-}
-//# sourceMappingURL=useA2UI.js.map

package/dist/react-renderer/hooks/useA2UI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useA2UI.js","sourceRoot":"","sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAsBpE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,OAAO;IACrB,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,OAAO;QACL,eAAe,EAAE,OAAO,CAAC,eAAe;QACxC,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC;AACJ,CAAC"}

package/dist/react-renderer/hooks/useA2UIComponent.d.ts

@@ -1,52 +0,0 @@
-import type { Types, Primitives } from "@a2ui/lit/0.8";
-/**
- * Result returned by the useA2UIComponent hook.
- */
-export interface UseA2UIComponentResult {
-    /** The current theme */
-    theme: Types.Theme;
-    /** Resolve a StringValue to its actual string value */
-    resolveString: (value: Primitives.StringValue | null | undefined) => string | null;
-    /** Resolve a NumberValue to its actual number value */
-    resolveNumber: (value: Primitives.NumberValue | null | undefined) => number | null;
-    /** Resolve a BooleanValue to its actual boolean value */
-    resolveBoolean: (value: Primitives.BooleanValue | null | undefined) => boolean | null;
-    /** Set a value in the data model (for two-way binding) */
-    setValue: (path: string, value: Types.DataValue) => void;
-    /** Get a value from the data model */
-    getValue: (path: string) => Types.DataValue | null;
-    /** Dispatch a user action */
-    sendAction: (action: Types.Action) => void;
-    /** Generate a unique ID for accessibility */
-    getUniqueId: (prefix: string) => string;
-}
-/**
- * Base hook for A2UI components. Provides data binding, theme access,
- * and action dispatching.
- *
- * @param node - The component node from the A2UI message processor
- * @param surfaceId - The surface ID this component belongs to
- * @returns Object with theme, data binding helpers, and action dispatcher
- *
- * @example
- * ```tsx
- * function TextField({ node, surfaceId }: A2UIComponentProps<Types.TextFieldNode>) {
- *   const { theme, resolveString, setValue } = useA2UIComponent(node, surfaceId);
- *
- *   const label = resolveString(node.properties.label);
- *   const value = resolveString(node.properties.text) ?? '';
- *
- *   return (
- *     <div className={classMapToString(theme.components.TextField.container)}>
- *       <label>{label}</label>
- *       <input
- *         value={value}
- *         onChange={(e) => setValue(node.properties.text?.path!, e.target.value)}
- *       />
- *     </div>
- *   );
- * }
- * ```
- */
-export declare function useA2UIComponent<T extends Types.AnyComponentNode>(node: T, surfaceId: string): UseA2UIComponentResult;
-//# sourceMappingURL=useA2UIComponent.d.ts.map

package/dist/react-renderer/hooks/useA2UIComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useA2UIComponent.d.ts","sourceRoot":"","sources":["../../../src/react-renderer/hooks/useA2UIComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIvD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IAEnB,uDAAuD;IACvD,aAAa,EAAE,CACb,KAAK,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,KAC7C,MAAM,GAAG,IAAI,CAAC;IAEnB,uDAAuD;IACvD,aAAa,EAAE,CACb,KAAK,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,KAC7C,MAAM,GAAG,IAAI,CAAC;IAEnB,yDAAyD;IACzD,cAAc,EAAE,CACd,KAAK,EAAE,UAAU,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,KAC9C,OAAO,GAAG,IAAI,CAAC;IAEpB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAEzD,sCAAsC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAEnD,6BAA6B;IAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC;IAE3C,6CAA6C;IAC7C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,gBAAgB,EAC/D,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,MAAM,GAChB,sBAAsB,CAkLxB"}

package/dist/react-renderer/hooks/useA2UIComponent.js

@@ -1,175 +0,0 @@
-import { useCallback, useId, useMemo } from "react";
-import { useA2UIActions, useA2UIState } from "../core/A2UIProvider";
-import { useTheme } from "../theme/ThemeContext";
-/**
- * Base hook for A2UI components. Provides data binding, theme access,
- * and action dispatching.
- *
- * @param node - The component node from the A2UI message processor
- * @param surfaceId - The surface ID this component belongs to
- * @returns Object with theme, data binding helpers, and action dispatcher
- *
- * @example
- * ```tsx
- * function TextField({ node, surfaceId }: A2UIComponentProps<Types.TextFieldNode>) {
- *   const { theme, resolveString, setValue } = useA2UIComponent(node, surfaceId);
- *
- *   const label = resolveString(node.properties.label);
- *   const value = resolveString(node.properties.text) ?? '';
- *
- *   return (
- *     <div className={classMapToString(theme.components.TextField.container)}>
- *       <label>{label}</label>
- *       <input
- *         value={value}
- *         onChange={(e) => setValue(node.properties.text?.path!, e.target.value)}
- *       />
- *     </div>
- *   );
- * }
- * ```
- */
-export function useA2UIComponent(node, surfaceId) {
-    // Use stable actions - won't cause re-renders when version changes
-    const actions = useA2UIActions();
-    const theme = useTheme();
-    const baseId = useId();
-    // Subscribe to data model version - triggers re-render when data changes via setData.
-    // This ensures components with path bindings see updated values.
-    // memo() doesn't block context-triggered re-renders.
-    useA2UIState();
-    /**
-     * Resolve a StringValue to its actual string value.
-     * Checks literalString, literal, then path in that order.
-     * Note: This reads from data model via stable actions reference.
-     */
-    const resolveString = useCallback((value) => {
-        if (!value)
-            return null;
-        if (typeof value !== "object")
-            return null;
-        if (value.literalString !== undefined) {
-            return value.literalString;
-        }
-        if (value.literal !== undefined) {
-            return String(value.literal);
-        }
-        if (value.path) {
-            const data = actions.getData(node, value.path, surfaceId);
-            return data !== null ? String(data) : null;
-        }
-        return null;
-    }, [actions, node, surfaceId]);
-    /**
-     * Resolve a NumberValue to its actual number value.
-     */
-    const resolveNumber = useCallback((value) => {
-        if (!value)
-            return null;
-        if (typeof value !== "object")
-            return null;
-        if (value.literalNumber !== undefined) {
-            return value.literalNumber;
-        }
-        if (value.literal !== undefined) {
-            return Number(value.literal);
-        }
-        if (value.path) {
-            const data = actions.getData(node, value.path, surfaceId);
-            return data !== null ? Number(data) : null;
-        }
-        return null;
-    }, [actions, node, surfaceId]);
-    /**
-     * Resolve a BooleanValue to its actual boolean value.
-     */
-    const resolveBoolean = useCallback((value) => {
-        if (!value)
-            return null;
-        if (typeof value !== "object")
-            return null;
-        if (value.literalBoolean !== undefined) {
-            return value.literalBoolean;
-        }
-        if (value.literal !== undefined) {
-            return Boolean(value.literal);
-        }
-        if (value.path) {
-            const data = actions.getData(node, value.path, surfaceId);
-            return data !== null ? Boolean(data) : null;
-        }
-        return null;
-    }, [actions, node, surfaceId]);
-    /**
-     * Set a value in the data model for two-way binding.
-     */
-    const setValue = useCallback((path, value) => {
-        actions.setData(node, path, value, surfaceId);
-    }, [actions, node, surfaceId]);
-    /**
-     * Get a value from the data model.
-     */
-    const getValue = useCallback((path) => {
-        return actions.getData(node, path, surfaceId);
-    }, [actions, node, surfaceId]);
-    /**
-     * Dispatch a user action to the server.
-     * Resolves all context bindings before dispatching.
-     */
-    const sendAction = useCallback((action) => {
-        const actionContext = {};
-        if (action.context) {
-            for (const item of action.context) {
-                if (item.value.literalString !== undefined) {
-                    actionContext[item.key] = item.value.literalString;
-                }
-                else if (item.value.literalNumber !== undefined) {
-                    actionContext[item.key] = item.value.literalNumber;
-                }
-                else if (item.value.literalBoolean !== undefined) {
-                    actionContext[item.key] = item.value.literalBoolean;
-                }
-                else if (item.value.path) {
-                    const resolvedPath = actions.resolvePath(item.value.path, node.dataContextPath);
-                    actionContext[item.key] = actions.getData(node, resolvedPath, surfaceId);
-                }
-            }
-        }
-        actions.dispatch({
-            userAction: {
-                name: action.name,
-                sourceComponentId: node.id,
-                surfaceId,
-                timestamp: new Date().toISOString(),
-                context: actionContext,
-            },
-        });
-    }, [actions, node, surfaceId]);
-    /**
-     * Generate a unique ID for accessibility purposes.
-     * Uses React's useId() for SSR and Concurrent Mode compatibility.
-     */
-    const getUniqueId = useCallback((prefix) => {
-        return `${prefix}${baseId}`;
-    }, [baseId]);
-    return useMemo(() => ({
-        theme,
-        resolveString,
-        resolveNumber,
-        resolveBoolean,
-        setValue,
-        getValue,
-        sendAction,
-        getUniqueId,
-    }), [
-        theme,
-        resolveString,
-        resolveNumber,
-        resolveBoolean,
-        setValue,
-        getValue,
-        sendAction,
-        getUniqueId,
-    ]);
-}
-//# sourceMappingURL=useA2UIComponent.js.map