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.2 KiB
1.2 KiB
QA: Tool Rendering — 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/tool-rendering
Page load
- Page heading "Tool Rendering" is visible.
- Hint text 'Try: "What's the weather in Tokyo?"' is visible.
- Chat input is visible.
Happy path interaction
- Send: "What's the weather in Tokyo?" While the tool runs, verify a "Fetching weather…" in-progress card appears inline in the chat.
- After the agent finishes, verify the card shows: city name, temperature (°F), condition text, and humidity percentage.
- Ask about weather in a second city (e.g. "And what about London?"). Verify a second weather card renders without disturbing the first.
Edge cases worth checking
- Send a message that triggers a tool other than
weather(e.g. "Tell me today's date"). Verify the generic tool card renders showing the tool name, status, and JSON payload — not a custom weather card. - Send a plain conversational message (e.g. "Hi there"). Verify the agent replies normally with no tool cards rendered.