Run details panel
The side panel that summarises a run. Identifies the agent, model, timing, cost, progress, and recent steps. Sits in the right rail next to the workspace.
Included in the single kansho full pack. Components are not offered as separate installs.
Running — partial progress
Step disclosure and copy are live; Open trace is a static-preview callbackComplete
Failed run
Paused — needs input
Included components
This page is the canonical destination for these components. All ship in the single Kansho pack.
Run details panel
components/agent/run-details-panel.tsxComponent documentation
Run details panel
components/agent/run-details-panel.tsxPurpose
Summarises run identity, status, model, branch, duration, tokens, cost, progress, and step details.
Appropriate use
Use in a run inspector when compact metadata and an expandable step list are sufficient.
Example
components/agent/run-details-panel.tsx has a representative live example in the "Running — partial progress" section on /components/run-details.
States
Uses shared run statuses; step detail can be absent, collapsed, or open and may contain mixed step statuses.
API and props
RunDetailsPanel accepts runId, agent, status, optional model/branch/time/usage/cost/counts/steps, copy and trace callbacks, and className.
Dependencies
Direct imports are React, Lucide icons, StatusPill, CostChip, number/duration formatting, and cn.
Accessibility
Copy and step controls are named; the step disclosure exposes expanded and controls state, and visible labels carry status meaning.
Limitations
It does not fetch a run, calculate counts, update duration, copy without a callback, or provide step actions.
Source
Source: components/agent/run-details-panel.tsx.
Full pack
components/agent/run-details-panel.tsx is documented at /components/run-details and installs only through the single Kansho full pack; no individual component install is offered.