---
title: "AI apps templates"
description: "3 Pro ai apps page templates for React. Whole AI screens: an assistant, an agent's runs and approvals, and the trace of one run."
plan: Pro
docs: https://ui.edbn.me/docs/templates/ai-apps
---

# AI apps templates

3 Pro ai apps page templates for React. Whole AI screens: an assistant, an agent's runs and approvals, and the trace of one run.

## Installation

Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install any template by name, for example:

```bash
npx shadcn@4.19.0 add @edbn/agent-runs-page
```

## Templates
- [Agent runs page](https://ui.edbn.me/docs/templates/agent-runs-page): An AI support agent's page in a shop admin: status with Pause, 500 runs in a virtualized table, an approvals queue with undo, and spend against limits.
  Install: `npx shadcn@4.19.0 add @edbn/agent-runs-page`
- [Agent run detail](https://ui.edbn.me/docs/templates/agent-run-detail): One AI agent run in a shop admin: its steps and the chosen step's tool call side by side in resizable panels, with a refund waiting for approval.
  Install: `npx shadcn@4.19.0 add @edbn/agent-run-detail`
- [Studio assistant](https://ui.edbn.me/docs/templates/studio-assistant): Kilnwork's assistant in the studio app: chats, streaming replies that cite the studio's records, an email draft beside the chat, approval before sending, and connectors.
  Install: `npx shadcn@4.19.0 add @edbn/studio-assistant`

All templates: https://ui.edbn.me/docs/templates (Markdown: https://ui.edbn.me/docs/templates.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt