mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Alem Tuzlak
a549de3a41
The 6 beautiful-chat demos (spring-ai, strands, langroid, agno,
claude-sdk-typescript, claude-sdk-python) ship three identical
suggestion chips: "Plan a 3-day Tokyo trip", "Explain RAG like I'm
12", and "Draft a launch email". Against the deployed aimock-backed
showcase, all three were broken:
- Tokyo trip: hijacked by the broad `userMessage: "hi"` fixture,
because the substring "hi" appears inside "arc**hi**tecture" in
the prompt. Returned a generic "Hi there! I'm your showcase
assistant..." greeting with nothing about Tokyo.
- RAG explain: no fixture matched, aimock returned an error.
- Launch email: same — no fixture, error.
Add three on-topic fixtures with the full suggestion sentence as
`userMessage` (effectively-exact substring match). Place them
before the broad "hi" fixture in the file so first-match-wins
routes each suggestion to the right response.
Add a `beautiful-chat.spec.ts` regression suite to all 6
integrations: send each suggestion, assert the right keywords
appear in the assistant reply ("Day 1/2/3" for Tokyo,
"open-book/RAG" for RAG, "Subject:/co-pilot" for email), AND
assert the hijacked greeting is absent. If the broad "hi" fixture
re-broadens or the new fixtures are reordered/removed, these
tests fail loudly.
874 lines
35 KiB
JSON
874 lines
35 KiB
JSON
{
|
|
"fixtures": [
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_get_weather_001"
|
|
},
|
|
"response": {
|
|
"content": "The current weather in Tokyo is 22\u00b0C with partly cloudy skies. Humidity is at 65% with light winds from the east at 12 km/h. Perfect weather for a walk outside!"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_render_pie_chart_001"
|
|
},
|
|
"response": {
|
|
"content": "Pie chart rendered above \u2014 Electronics is the largest slice at $42,000, followed by Clothing, Food, and Books."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_show_card_001"
|
|
},
|
|
"response": {
|
|
"content": "Here is a quick card for Ada Lovelace \u2014 the rendered card above shows a short biography. Let me know if you want a deeper dive on her work or a different historical figure."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_request_approval_001"
|
|
},
|
|
"response": {
|
|
"content": "Approved \u2014 processing the $50 refund to customer #12345 now."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_book_call_001"
|
|
},
|
|
"response": {
|
|
"content": "Booked Alice's onboarding call for the time you selected \u2014 calendar invite is on its way."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_set_notes_001"
|
|
},
|
|
"response": {
|
|
"content": "Got it \u2014 I have noted that your favorite color is blue."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_critique_agent_001"
|
|
},
|
|
"response": {
|
|
"content": "Here is the summary, after research \u2192 drafting \u2192 critique:\n\nRemote work returns roughly ten hours a week to employees by eliminating the commute, and repeated surveys show meaningfully higher job satisfaction among remote workers. Employers benefit too: a geographically unbounded talent pool and lower office overhead. The honest counterweight is that ad-hoc collaboration, mentorship of junior staff, and cultural cohesion all degrade without intentional rituals to replace what an office provided implicitly."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_writing_agent_001"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_critique_agent_001",
|
|
"name": "critique_agent",
|
|
"arguments": "{\"draft\":\"Remote work returns roughly ten hours a week to employees by eliminating the commute, and repeated surveys show meaningfully higher job satisfaction among remote workers. Employers benefit too: a geographically unbounded talent pool and lower office overhead. The honest counterweight is that ad-hoc collaboration, mentorship of junior staff, and cultural cohesion all degrade without intentional rituals to replace what an office provided implicitly.\",\"instructions\":\"Check factual claims, tighten prose, flag any unsupported assertions.\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_research_agent_001"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_writing_agent_001",
|
|
"name": "writing_agent",
|
|
"arguments": "{\"brief\":\"One-paragraph summary on the benefits of remote work, grounded in the research facts.\",\"facts\":[\"Eliminating commutes returns roughly ten hours per week per employee.\",\"Repeated surveys show meaningfully higher job satisfaction among remote workers.\",\"Employers gain access to a geographically unbounded talent pool.\",\"Office overhead (leases, utilities, maintenance) drops significantly.\",\"Trade-offs include reduced ad-hoc collaboration, harder mentorship of junior staff, and erosion of cultural cohesion without intentional replacement rituals.\"]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_pie_chart_001"
|
|
},
|
|
"response": {
|
|
"content": "Pie chart rendered above — Electronics is the largest slice, followed by Clothing, Food, and Books."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_bar_chart_001"
|
|
},
|
|
"response": {
|
|
"content": "Bar chart rendered above — Salaries dominate monthly spend, with Rent, Marketing, and Travel rounding out the breakdown."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_pie_chart_002"
|
|
},
|
|
"response": {
|
|
"content": "Pie chart rendered above — Organic Search drives most traffic, followed by Direct, Social, and Referral."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_pie_chart_003"
|
|
},
|
|
"response": {
|
|
"content": "Pie chart rendered above — Apple and Samsung lead, with Xiaomi third and the long tail under \"Others\"."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_bar_chart_002"
|
|
},
|
|
"response": {
|
|
"content": "Bar chart rendered above — Q4 was the strongest quarter, with Q2 close behind."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_pie_chart_004"
|
|
},
|
|
"response": {
|
|
"content": "Pie chart rendered above — Electronics is the largest slice, followed by Clothing, Food, and Books."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_bar_chart_003"
|
|
},
|
|
"response": {
|
|
"content": "Bar chart rendered above — monthly expenses ranged from $12k in January to $15.8k in April."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_schedule_time_001"
|
|
},
|
|
"response": {
|
|
"content": "Meeting scheduled — calendar invite is on its way."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_search_flights_001"
|
|
},
|
|
"response": {
|
|
"content": "Two flights shown above — United at $349 (08:00) and Delta at $289 (10:15), both on time."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_fp_toggle_theme_001"
|
|
},
|
|
"response": {
|
|
"content": "Theme toggled."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "good name for a goldfish"
|
|
},
|
|
"response": {
|
|
"content": "How about Bubbles? It is friendly, classic, and easy to call out at the tank. If you want alternatives: Goldie, Finley, or Mango."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "name for its tank"
|
|
},
|
|
"response": {
|
|
"content": "Following the Bubbles theme, you could call the tank The Bubble Bowl. It pairs naturally with the goldfish's name and keeps the playful tone."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "what we named the goldfish"
|
|
},
|
|
"response": {
|
|
"content": "We named the goldfish Bubbles, and the tank The Bubble Bowl."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Show me a profile card for Ada Lovelace"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_show_card_001",
|
|
"name": "show_card",
|
|
"arguments": "{\"title\":\"Ada Lovelace\",\"body\":\"English mathematician (1815\u20131852), credited as the first computer programmer for her notes on Charles Babbage's Analytical Engine \u2014 including what is now recognized as the first algorithm intended to be carried out by a machine.\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Issue a $50 refund to customer #12345"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_request_approval_001",
|
|
"name": "request_user_approval",
|
|
"arguments": "{\"message\":\"Issue a $50 refund to customer #12345.\",\"context\":\"Per the standard goodwill-credit policy for shipping delays.\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Book a 30-minute onboarding call for Alice"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_book_call_001",
|
|
"name": "book_call",
|
|
"arguments": "{\"topic\":\"Onboarding call\",\"name\":\"Alice\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "remember that my favorite color is blue"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_set_notes_001",
|
|
"name": "set_notes",
|
|
"arguments": "{\"notes\":[\"Favorite color: blue\"]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "favorite color"
|
|
},
|
|
"response": {
|
|
"content": "Your favorite color is blue \u2014 I noted it earlier."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Research the benefits of remote work and draft a one-paragraph summary"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_research_agent_001",
|
|
"name": "research_agent",
|
|
"arguments": "{\"topic\":\"Benefits of remote work\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "weather"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_get_weather_001",
|
|
"name": "get_weather",
|
|
"arguments": "{\"location\":\"Tokyo\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "weather summary"
|
|
},
|
|
"response": {
|
|
"content": "The current weather in Tokyo is 22\u00b0C with partly cloudy skies. Humidity is at 65% with light winds from the east at 12 km/h. Perfect weather for a walk outside!"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "revenue distribution by category"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_pie_chart_001",
|
|
"name": "pieChart",
|
|
"arguments": "{\"title\":\"Revenue by Category\",\"description\":\"Breakdown of revenue across product categories\",\"data\":[{\"label\":\"Electronics\",\"value\":42000},{\"label\":\"Clothing\",\"value\":28000},{\"label\":\"Food\",\"value\":18000},{\"label\":\"Books\",\"value\":12000}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "expenses by category"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_bar_chart_001",
|
|
"name": "barChart",
|
|
"arguments": "{\"title\":\"Expenses by Category\",\"description\":\"Monthly expense breakdown\",\"data\":[{\"label\":\"Rent\",\"value\":15000},{\"label\":\"Salaries\",\"value\":80000},{\"label\":\"Marketing\",\"value\":12000},{\"label\":\"Travel\",\"value\":5000}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "pie chart of website traffic by source"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_pie_chart_002",
|
|
"name": "render_pie_chart",
|
|
"arguments": "{\"title\":\"Website Traffic by Source\",\"description\":\"Traffic sources this month\",\"data\":[{\"label\":\"Organic Search\",\"value\":45},{\"label\":\"Direct\",\"value\":25},{\"label\":\"Social\",\"value\":18},{\"label\":\"Referral\",\"value\":12}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "smartphone market share by brand"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_pie_chart_003",
|
|
"name": "render_pie_chart",
|
|
"arguments": "{\"title\":\"Smartphone Market Share\",\"description\":\"Global smartphone market share by brand\",\"data\":[{\"label\":\"Apple\",\"value\":28},{\"label\":\"Samsung\",\"value\":22},{\"label\":\"Xiaomi\",\"value\":14},{\"label\":\"Others\",\"value\":36}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "bar chart of quarterly sales for Q1, Q2, Q3, Q4"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_bar_chart_002",
|
|
"name": "render_bar_chart",
|
|
"arguments": "{\"title\":\"Quarterly Sales\",\"description\":\"Sales across Q1-Q4\",\"data\":[{\"label\":\"Q1\",\"value\":145000},{\"label\":\"Q2\",\"value\":178000},{\"label\":\"Q3\",\"value\":162000},{\"label\":\"Q4\",\"value\":215000}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Show me the sales dashboard with metrics and a revenue chart"
|
|
},
|
|
"response": {
|
|
"content": "{\"root\":\"revenue-metric\",\"elements\":{\"revenue-metric\":{\"type\":\"MetricCard\",\"props\":{\"label\":\"Revenue (Q3)\",\"value\":\"$1.24M\",\"trend\":\"+18% vs Q2\"},\"children\":[\"revenue-bar\"]},\"revenue-bar\":{\"type\":\"BarChart\",\"props\":{\"title\":\"Monthly revenue\",\"description\":\"Revenue by month across Q3\",\"data\":[{\"label\":\"Jul\",\"value\":380000},{\"label\":\"Aug\",\"value\":410000},{\"label\":\"Sep\",\"value\":450000}]}}}}"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Break down revenue by category as a pie chart"
|
|
},
|
|
"response": {
|
|
"content": "{\"root\":\"category-pie\",\"elements\":{\"category-pie\":{\"type\":\"PieChart\",\"props\":{\"title\":\"Revenue by category\",\"description\":\"Share of total revenue by product category\",\"data\":[{\"label\":\"Enterprise\",\"value\":540000},{\"label\":\"SMB\",\"value\":310000},{\"label\":\"Self-serve\",\"value\":220000},{\"label\":\"Partner\",\"value\":170000}]}}}}"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Show me monthly expenses as a bar chart"
|
|
},
|
|
"response": {
|
|
"content": "{\"root\":\"expense-bar\",\"elements\":{\"expense-bar\":{\"type\":\"BarChart\",\"props\":{\"title\":\"Monthly expenses\",\"description\":\"Operating expenses by month\",\"data\":[{\"label\":\"Jul\",\"value\":210000},{\"label\":\"Aug\",\"value\":225000},{\"label\":\"Sep\",\"value\":240000}]}}}}"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Show me a Q4 sales dashboard. Include a total-revenue metric card, a pie chart of revenue by segment, and a bar chart of monthly revenue."
|
|
},
|
|
"response": {
|
|
"content": "{\"ui\":[{\"Markdown\":{\"props\":{\"children\":\"## Q4 Sales Summary\"}}},{\"metric\":{\"props\":{\"label\":\"Total Revenue\",\"value\":\"$1.2M\"}}},{\"pieChart\":{\"props\":{\"title\":\"Revenue by Segment\",\"data\":\"[{\\\"label\\\":\\\"Enterprise\\\",\\\"value\\\":600000},{\\\"label\\\":\\\"SMB\\\",\\\"value\\\":400000},{\\\"label\\\":\\\"Startup\\\",\\\"value\\\":200000}]\"}}},{\"barChart\":{\"props\":{\"title\":\"Monthly Revenue\",\"data\":\"[{\\\"label\\\":\\\"Oct\\\",\\\"value\\\":350000},{\\\"label\\\":\\\"Nov\\\",\\\"value\\\":400000},{\\\"label\\\":\\\"Dec\\\",\\\"value\\\":450000}]\"}}}]}"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Break down Q4 revenue by product category as a pie chart. Include at least four segments with realistic sample values."
|
|
},
|
|
"response": {
|
|
"content": "{\"ui\":[{\"pieChart\":{\"props\":{\"title\":\"Q4 Revenue by Product Category\",\"data\":\"[{\\\"label\\\":\\\"Software\\\",\\\"value\\\":500000},{\\\"label\\\":\\\"Hardware\\\",\\\"value\\\":300000},{\\\"label\\\":\\\"Consulting\\\",\\\"value\\\":150000},{\\\"label\\\":\\\"Subscriptions\\\",\\\"value\\\":50000}]\"}}}]}"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Show me monthly operating expenses for the last six months as a bar chart with one bar per month."
|
|
},
|
|
"response": {
|
|
"content": "{\"ui\":[{\"barChart\":{\"props\":{\"title\":\"Monthly Operating Expenses\",\"data\":\"[{\\\"label\\\":\\\"Apr\\\",\\\"value\\\":205000},{\\\"label\\\":\\\"May\\\",\\\"value\\\":215000},{\\\"label\\\":\\\"Jun\\\",\\\"value\\\":222000},{\\\"label\\\":\\\"Jul\\\",\\\"value\\\":228000},{\\\"label\\\":\\\"Aug\\\",\\\"value\\\":234000},{\\\"label\\\":\\\"Sep\\\",\\\"value\\\":241000}]\"}}}]}"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "revenue by category as a pie chart"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_pie_chart_004",
|
|
"name": "render_pie_chart",
|
|
"arguments": "{\"title\":\"Revenue by Category\",\"description\":\"Revenue breakdown by product category\",\"data\":[{\"label\":\"Electronics\",\"value\":42000},{\"label\":\"Clothing\",\"value\":28000},{\"label\":\"Food\",\"value\":18000},{\"label\":\"Books\",\"value\":12000}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "monthly expenses as a bar chart"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_bar_chart_003",
|
|
"name": "render_bar_chart",
|
|
"arguments": "{\"title\":\"Monthly Expenses\",\"description\":\"Expense breakdown by month\",\"data\":[{\"label\":\"Jan\",\"value\":12000},{\"label\":\"Feb\",\"value\":14500},{\"label\":\"Mar\",\"value\":13200},{\"label\":\"Apr\",\"value\":15800}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "30-minute meeting to learn about CopilotKit"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_schedule_time_001",
|
|
"name": "scheduleTime",
|
|
"arguments": "{\"reasonForScheduling\":\"Learn about CopilotKit\",\"meetingDuration\":30}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "flights from SFO to JFK"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_search_flights_001",
|
|
"name": "search_flights",
|
|
"arguments": "{\"flights\":[{\"airline\":\"United Airlines\",\"airlineLogo\":\"https://www.google.com/s2/favicons?domain=united.com&sz=128\",\"flightNumber\":\"UA123\",\"origin\":\"SFO\",\"destination\":\"JFK\",\"date\":\"Tue, Apr 15\",\"departureTime\":\"08:00\",\"arrivalTime\":\"16:30\",\"duration\":\"5h 30m\",\"status\":\"On Time\",\"statusColor\":\"#22c55e\",\"price\":\"$349\",\"currency\":\"USD\"},{\"airline\":\"Delta\",\"airlineLogo\":\"https://www.google.com/s2/favicons?domain=delta.com&sz=128\",\"flightNumber\":\"DL456\",\"origin\":\"SFO\",\"destination\":\"JFK\",\"date\":\"Tue, Apr 15\",\"departureTime\":\"10:15\",\"arrivalTime\":\"18:45\",\"duration\":\"5h 30m\",\"status\":\"On Time\",\"statusColor\":\"#22c55e\",\"price\":\"$289\",\"currency\":\"USD\"}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "toggle"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_toggle_theme_001",
|
|
"name": "toggleTheme",
|
|
"arguments": "{}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "hello"
|
|
},
|
|
"response": {
|
|
"content": "Hello! I can help you with weather lookups, creating pie and bar charts, scheduling meetings, managing sales todos, searching flights, and toggling the theme. What would you like to do?"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Hello"
|
|
},
|
|
"response": {
|
|
"content": "Hello! I can help you with weather lookups, creating pie and bar charts, scheduling meetings, managing sales todos, searching flights, and toggling the theme. What would you like to do?"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "help"
|
|
},
|
|
"response": {
|
|
"content": "Here are the things I can help with:\n- Check the weather for any location\n- Create pie charts and bar charts from data\n- Schedule meetings with a reason and duration\n- Manage your sales pipeline and todos\n- Search for flights between cities\n- Toggle the UI theme between light and dark\n\nJust ask me about any of these!"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "this PDF"
|
|
},
|
|
"response": {
|
|
"content": "The attached PDF is the CopilotKit Quickstart guide. It walks through three steps: install `@copilotkit/react-core` and `@copilotkit/react-ui`, wrap your app in a `<CopilotKit runtimeUrl=\"/api/copilotkit\">` provider, and drop a `<CopilotChat />` wherever you want the assistant to appear."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "this image"
|
|
},
|
|
"response": {
|
|
"content": "The attached image is the CopilotKit logo — a clean, geometric mark used across CopilotKit branding."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Plan a 3-day Tokyo trip for a solo traveler interested in food, art, and architecture. Keep it concise."
|
|
},
|
|
"response": {
|
|
"content": "Here's a tight 3-day Tokyo loop for a solo traveler who wants food, art, and architecture in equal measure.\n\n**Day 1 — Shibuya & Harajuku**\n- Morning: breakfast at a kissaten in Shibuya, then walk Cat Street to Harajuku.\n- Afternoon: Nezu Museum (architecture by Kengo Kuma + traditional garden).\n- Evening: izakaya in Nonbei Yokocho.\n\n**Day 2 — Roppongi & Ginza**\n- Morning: Mori Art Museum and the Tokyo City View deck.\n- Afternoon: stroll Ginza, stop into Itoya, lunch at a sushi counter.\n- Evening: jazz at a Ginza basement bar.\n\n**Day 3 — Yanaka & Asakusa**\n- Morning: Yanaka Ginza for old-Tokyo atmosphere and craft shops.\n- Afternoon: Senso-ji and the Asakusa back-streets; consider the Sumida River walk to the Tadao Ando-designed 21_21 if you want one more architecture stop.\n- Evening: ramen near Ueno before catching the train.\n\nLet me know if you want a vegetarian variant or a more architecture-heavy version."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Explain retrieval-augmented generation as if I were 12. Use a simple analogy."
|
|
},
|
|
"response": {
|
|
"content": "Imagine you're taking an open-book test.\n\nA regular language model is like a kid who studied really hard but isn't allowed to look at the textbook during the test — they have to answer from memory, and sometimes they confidently make stuff up.\n\nRetrieval-Augmented Generation (RAG) is the same kid, but now they're allowed to flip through the textbook before answering each question. First they look up the relevant pages (that's the *retrieval* step), then they write the answer using what they just read (that's the *generation* step).\n\nSo RAG = \"look it up, then answer.\" The model still talks like itself, but the facts come from the book instead of from its memory — which means fewer made-up answers, and you can swap the book out whenever your information changes."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Draft a short, upbeat launch email announcing a new AI-powered chat feature. 3 short paragraphs max."
|
|
},
|
|
"response": {
|
|
"content": "**Subject:** Meet your new AI co-pilot — now built right into the app\n\nHi there,\n\nWe just shipped something we're really excited about: an AI-powered chat that lives inside the product you already use. Ask it questions, hand off tasks, or just have it summarize what you're looking at — it has full context of your workspace, so you don't have to copy-paste anything.\n\nIt's rolling out today to every account, no setup required. Open the app, look for the new chat button in the corner, and try it on your messiest task. We'd love to hear what you build with it.\n\n— The team"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "hi"
|
|
},
|
|
"response": {
|
|
"content": "Hi there! I'm your showcase assistant. I can help with weather, charts, meetings, sales todos, flights, and theme toggling. What would you like to try?"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Based on the following context, write a concise"
|
|
},
|
|
"response": {
|
|
"content": "A short input value used to parameterize the crew's tasks and agents."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "plan"
|
|
},
|
|
"response": {
|
|
"content": "Here is my plan:\n1. Research the topic\n2. Outline key points\n3. Draft the content\n4. Review and refine\n5. Finalize"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "steps"
|
|
},
|
|
"response": {
|
|
"content": "Here is my plan:\n1. Research the topic\n2. Outline key points\n3. Draft the content\n4. Review and refine\n5. Finalize"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "mars"
|
|
},
|
|
"response": {
|
|
"content": "Here is my plan:\n1. Research the topic\n2. Outline key points\n3. Draft the content\n4. Review and refine\n5. Finalize"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "dashboard"
|
|
},
|
|
"response": {
|
|
"content": "Working on your request. Step 1: Gathering data... Step 2: Analyzing results... Step 3: Generating report. Done!"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "report"
|
|
},
|
|
"response": {
|
|
"content": "Working on your request. Step 1: Gathering data... Step 2: Analyzing results... Step 3: Generating report. Done!"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "summarize"
|
|
},
|
|
"response": {
|
|
"content": "Here's a summary of your current sales pipeline:\n\n- **Total Pipeline Value**: $185,000\n- **Active Deals**: 5 deals across Prospect, Qualified, and Proposal stages\n- **Top Deal**: Acme Corp at $50,000 (Proposal stage)\n- **Win Rate**: 62% this quarter\n\nThe pipeline is healthy with good distribution across stages. Would you like to drill into any specific metric?"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "expand"
|
|
},
|
|
"response": {
|
|
"content": "# Project Proposal: Q2 Initiative\n\n## Executive Summary\nThis proposal outlines the strategic objectives, timeline, and resource allocation for the Q2 project initiative.\n\n## Objectives\n1. Increase customer engagement by 25%\n2. Launch three new product features\n3. Reduce operational costs by 15%\n\n## Timeline\n- **Week 1-2**: Discovery and requirements gathering\n- **Week 3-6**: Development and implementation\n- **Week 7-8**: Testing and quality assurance\n- **Week 9-10**: Staged rollout and monitoring\n\n## Budget\nEstimated total: $45,000\n- Development: $25,000\n- Testing: $10,000\n- Infrastructure: $10,000\n\n## Success Metrics\n- Customer satisfaction score > 4.5\n- Feature adoption rate > 60%\n- Zero critical bugs at launch"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "rewrite"
|
|
},
|
|
"response": {
|
|
"content": "Dear Team,\n\nI am writing to formally document the proceedings and key decisions from today's meeting.\n\n**Attendees**: Full project team\n**Date**: Today's session\n\n**Key Discussion Points**:\n1. Project timeline was reviewed and approved\n2. Resource allocation was confirmed\n3. Next milestones were established\n\n**Action Items**:\n- Complete phase one deliverables by end of week\n- Schedule follow-up review meeting\n- Distribute updated project documentation\n\nPlease review and confirm your respective action items.\n\nBest regards"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "detailed"
|
|
},
|
|
"response": {
|
|
"content": "# Budget Report - Q3\n\n## Overview\n- **Total Budget**: $150,000\n- **Spent to Date**: $89,500 (59.7%)\n- **Remaining**: $60,500\n\n## Breakdown by Category\n- **Personnel**: $52,000 (58.1% of spend)\n- **Infrastructure**: $18,500 (20.7%)\n- **Software Licenses**: $12,000 (13.4%)\n- **Miscellaneous**: $7,000 (7.8%)\n\n## Key Highlights\n- Personnel costs are tracking 5% under budget\n- Infrastructure spend increased due to scaling needs\n- Software license renewal saved $3,000 through annual plan\n\n## Recommendations\n- Reallocate $5,000 from personnel to infrastructure\n- Prepay Q4 licenses for additional savings"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "formal letter"
|
|
},
|
|
"response": {
|
|
"content": "Dear Sir/Madam,\n\nI am writing to formally present the enclosed draft text for your review and consideration.\n\nThe document has been prepared in accordance with standard formatting guidelines and organizational protocols. All relevant sections have been reviewed for accuracy and completeness.\n\nPlease find the revised content enclosed. Should you require any modifications or have questions regarding the content, please do not hesitate to contact me at your earliest convenience.\n\nI look forward to your feedback.\n\nYours sincerely,\nThe Document Editor"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "deal"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "manage_sales_todos",
|
|
"arguments": "{\"todos\": [{\"id\": \"new-1\", \"title\": \"New Enterprise Deal\", \"stage\": \"prospect\", \"value\": 50000, \"dueDate\": \"2026-05-01\", \"assignee\": \"Alice\", \"completed\": false}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "sample deals"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "manage_sales_todos",
|
|
"arguments": "{\"todos\": [{\"id\": \"new-1\", \"title\": \"New Enterprise Deal\", \"stage\": \"prospect\", \"value\": 50000, \"dueDate\": \"2026-05-01\", \"assignee\": \"Alice\", \"completed\": false}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "paris"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "search_flights",
|
|
"arguments": "{\"flights\":[{\"airline\":\"Air France\",\"airlineLogo\":\"https://www.google.com/s2/favicons?domain=airfrance.com&sz=128\",\"flightNumber\":\"AF85\",\"origin\":\"SFO\",\"destination\":\"CDG\",\"date\":\"Mon, Apr 21\",\"departureTime\":\"16:00\",\"arrivalTime\":\"11:30+1\",\"duration\":\"10h 30m\",\"status\":\"On Time\",\"statusColor\":\"#22c55e\",\"price\":\"$780\",\"currency\":\"USD\"},{\"airline\":\"United Airlines\",\"airlineLogo\":\"https://www.google.com/s2/favicons?domain=united.com&sz=128\",\"flightNumber\":\"UA990\",\"origin\":\"SFO\",\"destination\":\"CDG\",\"date\":\"Mon, Apr 21\",\"departureTime\":\"18:15\",\"arrivalTime\":\"13:45+1\",\"duration\":\"10h 30m\",\"status\":\"On Time\",\"statusColor\":\"#22c55e\",\"price\":\"$720\",\"currency\":\"USD\"}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_hitl_book_intro_sales_001"
|
|
},
|
|
"response": {
|
|
"content": "Booked the intro call with the sales team for the time you selected — calendar invite is on its way."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Please book an intro call with the sales team to discuss pricing.",
|
|
"toolName": "book_call"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_hitl_book_intro_sales_001",
|
|
"name": "book_call",
|
|
"arguments": "{\"topic\":\"Intro call — discuss pricing\",\"attendee\":\"Sales team\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"toolCallId": "call_hitl_book_1on1_alice_001"
|
|
},
|
|
"response": {
|
|
"content": "Booked the 1:1 with Alice for the time you selected — calendar invite is on its way."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Schedule a 1:1 with Alice next week to review Q2 goals.",
|
|
"toolName": "book_call"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_hitl_book_1on1_alice_001",
|
|
"name": "book_call",
|
|
"arguments": "{\"topic\":\"1:1 with Alice — review Q2 goals\",\"attendee\":\"Alice\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "alice"
|
|
},
|
|
"response": {
|
|
"content": "Nice to meet you, Alice! I see you're in Tokyo -- wonderful city. How can I help you today? I can check the weather, look up flights, manage your sales pipeline, or help with other tasks."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Alice"
|
|
},
|
|
"response": {
|
|
"content": "Nice to meet you, Alice! I see you're in Tokyo -- wonderful city. How can I help you today? I can check the weather, look up flights, manage your sales pipeline, or help with other tasks."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "city"
|
|
},
|
|
"response": {
|
|
"content": "Based on our conversation, you said you live in Tokyo!"
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "sunset-themed gradient"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "change_background",
|
|
"arguments": "{\"background\":\"linear-gradient(135deg, #ff7e5f 0%, #feb47b 50%, #ffd194 100%)\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Describe this image"
|
|
},
|
|
"response": {
|
|
"content": "This appears to be the CopilotKit logo. The mark combines clean geometric shapes typical of the CopilotKit brand identity."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Summarize this document"
|
|
},
|
|
"response": {
|
|
"content": "This is an excerpt from the CopilotKit documentation covering the quickstart \u2014 installing the packages and wrapping the app in a CopilotKitProvider pointing at a runtime endpoint."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "blue gradient"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "change_background",
|
|
"arguments": "{\"background\":\"linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "short joke"
|
|
},
|
|
"response": {
|
|
"content": "Why did the developer go broke? Because they used up all their cache."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Search my notes for 'auth'"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "query_notes",
|
|
"arguments": "{\"keyword\":\"auth\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "xyzzy-nonsense-keyword"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "query_notes",
|
|
"arguments": "{\"keyword\":\"xyzzy-nonsense-keyword\"}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Show me a pie chart of revenue by category"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"id": "call_fp_render_pie_chart_001",
|
|
"name": "render_pie_chart",
|
|
"arguments": "{\"title\":\"Revenue by Category\",\"description\":\"Revenue breakdown by product category\",\"data\":[{\"label\":\"Electronics\",\"value\":42000},{\"label\":\"Clothing\",\"value\":28000},{\"label\":\"Food\",\"value\":18000},{\"label\":\"Books\",\"value\":12000}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "bar chart of monthly expenses"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "render_bar_chart",
|
|
"arguments": "{\"title\":\"Monthly Expenses\",\"description\":\"Expense breakdown by month\",\"data\":[{\"label\":\"Jan\",\"value\":12000},{\"label\":\"Feb\",\"value\":14500},{\"label\":\"Mar\",\"value\":13200},{\"label\":\"Apr\",\"value\":15800}]}"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "What is my name?"
|
|
},
|
|
"response": {
|
|
"content": "Based on the context you provided, your name is Jamie."
|
|
}
|
|
},
|
|
{
|
|
"match": {
|
|
"userMessage": "Roll a 20-sided die"
|
|
},
|
|
"response": {
|
|
"toolCalls": [
|
|
{
|
|
"name": "roll_dice",
|
|
"arguments": "{\"sides\":20}"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|