Prodular UI

Agent inbox

Pro

Everything Relay's background agents are doing: runs grouped by needs review, running, failed and done, with filters and bulk approval for low risk items. Selecting a run shows its approval, the proposed change and the step by step timeline.

Open full screen
Agent inbox screen from Prodular UI

Install

The screen lands in app/agent-inbox/ with every component it uses. Change it like any other code in your app. It is part of Prodular UI Pro, so run npx prodular-ui login first. See pricing.

npx prodular-ui add agent-inbox

States

The screen ships with 4 states. Pick one with the tabs above the preview, with ?state= in the URL, or with the state prop from your app.

  • Default
  • No agents yet
  • Loading
  • Error

Files

  • app/agent-inbox/page.tsx
  • app/agent-inbox/task-list.tsx
  • app/agent-inbox/task-detail.tsx
  • app/agent-inbox/app-shell.tsx
  • app/agent-inbox/data.ts