A compact row for each tool an agent used, with its state, an approval step and the input and output on demand.
npx shadcn@latest add @sphere-kit/tool-callimport { ToolCall, ToolCallGroup, ToolCallState,} from "@/components/ui/tool-call"Exports ToolCall ToolCallGroup ToolCallState. Every part takes its element's usual props and a className.
{
"funnel": "checkout-v3",
"range": "last 14 days"
}{
"steps": 5,
"visitors": 18420,
"trials": 2731,
"paid": 1306
}{
"campaign": "spring_sleep_reset",
"sort": "clicks",
"limit": 40
}[
{
"slug": "spring-sleep-01",
"url": "https://example.com/onboarding/email-1?utm_source=newsletter&utm_campaign=spring_sleep_reset_1",
"clicks": 1200
},
{
"slug": "spring-sleep-02",
"url": "https://example.com/onboarding/email-2?utm_source=newsletter&utm_campaign=spring_sleep_reset_2",
"clicks": 1173
},
{
"slug": "spring-sleep-03",
"url": "https://example.com/onboarding/email-3?utm_source=newsletter&utm_campaign=spring_sleep_reset_3",
"clicks": 1146
},
{
"slug": "spring-sleep-04",
"url": "https://example.com/onboarding/email-4?utm_source=newsletter&utm_campaign=spring_sleep_reset_4",
"clicks": 1119
},
{
"slug": "spring-sleep-05",
"url": "https://example.com/onboarding/email-5?utm_source=newsletter&utm_campaign=spring_sleep_reset_5",
"clicks": 1092
},
{
"slug": "spring-sleep-06",
"url": "https://example.com/onboarding/email-6?utm_source=newsletter&utm_campaign=spring_sleep_reset_6",
"clicks": 1065
},
{
"slug": "spring-sleep-07",
"url": "https://example.com/onboarding/email-7?utm_source=newsletter&utm_campaign=spring_sleep_reset_7",
"clicks": 1038
},
{
"slug": "spring-sleep-08",
"url": "https://example.com/onboarding/email-1?utm_source=newsletter&utm_campaign=spring_sleep_reset_8",
"clicks": 1011
},
{
"slug": "spring-sleep-09",
"url": "https://example.com/onboarding/email-2?utm_source=newsletter&utm_campaign=spring_sleep_reset_9",
"clicks": 984
},
{
"slug": "spring-sleep-10",
"url": "https://example.com/onboarding/email-3?utm_source=newsletter&utm_campaign=spring_sleep_reset_10",
"clicks": 957
},
{
"slug": "spring-sleep-11",
"url": "https://example.com/onboarding/email-4?utm_source=newsletter&utm_campaign=spring_sleep_reset_11",
"clicks": 930
},
{
"slug": "spring-sleep-12",
"url": "https://example.com/onboarding/email-5?utm_source=newsletter&utm_campaign=spring_sleep_reset_12",
"clicks": 903
},
{
"slug": "spring-sleep-13",
"url": "https://example.com/onboarding/email-6?utm_source=newsletter&utm_campaign=spring_sleep_reset_13",
"clicks": 876
},
{
"slug": "spring-sleep-14",
"url": "https://example.com/onboarding/email-7?utm_source=newsletter&utm_campaign=spring_sleep_reset_14",
"clicks": 849
},
{
"slug": "spring-sleep-15",
"url": "https://example.com/onboarding/email-1?utm_source=newsletter&utm_campaign=spring_sleep_reset_15",
"clicks": 822
},
{
"slug": "spring-sleep-16",
"url": "https://example.com/onboarding/email-2?utm_source=newsletter&utm_campaign=spring_sleep_reset_16",
"clicks": 795
},
{
"slug": "spring-sleep-17",
"url": "https://example.com/onboarding/email-3?utm_source=newsletter&utm_campaign=spring_sleep_reset_17",
"clicks": 768
},
{
"slug": "spring-sleep-18",
"url": "https://example.com/onboarding/email-4?utm_source=newsletter&utm_campaign=spring_sleep_reset_18",
"clicks": 741
},
{
"slug": "spring-sleep-19",
"url": "https://example.com/onboarding/email-5?utm_source=newsletter&utm_campaign=spring_sleep_reset_19",
"clicks": 714
},
{
"slug": "spring-sleep-20",
"url": "https://example.com/onboarding/email-6?utm_source=newsletter&utm_campaign=spring_sleep_reset_20",
"clicks": 687
},
{
"slug": "spring-sleep-21",
"url": "https://example.com/onboarding/email-7?utm_source=newsletter&utm_campaign=spring_sleep_reset_21",
"clicks": 660
},
{
"slug": "spring-sleep-22",
"url": "https://example.com/onboarding/email-1?utm_source=newsletter&utm_campaign=spring_sleep_reset_22",
"clicks": 633
},
{
"slug": "spring-sleep-23",
"url": "https://example.com/onboarding/email-2?utm_source=newsletter&utm_campaign=spring_sleep_reset_23",
"clicks": 606
},
{
"slug": "spring-sleep-24",
"url": "https://example.com/onboarding/email-3?utm_source=newsletter&utm_campaign=spring_sleep_reset_24",
"clicks": 579
},
{
"slug": "spring-sleep-25",
"url": "https://example.com/onboarding/email-4?utm_source=newsletter&utm_campaign=spring_sleep_reset_25",
"clicks": 552
},
{
"slug": "spring-sleep-26",
"url": "https://example.com/onboarding/email-5?utm_source=newsletter&utm_campaign=spring_sleep_reset_26",
"clicks": 525
},
{
"slug": "spring-sleep-27",
"url": "https://example.com/onboarding/email-6?utm_source=newsletter&utm_campaign=spring_sleep_reset_27",
"clicks": 498
},
{
"slug": "spring-sleep-28",
"url": "https://example.com/onboarding/email-7?utm_source=newsletter&utm_campaign=spring_sleep_reset_28",
"clicks": 471
},
{
"slug": "spring-sleep-29",
"url": "https://example.com/onboarding/email-1?utm_source=newsletter&utm_campaign=spring_sleep_reset_29",
"clicks": 444
},
{
"slug": "spring-sleep-30",
"url": "https://example.com/onboarding/email-2?utm_source=newsletter&utm_campaign=spring_sleep_reset_30",
"clicks": 417
},
{
"slug": "spring-sleep-31",
"url": "https://example.com/onboarding/email-3?utm_source=newsletter&utm_campaign=spring_sleep_reset_31",
"clicks": 390
},
{
"slug": "spring-sleep-32",
"url": "https://example.com/onboarding/email-4?utm_source=newsletter&utm_campaign=spring_sleep_reset_32",
"clicks": 363
},
{
"slug": "spring-sleep-33",
"url": "https://example.com/onboarding/email-5?utm_source=newsletter&utm_campaign=spring_sleep_reset_33",
"clicks": 336
},
{
"slug": "spring-sleep-34",
"url": "https://example.com/onboarding/email-6?utm_source=newsletter&utm_campaign=spring_sleep_reset_34",
"clicks": 309
},
{
"slug": "spring-sleep-35",
"url": "https://example.com/onboarding/email-7?utm_source=newsletter&utm_campaign=spring_sleep_reset_35",
"clicks": 282
},
{
"slug": "spring-sleep-36",
"url": "https://example.com/onboarding/email-1?utm_source=newsletter&utm_campaign=spring_sleep_reset_36",
"clicks": 255
},
{
"slug": "spring-sleep-37",
"url": "https://example.com/onboarding/email-2?utm_source=newsletter&utm_campaign=spring_sleep_reset_37",
"clicks": 228
},
{
"slug": "spring-sleep-38",
"url": "https://example.com/onboarding/email-3?utm_source=newsletter&utm_campaign=spring_sleep_reset_38",
"clicks": 201
},
{
"slug": "spring-sleep-39",
"url": "https://example.com/onboarding/email-4?utm_source=newsletter&utm_campaign=spring_sleep_reset_39",
"clicks": 174
},
{
"slug": "spring-sleep-40",
"url": "https://example.com/onboarding/email-5?utm_source=newsletter&utm_campaign=spring_sleep_reset_40",
"clicks": 147
}
]{
"path": "/pricing-old"
}