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

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

Loam Studio's admin with Agents active and the breadcrumb Agents › Support agent › Run 4821, linking back to the agent-runs-page template. The header gives the run's status as a dot and the words, when it started, how long it has worked, what it cost and the email that set it off, linked to the conversation. From 1024px an oss Resizable group puts the steps (the agent-run-trace block adapted: read the email, look up the order, check the refund policy, draft a reply, issue the refund, each with its mark and duration) beside the chosen step; drag the handle or focus it and use the arrow keys. Narrower, the steps stack above the detail. Up and down arrows move through the steps. A step shows what it does and its tool call (the tool-call-card block adapted) with the input and the values that came back. The refund waits for a person with the tool-approval-card block adapted: Approve or Decline, an always-approve rule, and Undo for five seconds before the refund runs. Retry from this step runs it and the steps after it again; a refund that went out is never sent twice. With sample, the refund step is chosen and waiting; without it, the run has finished and its first step is chosen.

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-run-detail
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, avatar, breadcrumb, button, card, checkbox, collapsible, dropdown-menu, field, input-group, kbd, resizable, separator, sheet, sidebar, text-link, timeline, tooltip, data-table

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