mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Alem Tuzlak
c089d5969e
# Conflicts: # .github/workflows/showcase_deploy.yml # showcase/integrations/built-in-agent/.env.example # showcase/integrations/built-in-agent/Dockerfile # showcase/integrations/built-in-agent/README.md # showcase/integrations/built-in-agent/docs-links.json # showcase/integrations/built-in-agent/entrypoint.sh # showcase/integrations/built-in-agent/next.config.ts # showcase/integrations/built-in-agent/package-lock.json # showcase/integrations/built-in-agent/package.json # showcase/integrations/built-in-agent/playwright.config.ts # showcase/integrations/built-in-agent/postcss.config.mjs # showcase/integrations/built-in-agent/public/.gitkeep # showcase/integrations/built-in-agent/qa/agentic-chat.md # showcase/integrations/built-in-agent/qa/gen-ui-agent.md # showcase/integrations/built-in-agent/qa/gen-ui-tool-based.md # showcase/integrations/built-in-agent/qa/hitl-in-chat.md # showcase/integrations/built-in-agent/qa/sales-dashboard.md # showcase/integrations/built-in-agent/qa/shared-state-read-write.md # showcase/integrations/built-in-agent/qa/shared-state-streaming.md # showcase/integrations/built-in-agent/qa/subagents.md # showcase/integrations/built-in-agent/qa/tool-rendering.md # showcase/integrations/built-in-agent/src/app/api/copilotkit/[[...slug]]/route.ts # showcase/integrations/built-in-agent/src/app/api/health/route.ts # showcase/integrations/built-in-agent/src/app/copilotkit-overrides.css # showcase/integrations/built-in-agent/src/app/demos/agentic-chat/page.tsx # showcase/integrations/built-in-agent/src/app/demos/gen-ui-agent/page.tsx # showcase/integrations/built-in-agent/src/app/demos/gen-ui-tool-based/page.tsx # showcase/integrations/built-in-agent/src/app/demos/hitl/page.tsx # showcase/integrations/built-in-agent/src/app/demos/shared-state-read-write/page.tsx # showcase/integrations/built-in-agent/src/app/demos/shared-state-streaming/page.tsx # showcase/integrations/built-in-agent/src/app/demos/subagents/page.tsx # showcase/integrations/built-in-agent/src/app/demos/tool-rendering/page.tsx # showcase/integrations/built-in-agent/src/app/globals.css # showcase/integrations/built-in-agent/src/app/layout.tsx # showcase/integrations/built-in-agent/src/app/page.tsx # showcase/integrations/built-in-agent/src/lib/factory/server-tools.ts # showcase/integrations/built-in-agent/src/lib/factory/state-tools.ts # showcase/integrations/built-in-agent/src/lib/factory/subagent-tools.ts # showcase/integrations/built-in-agent/src/lib/factory/tanstack-factory.ts # showcase/integrations/built-in-agent/tests/e2e/agentic-chat.spec.ts # showcase/integrations/built-in-agent/tests/e2e/gen-ui-agent.spec.ts # showcase/integrations/built-in-agent/tests/e2e/gen-ui-tool-based.spec.ts # showcase/integrations/built-in-agent/tests/e2e/hitl-in-chat.spec.ts # showcase/integrations/built-in-agent/tests/e2e/shared-state-read.spec.ts # showcase/integrations/built-in-agent/tests/e2e/shared-state-streaming.spec.ts # showcase/integrations/built-in-agent/tests/e2e/shared-state-write.spec.ts # showcase/integrations/built-in-agent/tests/e2e/subagents.spec.ts # showcase/integrations/built-in-agent/tests/e2e/tool-rendering.spec.ts # showcase/integrations/built-in-agent/tsconfig.json
1.1 KiB
1.1 KiB
QA: Tool-Based 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-tool-based
Page load
- Page heading "Tool-Based Generative UI" is visible.
- Hint text 'Try: "Write me a haiku about morning dew."' is visible.
- Chat input is visible.
Happy path interaction
- Send: "Write me a haiku about morning dew." While the agent is composing, verify a "Composing haiku about morning dew…" in-progress card appears inline in the chat.
- After the agent finishes, verify the card changes to an amber-background card titled "Haiku — morning dew" containing three lines of text in serif italic style.
Edge cases worth checking
- Request a second haiku on a different topic. Verify a new haiku card is rendered in the chat without replacing the first.
- Send a message that does not request a haiku (e.g. "Tell me a joke"). Verify the agent replies in chat without rendering a haiku card.