# Agent UI

An answer you can watch arrive, check and approve.

An assistant people trust: ask, pick a model, watch the answer stream in with its receipt, and approve what it does.

- Canonical page: https://notchset.dev/kits/agent-ui
- Live pieces: 10 (4 free, 6 Pro)

## Follow the task

1. Ask a question, pick a model, and stop the reply while it streams.
2. Open the receipt and the sources behind the answer.
3. Approve or decline an action the assistant waits on, then meet a limit and its Upgrade.

## States

A reply that streams and can be stopped, an action that waits for approval, a limit met with Upgrade, a lamp that says what it is doing.

## Application boundary

The demo streams fictional replies in the page. Your server calls the model, runs the tools and meters the usage.

## Install the kit

Set up your project and authorized Pro registry first:
https://notchset.dev/docs/installation

```sh
npx shadcn@latest add @notchset/prompt-input @notchset/message @notchset/model-selector @notchset-pro/receipt @notchset-pro/tool @notchset-pro/sources @notchset-pro/confirmation @notchset/orb @notchset-pro/usage-meter @notchset-pro/upgrade-card
```

## Start with free pieces

No Pro entitlement is required for these public Base UI URLs.

```sh
npx shadcn@latest add https://notchset.dev/r/prompt-input.json https://notchset.dev/r/message.json https://notchset.dev/r/model-selector.json https://notchset.dev/r/orb.json
```

## Live pieces

- [Prompt input](https://notchset.dev/components/prompt-input) · Free
- [Message](https://notchset.dev/components/message) · Free
- [Model selector](https://notchset.dev/components/model-selector) · Free
- [Receipt](https://notchset.dev/blocks/receipt) · Pro
- [Run steps](https://notchset.dev/blocks/tool) · Pro
- [Sources](https://notchset.dev/blocks/sources) · Pro
- [Approval card](https://notchset.dev/blocks/confirmation) · Pro
- [Orb](https://notchset.dev/components/orb) · Free
- [Usage meter](https://notchset.dev/blocks/usage-meter) · Pro
- [Upgrade card](https://notchset.dev/blocks/upgrade-card) · Pro

Each item installs as source in your project. This public guide contains descriptions and installation links, not Pro source.