1.3 KiB
1.3 KiB
QA: Agentic Generative UI — Built-in Agent (TanStack AI)
Prerequisites
- Set
OPENAI_API_KEYin.env.local(or environment). - Run
npm install --legacy-peer-deps && npm run devfrom thebuilt-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_progressshow a bullet (•) and steps markeddoneshow 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.