Blueprint
Support Desk
Internal helpdesk: ticket inbox with views by status and SLA, detail with conversation, internal notes, rule-assisted reply, timeline and audit log, customer sidebar, contacts/companies, support analytics (first response, CSAT, SLA) and canned responses and routing settings.
- Screens
- 5
- Framework
- Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui
- Variants
- Radix UI
- Install
- One command, every screen
What is implemented
- The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer.
- Sample data that ships with each component, so the screens render without a backend.
- Light and dark themes.
What you supply
- Your data: API routes or a backend in place of the sample data. No backend is included.
- Authentication and authorization.
- Persistence: database, file storage and any server-side state.
- Business rules and server-side validation.
Install
Radix UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-support-deskChecked: installs and builds in a clean Next.js project.
Your project must be connected to the private registry first: installation guide.
Components it uses
- App ShellSupport Desk App Shell
- Shell ReferenceInventory OPS Dashboard Shell
- InboxSupport Ticket Inbox
- Inbox ReferencePm Inbox Two Column Split
- Table ReferenceEcommerce Order List Faceted Menu
- Entity DetailSupport Ticket Workspace
- Reply ComposerSupport Assisted Reply Composer
- Activity TimelineCRM Contacts Activity Timeline
- Event LogDevtools Event Log
- DirectorySupport Customer Directory
- KpisSupport Analytics Overview
- KPI ReferenceFinance KPI Stats Cards
- Canned ResponsesSupport Canned Responses
- RoutingSupport Routing Rules
- Notification SettingsCore Settings Notifications