WEBVTT

NOTE Timing: local ASR word timestamp alignment. Review against audio before publishing.

00:00:00.000 --> 00:00:03.100
Let's make this fictional supply list interactive. We'll

00:00:03.100 --> 00:00:04.940
choose an item in the checklist and ask

00:00:04.940 --> 00:00:07.600
the agent to show its details, without typing

00:00:07.600 --> 00:00:08.240
out the selection.

00:00:09.042 --> 00:00:11.462
Ask the agent for the checklist. Our demo

00:00:11.462 --> 00:00:14.602
tool describes the table and buttons using A2UI,

00:00:15.302 --> 00:00:18.642
and CopilotKit renders those components in pi-kit. The

00:00:18.642 --> 00:00:21.562
layout is predefined; the model chooses when to

00:00:21.562 --> 00:00:21.922
show it.

00:00:22.417 --> 00:00:25.257
Click Inspect beside Water cells. The selection goes

00:00:25.257 --> 00:00:27.057
back to the agent with the item's identifier,

00:00:27.757 --> 00:00:29.977
so it knows exactly which supply we're asking

00:00:29.977 --> 00:00:30.277
about.

00:00:30.833 --> 00:00:33.053
The agent opens the details for that item.

00:00:33.813 --> 00:00:35.493
We can see there are six water cells

00:00:35.493 --> 00:00:38.573
ready. The conversation can now continue from our

00:00:38.573 --> 00:00:41.173
choice, rather than another typed description.