diff --git a/examples/chat/angular/src/app/modes/welcome-suggestions.ts b/examples/chat/angular/src/app/modes/welcome-suggestions.ts index f3e3164e3..c8412a32c 100644 --- a/examples/chat/angular/src/app/modes/welcome-suggestions.ts +++ b/examples/chat/angular/src/app/modes/welcome-suggestions.ts @@ -64,4 +64,14 @@ export const WELCOME_SUGGESTIONS: readonly WelcomeSuggestion[] = [ value: 'Show me a contact form with fields for name, email address, subject, and a multi-line message, plus a Send button.', }, + { + label: 'Demo: render a media-rich product card', + value: + 'Render a product card with: a header image at the top, a tab strip with two tabs ("Overview" and "Specs"). Under Overview show a Row containing an icon and a short description Text. Under Specs show a List of feature bullets each prefixed with a small icon. Below the tabs add a primary "Add to cart" Button.', + }, + { + label: 'Demo: render a booking surface with modal', + value: + 'Render a booking surface: a heading "Book your trip", a DateTimeInput for travel date, a horizontal divider, then a Row containing two Cards (one for departure city, one for return city) each with a TextField. Below the Row add a primary "Continue" Button whose action opens a Modal containing a confirmation Column with a summary Text and Confirm / Cancel Buttons.', + }, ]; diff --git a/examples/chat/smoke/CHECKLIST.md b/examples/chat/smoke/CHECKLIST.md index 7666879c7..bb30160c8 100644 --- a/examples/chat/smoke/CHECKLIST.md +++ b/examples/chat/smoke/CHECKLIST.md @@ -266,6 +266,19 @@ renders correctly both during streaming and after completion. - [ ] In json-render mode: final AI message content is a bare JSON object starting with `{` - [ ] `curl localhost:2024/threads//state` confirms the above for both modes +### A2UI catalog coverage + +The 18 catalog components must render correctly when the LLM-generated surface includes them. After clicking each demo suggestion below, verify the rendered surface contains the listed component types and that each looks visually correct (no overflow, alignment intact, text legible, interactive controls functional). + +- [ ] "Demo: render a feedback form" — `Card` + `Column` + `Text` + `TextField` + (`MultipleChoice` or `Slider`) + `Button` +- [ ] "Demo: render a settings card" — `Card` + `Column` + `Text` + `MultipleChoice` + `CheckBox` + `Button` +- [ ] "Demo: render a poll" — `Card` + `Column` + `Text` + `MultipleChoice` + `Button` +- [ ] "Demo: render a contact form" — `Card` + `Column` + `Text` + `TextField` + `Button` +- [ ] "Demo: render a media-rich product card" — `Image` + `Tabs` + `Row` + `Icon` + `List` + `Button` +- [ ] "Demo: render a booking surface with modal" — `DateTimeInput` + `Divider` + `Row` + `Card` + `TextField` + `Modal` + +Components NOT yet exercised by the demo (deferred to future media-focused suggestions): `Video`, `AudioPlayer`. + ## Subagents - [ ] Click "Demo: dispatch a research subagent" welcome suggestion