Detail Sheet
Open one record beside the list without leaving it. The header and footer stay put while the body scrolls, and focus returns to the row you came from.
bunx --bun shadcn@4.17.0 add @waimakers/detail-sheet- Kit dependencies
- id-tokensheetstatus-badgetechnical-details
- npm dependencies
- None
From the registry
Read-only or quick-action detail beside a list, with a fixed header and footer.
Examples
Agent detail
Open an agent from a list. The sheet names it, shows its status and identifier, and offers one quick action and a link to the full page.
Audit event
A read-only audit event opened from the Inspect action at the end of its row. No primary action; the sheet shows the payload and keeps the event id under technical details.
| Event | Target | Outcome | Inspect |
|---|---|---|---|
| Granted a skill | Meeting notes | Applied | |
| Rotated a connection | Inbox triage | Refused |
Loading and error
The sheet opens at once and loads its body. Here the first load fails; Try again recovers.