Changelog

All notable changes to the Help Desk Kit are documented here.

v1.0.0 -- Initial Release

Released: May 2026

Pages (45 total)

• Dashboard & Command Center (5): Agent Dashboard, Team Overview, Activity Feed, Command Palette, Notifications Center
• Ticket Management (9): Ticket List, Ticket Detail, Create Ticket, Kanban Board, Ticket Merge, Ticket Templates, Canned Responses, SLA Dashboard, Ticket Analytics
• Customer Management (5): Customer Directory, Customer Profile, Customer Segments, Company Directory, Customer Interactions
• Knowledge Base (5): Article Browser, Article Detail, Article Editor, Category Manager, Article Analytics
• Live Chat & Messaging (4): Chat Console, Chat Queue, Chat History, Chatbot Builder
• Reports & Analytics (4): Performance Dashboard, Agent Performance, Customer Satisfaction, Custom Report Builder
• Team & Workforce (4): Team Directory, Roles & Permissions, Agent Schedule, Workload Distribution
• Automation & Rules (3): Automation Rules, SLA Policies, Escalation Paths
• Settings & Configuration (5): General Settings, Channel Settings, Notification Preferences, Integration Hub, Audit Log
• Auth (1): Login

Components (90+ total)

• ~35 Primitives -- shadcn/ui components (Accordion, AlertDialog, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Chart, Checkbox, Collapsible, Command, Dialog, DropdownMenu, Input, InputGroup, Label, Popover, Progress, RadioGroup, Resizable, ScrollArea, Select, Separator, Sheet, Sidebar, Skeleton, Sonner, Switch, Table, Tabs, Textarea, Toggle, ToggleGroup, Tooltip)
• 15 Ticket Composites -- TicketTableRow, TicketTableToolbar, TicketBulkActions, TicketConversation, TicketMessageComposer, TicketPropertiesPanel, CreateTicketForm, KanbanCard, KanbanColumn, MergeTicketPreview, TemplateCard, CannedResponseList, SlaMetricCard, AnalyticsTrendCard, AnalyticsHeatmap
• 10 Dashboard Composites -- MyQueue, ActivityFeedCard, QuickStatsCard, RecentCustomers, AgentCard, TopPerformers, ActivityStream, ActivitySidebar, CommandGrid, NotificationList
• 8 Customer Composites -- CustomerTable, CustomerProfileHeader, CustomerOverviewTab, CustomerTicketsTab, CustomerNotesTab, InteractionTimeline, SegmentList, CompanyTable
• 10 Chat Composites -- ConversationList, ChatWindow, CustomerContext, AgentAvailability, QueueEntry, HistoryFilters, HistoryTable, FlowCanvas, FlowList, NodeEditor
• 7 Knowledge Base Composites -- ArticleBrowserHero, CategoryGrid, ArticleCard, ArticleDetailView, ArticleEditor, CategoryManager, KbAnalyticsDashboard
• 14 Reports Composites -- TicketVolumeChart, ResponseTimeChart, ChannelDistributionChart, TrendInsightCard, AgentDetailCard, AgentMetricsRow, AgentPerformanceChart, AgentsTable, CsatGauge, NpsCard, FeedbackTable, MetricsLibrary, WidgetCanvas, SavedReportsPanel
• 5 Settings Composites -- GeneralSettingsForm, ChannelSettings, NotificationPreferences, IntegrationHub, AuditLogViewer
• 3 Automation Composites -- AutomationRulesList, SlaPoliciesGrid, EscalationPaths
• 4 Team Composites -- TeamMemberGrid, RolesPermissionsMatrix, AgentSchedule, WorkloadDistribution
• 1 Auth Composite -- LoginForm
• 11 Shared Composites -- PageHeader, StatCard, StatusBadge, PriorityBadge, SlaTimer, ChannelBadge, SatisfactionStars, AgentStatusIndicator, DataTableToolbar, EmptyState, LoadingSkeleton
• 4 Layout Components -- AppHeader, AppSidebar, SkipLink, ThemeToggle
• 2 Accessibility Components -- LiveRegion, VisuallyHidden

Chart Types (10+)

• Area charts (ticket volume over time, SLA compliance trend)
• Line charts (CSAT trends, agent performance, resolution time, customer satisfaction over time)
• Bar charts -- grouped (tickets by category, CSAT by channel), stacked (tickets by status over time), horizontal (top articles by views, CSAT by category), standard (response time distribution, hourly volume)
• Pie/donut charts (channel distribution, ticket priority distribution, NPS breakdown)
• Radial gauges (CSAT score, SLA compliance rate)
• Heatmaps (ticket volume by day/hour, agent activity patterns)
• Custom visualizations (kanban board, chatbot flow builder, escalation flowcharts, SLA countdown timers)

Features

• Next.js 16 with App Router
• React 19 with TypeScript
• Tailwind CSS v4 with oklch design tokens (hue 280 violet primary, hue 91 golden-lime secondary)
• Route groups: (app), (auth) for clean URL structure
• 45 screens across 10 feature areas covering the full help desk workflow
• Ticket management with list, detail, creation, kanban board, merge, templates, and canned responses
• SLA tracking with countdown timers, compliance dashboards, at-risk monitoring, and policy management
• Customer management with 360-degree profiles, company accounts, segments, and interaction timelines
• Knowledge base with article browser, rich editor, category manager, and content analytics
• Live chat console with three-panel layout, conversation management, and customer context
• Chat queue management with wait time monitoring and agent assignment
• Chatbot builder with visual flow editor, node types, and test simulator
• Reports with performance dashboards, agent analytics, satisfaction deep dives, and custom report builder
• Team management with roles and permissions matrix, shift scheduling, and workload distribution
• Automation engine with trigger-condition-action rules, SLA policies, and multi-stage escalation paths
• Multi-channel configuration (email, chat widget, social media, phone, API)
• Integration hub with 15+ third-party app cards and sync management
• Audit log with full-text search, event detail inspection, and CSV export
• Notification center with categorized notifications and channel preferences
• Command palette for power-user quick actions
• Light and dark mode via next-themes
• WCAG AA accessible (skip link, keyboard navigation, focus indicators, screen reader support, ARIA labels)
• Responsive from 375px to 1440px+
• 44px minimum touch targets
• Reduced motion support via prefers-reduced-motion
• Five accessibility hooks (use-announce, use-focus-trap, use-keyboard-navigation, use-mobile, use-reduced-motion)
• Three font families: Inter (body), DM Sans (headings), JetBrains Mono (code/ticket IDs)
• date-fns for localized date formatting
• Sonner for toast notifications
• react-resizable-panels for split-panel layouts
• cmdk for command palette
• Realistic seed data modeling a B2B support operation with 12 agents and 200+ customers