wehub-resource-sync
1.4 KiB
1.4 KiB
QA: Beautiful Chat — CrewAI (Crews)
- Navigate to
/demos/beautiful-chat. - Verify the page root (
data-testid="beautiful-chat-root") renders. - Verify the ExampleLayout (chat on the left, canvas on the right) and the theme toggle widget are present.
- Verify the pre-seeded suggestion pills render. The "Excalidraw Diagram (MCP App)" pill from the LangGraph reference is intentionally omitted on CrewAI (see src/app/demos/beautiful-chat/hooks/ use-example-suggestions.tsx).
- Click "Pie Chart (Controlled Generative UI)"; verify a branded pie chart renders in the transcript.
- Click "Bar Chart (Controlled Generative UI)"; verify a bar chart renders in the transcript.
- Click "Schedule Meeting (Human In The Loop)"; verify a meeting-time picker renders and that selecting a slot is echoed back into the chat.
- Click "Search Flights (A2UI Fixed Schema)"; verify a flight card renders in the canvas.
- Click "Sales Dashboard (A2UI Dynamic)"; verify a dashboard renders with metrics + pie + bar chart.
- Click "Calculator App (Open Generative UI)"; verify a calculator renders inside the sandboxed iframe.
- Click "Toggle Theme (Frontend Tools)"; verify the theme flips.
- Click "Task Manager (Shared State)"; verify three todos appear in the app-mode canvas.