---
title: "Agent runs page"
description: "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."
plan: Pro
docs: https://ui.edbn.me/docs/templates/agent-runs-page
---

# 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.

Loam Studio's admin with Agents in the sidebar's Studio group, its badge counting refunds waiting for review. The header names the support agent with its status as a dot and the word, Pause (pending, then Resume and a line saying who paused it and what waits) and Settings. Runs lists the agent's last 500 runs in the Pro virtualized table, generated from a seed so every render is the same: status (a failed run's row is tinted, with an icon and the word), start, trigger, customer, actions taken, duration and cost, with a status filter and a search. A run's number, or a click on its row, opens the agent-run-detail template. Approvals is the approvals-queue block adapted: approve, approve and always allow, edit an amount, decline with a reason and Undo in a toast, retry a failed action, j/k/a/d; the tab's count and the sidebar badge follow. Spend is the agent-spend block adapted, on the support agent, beside the agents add-on's usage card. With sample, the page opens on Approvals; without it, on Runs.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. 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:

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

## Dependencies
- npm: lucide-react@^1.33.0, @tanstack/react-table@^9.2.4
- edbn: edbn-base, avatar, breadcrumb, button, button-group, card, dropdown-menu, field, input, input-group, kbd, meter, number-field, select, separator, sheet, sidebar, skeleton, spinner, switch, tabs, text-link, toast, tooltip, data-table, data-table-virtualized, echarts-area-chart, echarts-tooltip

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More ai apps templates

All 3, with install commands: https://ui.edbn.me/docs/templates/ai-apps (Markdown: https://ui.edbn.me/docs/templates/ai-apps.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