25 lines
1.3 KiB
Markdown
25 lines
1.3 KiB
Markdown
# QA: Agentic Generative UI — Built-in Agent (TanStack AI)
|
|
|
|
## Prerequisites
|
|
|
|
- Set `OPENAI_API_KEY` in `.env.local` (or environment).
|
|
- Run `npm install --legacy-peer-deps && npm run dev` from the `built-in-agent/` package directory.
|
|
- Demo URL: `http://localhost:3000/demos/gen-ui-agent`
|
|
|
|
## Page load
|
|
|
|
- [ ] Page heading "Agentic Generative UI" is visible in the left column.
|
|
- [ ] Left panel shows the placeholder "No plan yet. The agent will fill this panel as it works." in the bordered box.
|
|
- [ ] Chat input is visible in the right column.
|
|
|
|
## Happy path interaction
|
|
|
|
- [ ] Send: "Plan a 4-step morning routine and execute it; emit the plan to state." Verify that a "Plan" panel appears in the left column listing numbered steps.
|
|
- [ ] While the agent is responding, verify that steps with status `in_progress` show a bullet (•) and steps marked `done` show a checkmark (✓) with strikethrough text.
|
|
- [ ] After the agent finishes, verify all steps show ✓ and the panel title "Plan" remains visible.
|
|
|
|
## Edge cases worth checking
|
|
|
|
- [ ] Send a plain conversational message (e.g. "What is the capital of France?"). Verify the agent replies in chat and the left panel remains unchanged.
|
|
- [ ] Send a second planning request. Verify the left panel replaces the previous plan with the new one.
|