# Support Ticket Inbox

Ticket inbox with views by status and SLA.

- id: `support-ticket-inbox`
- Page: https://agentic-ui-kit.com/components/support-ticket-inbox
- Live preview: https://agentic-ui-kit.com/support-desk/tickets?piece=support-ticket-inbox

## Install

```bash
agentic-ui add support-ticket-inbox
npx shadcn@4.17.0 add @agentic-ui/support-ticket-inbox
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** status-views, sla-filter, sla-countdown, assignee-filter, search, bulk-assign, bulk-solve, preview-pane, pagination, new-ticket-modal, routing-preview, async-requester-search
- **Intents:** manage-collection, track-status, navigate
- **Suits domains:** support, operations, devops-status, crm, project-management
- **Interaction:** tabs, filters, bulk-select, preview, modal-form
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** ticket inbox with views by status and SLA, issue queue with bulk assignment, inbox for internal requests (IT, HR)
- **Avoid when:** fewer than 10 items without statuses, analytical tables with many numeric columns
- **Preserve when adapting:** sla-first-ordering, status-views, preview-pane
- **Replace when adapting:** domain-copy, sla-targets, columns
- **Adaptation effort:** medium
- **Coupling:** medium
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 8/10, code 8/10
- **Uses primitives:** button, card, checkbox, avatar, popover, badge
- **npm dependencies:** lucide-react, cmdk
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** Support Desk (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** form-async-combobox, lib-feedback-notification-center, lib-motion, lib-motion-list, lib-motion-micro-interactions, lib-motion-modal-enter, lib-primitives, lib-tokens, motion-skeleton-shimmer, motion-tab-indicator