A2uiSurface

Unpublished development API. This package is under development and is not available as a published release.

Renders one A2UI surface from a snapshot. Given the store as surfaces, its input components write edits into that store; the application keeps passing the store's current snapshot. Edits stay local. A pressed Button hands its resolved action message to onAction, and the application transports it. A press is blocked while any input's checks fail; the failing inputs then show their messages until they pass. A Button whose own checks fail is disabled. A Button with a function-call action runs it here, through functions or the built-in openUrl, without consulting checks on inputs. Function-call props show their current value. A component the catalog lacks keeps its children. A child template is stamped once per item of its list; inputs, checks and actions inside it work on that item. The surface's theme sets the accent colour from a hex primaryColor and shows agentDisplayName and iconUrl as a small line above the content.

import { A2uiSurface } from '@threadplane/react/a2ui';

Declaration · overload 1

export declare function A2uiSurface(input: A2uiSurfaceProps): import("react/jsx-runtime").JSX.Element;

Parameters

{ surface, surfaces, onAction, onValidationError, functions, catalog, className, } · required
input · required
A2uiSurfaceProps

Returns

import("react/jsx-runtime").JSX.Element