# Core Tasks Detail Viewer

Technical issue viewer.

- id: `core-tasks-detail-viewer`
- Page: https://agentic-ui-kit.com/components/core-tasks-detail-viewer
- Live preview: https://agentic-ui-kit.com/live/fixture/core-tasks-detail-viewer?activate=button&piece=core-tasks-detail-viewer

## Install

```bash
agentic-ui add core-tasks-detail-viewer
npx shadcn@4.17.0 add @agentic-ui/core-tasks-detail-viewer
```

## Metadata

- **Level:** block
- **Category:** block
- **Template:** Kestrel Admin Kit
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** task-inspection, metadata-grid, status-transition, priority-visualizer
- **Intents:** explore-detail, track-status
- **Suits domains:** project-management, operations, saas, devtools
- **Interaction:** open-view, copy-task-id, close-modal
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Technical issue viewer, Quick sheet for the selected task
- **Avoid when:** Bulk editing of records
- **Preserve when adapting:** detail-grid-structure, metadata-row-format
- **Replace when adapting:** task-fields, badge-variants
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.05/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 8/10, code 9/10
- **Uses primitives:** dialog, badge, button, separator
- **npm dependencies:** lucide-react
- **Used in:** Kestrel Admin Kit (template)
- **npm dependencies (registry):** @tabler/icons-react@^3.41.1, zod@4.3.6
- **Registry dependencies:** ui-admin-kit-badge, ui-admin-kit-button, ui-admin-kit-dialog