Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/website/content/docs/chat/components/chat.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,7 @@ AI messages containing JSON are parsed character-by-character as tokens stream.

When AI messages contain A2UI content (prefixed with `---a2ui_JSON---`), the component auto-detects and renders surfaces using the built-in `a2uiBasicCatalog()`. This includes 12 components from the A2UI v0.9 basic catalog: Text, Image, Icon, Divider, Row, Column, Card, List, Button, TextField, CheckBox, and ChoicePicker.

A2UI surfaces support two-way data binding, button actions, template expansion over collections, and validation. See the [A2UI guide](/docs/chat/a2ui/overview) for details.
A2UI surfaces support two-way data binding, button actions, template expansion over collections, and validation. See the [A2UI guide](/docs/render/a2ui/overview) for details.

## Auto-Scroll Behavior

Expand Down
4 changes: 2 additions & 2 deletions apps/website/content/docs/chat/guides/generative-ui.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ The store enables two-way data binding between generative UI components and your

## A2UI Protocol

For agents that implement Google's A2UI v0.9 protocol, `ChatComponent` auto-detects A2UI payloads (prefixed with `---a2ui_JSON---`) and renders them using the built-in A2UI catalog. See the [A2UI guide](/docs/chat/a2ui/overview) for details.
For agents that implement Google's A2UI v0.9 protocol, `ChatComponent` auto-detects A2UI payloads (prefixed with `---a2ui_JSON---`) and renders them using the built-in A2UI catalog. See the [A2UI guide](/docs/render/a2ui/overview) for details.

## What's Next

Expand All @@ -152,7 +152,7 @@ For agents that implement Google's A2UI v0.9 protocol, `ChatComponent` auto-dete
>
Full reference for the JSON spec format, prop expressions, and element types.
</Card>
<Card title="A2UI Protocol" icon="layers" href="/docs/chat/a2ui/overview">
<Card title="A2UI Protocol" icon="layers" href="/docs/render/a2ui/overview">
Render A2UI v0.9 surfaces with the built-in 12-component catalog.
</Card>
</CardGroup>
2 changes: 1 addition & 1 deletion apps/website/content/docs/chat/guides/streaming.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ A2UI content uses a different detection trigger than JSON-render specs. Instead

Once detected, the classifier switches to A2UI mode and parses the remaining content as JSONL — one JSON object per line — rather than a single JSON object. Each line represents an A2UI message that builds up surfaces with components and data models.

The resulting surfaces are available via `classifier.a2uiSurfaces()`, which returns a `Map<string, A2uiSurface>` keyed by surface ID. See the [A2UI guide](/docs/chat/a2ui/overview) for full details on the A2UI protocol and surface structure.
The resulting surfaces are available via `classifier.a2uiSurfaces()`, which returns a `Map<string, A2uiSurface>` keyed by surface ID. See the [A2UI guide](/docs/render/a2ui/overview) for full details on the A2UI protocol and surface structure.

## Error Handling

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ Renders children in a scrollable vertical list (max height 24rem).
| `spec` | `Spec` | Injected automatically by the render engine |

<Callout type="info" title="Template children">
For data-driven lists, use the `A2uiChildTemplate` form instead of static `childKeys`. Set `children` to `{"path": "/items", "componentId": "item-template"}` and the surface component will expand the template once per array item. See the [Surface Component](/docs/chat/a2ui/surface-component) page for details.
For data-driven lists, use the `A2uiChildTemplate` form instead of static `childKeys`. Set `children` to `{"path": "/items", "componentId": "item-template"}` and the surface component will expand the template once per array item. See the [Surface Component](/docs/render/a2ui/surface-component) page for details.
</Callout>

## Interactive Components
Expand Down Expand Up @@ -444,14 +444,14 @@ Props that use `A2uiFunctionCall` can reference these built-in functions:
<Card
title="A2UI Overview"
icon="book-open"
href="/docs/chat/a2ui/overview"
href="/docs/render/a2ui/overview"
>
How the A2UI protocol works end-to-end.
</Card>
<Card
title="Surface Component"
icon="layers"
href="/docs/chat/a2ui/surface-component"
href="/docs/render/a2ui/surface-component"
>
Render surfaces and understand dynamic value resolution.
</Card>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -295,21 +295,21 @@ Validation styling uses CSS custom properties:
<Card
title="Surface Component"
icon="layers"
href="/docs/chat/a2ui/surface-component"
href="/docs/render/a2ui/surface-component"
>
API reference for A2uiSurfaceComponent — render a surface outside ChatComponent.
</Card>
<Card
title="Surface Store"
icon="database"
href="/docs/chat/a2ui/surface-store"
href="/docs/render/a2ui/surface-store"
>
API reference for createA2uiSurfaceStore() and the apply/surfaces/surface interface.
</Card>
<Card
title="Component Catalog"
icon="grid"
href="/docs/chat/a2ui/catalog"
href="/docs/render/a2ui/catalog"
>
Reference for all 18 built-in components and their props.
</Card>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -114,14 +114,14 @@ Returns `null` when the surface has no `root` component. Otherwise returns a com
<Card
title="Surface Store"
icon="database"
href="/docs/chat/a2ui/surface-store"
href="/docs/render/a2ui/surface-store"
>
Manage surfaces and apply A2UI messages reactively.
</Card>
<Card
title="Component Catalog"
icon="grid"
href="/docs/chat/a2ui/catalog"
href="/docs/render/a2ui/catalog"
>
All 18 built-in components and their props.
</Card>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -138,14 +138,14 @@ The `components` map is keyed by component ID. The `dataModel` is a plain object
<Card
title="Surface Component"
icon="layers"
href="/docs/chat/a2ui/surface-component"
href="/docs/render/a2ui/surface-component"
>
Render a surface using A2uiSurfaceComponent.
</Card>
<Card
title="Component Catalog"
icon="grid"
href="/docs/chat/a2ui/catalog"
href="/docs/render/a2ui/catalog"
>
All 18 built-in components and their props.
</Card>
Expand Down
22 changes: 11 additions & 11 deletions apps/website/src/lib/docs-config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,17 @@ export const docsConfig: DocsLibrary[] = [
{ title: 'Events & Handlers', slug: 'events', section: 'guides' },
],
},
{
title: 'A2UI',
id: 'a2ui',
color: 'red',
pages: [
{ title: 'Overview', slug: 'overview', section: 'a2ui' },
{ title: 'A2uiSurfaceComponent', slug: 'surface-component', section: 'a2ui' },
{ title: 'createA2uiSurfaceStore()', slug: 'surface-store', section: 'a2ui' },
{ title: 'Component Catalog', slug: 'catalog', section: 'a2ui' },
],
},
{
title: 'API Reference',
id: 'api',
Expand Down Expand Up @@ -167,17 +178,6 @@ export const docsConfig: DocsLibrary[] = [
{ title: 'createParseTreeStore()', slug: 'parse-tree-store', section: 'api' },
],
},
{
title: 'A2UI',
id: 'a2ui',
color: 'red',
pages: [
{ title: 'Overview', slug: 'overview', section: 'a2ui' },
{ title: 'A2uiSurfaceComponent', slug: 'surface-component', section: 'a2ui' },
{ title: 'createA2uiSurfaceStore()', slug: 'surface-store', section: 'a2ui' },
{ title: 'Component Catalog', slug: 'catalog', section: 'a2ui' },
],
},
],
},
];
Expand Down
Loading
Loading