Agent Runs

Every agent working for you, from a status in your side panel's header or a nav item: what's running and what needs you, approve in place, or open a run in the panel.

Agent

What's on today?

Three agents are working for you. The refund needs your approval: open it from the status at the top.

Installation

pnpm dlx shadcn@latest add @jds/agent-runs

Usage

import { AgentRuns } from "@/components/ai/agent-runs"

<AgentRuns runs={runs} onOpen={openInPanel} onApprove={approve} onDeny={deny} />

API Reference

AgentRuns

Prop	Type	Default
`runs` id, title, agent, status (needs-you, running, done), detail, startedAt for a live timer, duration.	AgentRun[]	–
`onOpen` A run was picked: show its thread in your panel.	(id: string) => void	–
`onApprove` Approve a run that needs you, from the list.	(id: string) => void	–
`onDeny` Deny it.	(id: string) => void	–
`onOpenAll` Adds Open all, e.g. to a full agent inbox.	() => void	–
`side` Use right in a nav sidebar.	"top" \| "bottom" \| "left" \| "right"	"bottom"

Agent Panel Agent Steps