Helpdesk & Support Tickets
The central command center for managing all customer and internal support requests. View, filter, and track every ticket across your organization with real-time SLA monitoring, priority-based triage, and full team visibility.
Last updated: 04/14/2026, 10:13 AM
<div class="features-wrapper">
<h2>Your Support Operations Dashboard</h2>
<p>The Tickets page serves as the mission-critical nerve center for your entire customer support operation. Every incoming request — whether submitted by a customer through the Feedback Widget, created internally by an administrator, or triggered by a system workflow — lands here in real-time. Support managers gain instant visibility into team workload, SLA health, and escalation priorities without navigating away from this single screen.</p>
<div class="feature-grid">
<div class="feature-card">
<h3>📋 Data Grid with Smart Columns</h3>
<p>All tickets are presented in a powerful, responsive data table. Each row displays the ticket number, title (with an <strong>"Internal"</strong> badge for admin-created tickets), current status with color-coded badges, priority level, SLA indicator, category, reporter & assignee avatars, star rating from customer feedback, tag count, message count, creation date, and last activity timestamp. Click any row to navigate directly to the ticket detail page.</p>
</div>
<div class="feature-card">
<h3>🔍 Multi-Dimensional Filtering</h3>
<p>Locate any ticket instantly using the URL-based filtering system. Filter by <strong>Status</strong> (e.g., show only "Open" or "In Progress"), <strong>Priority</strong> (e.g., isolate "Critical" and "Urgent" tickets), <strong>Category</strong> (e.g., "Billing" or "Security"), or use the <strong>free-text search</strong> bar to match ticket titles and descriptions. All filters are reflected in the URL, making filtered views shareable and bookmarkable.</p>
</div>
<div class="feature-card">
<h3>⏱️ Real-Time SLA Monitoring</h3>
<p>Every ticket row includes a live <strong>SLA Indicator</strong> that shows the current compliance status at a glance. The indicator displays one of four states: <strong>OK</strong> (green — on track), <strong>Warning</strong> (amber — approaching deadline), <strong>Breached</strong> (red — deadline exceeded), or <strong>N/A</strong> (gray — no SLA configured). Remaining time until the resolution deadline is shown in a human-readable format (e.g., "2h 15m left").</p>
</div>
<div class="feature-card">
<h3>👥 Team Visibility & Assignment</h3>
<p>Each ticket displays stacked avatar icons for both the <strong>reporting user</strong> (customer) and the <strong>assigned agent</strong>. Hovering over any avatar reveals a tooltip with their name. Clicking an avatar opens a detailed <strong>User Details Dialog</strong> showing the user's full profile, contact information, and activity history — without leaving the tickets page.</p>
</div>
<div class="feature-card">
<h3>🏷️ Tags & Categorization</h3>
<p>Tickets can be labeled with color-coded <strong>tags</strong> for custom classification beyond the default categories. The grid shows a tag count badge; hovering it reveals all assigned tag names with their respective colors. This enables teams to implement custom workflows like "VIP", "Regression", or "Needs-Escalation" labeling.</p>
</div>
<div class="feature-card">
<h3>⭐ Customer Feedback Ratings</h3>
<p>When a customer has submitted feedback after ticket resolution, a <strong>5-star rating</strong> is displayed directly in the grid row. This gives support managers instant CSAT (Customer Satisfaction) visibility across the entire ticket queue without needing to open individual tickets.</p>
</div>
</div>
<h2>Grid Columns Reference</h2>
<table>
<thead>
<tr><th>Column</th><th>Description</th><th>Sortable</th></tr>
</thead>
<tbody>
<tr><td><strong>#</strong></td><td>Auto-generated ticket number (e.g., #1042)</td><td>Yes</td></tr>
<tr><td><strong>Title</strong></td><td>Ticket subject line. Internal tickets show a purple "Internal" badge.</td><td>Yes</td></tr>
<tr><td><strong>Status</strong></td><td>Current workflow state with color-coded badge and icon</td><td>Yes</td></tr>
<tr><td><strong>Priority</strong></td><td>Urgency level with color-coded badge</td><td>Yes</td></tr>
<tr><td><strong>SLA</strong></td><td>Live SLA compliance indicator (OK / Warning / Breached / N/A)</td><td>No</td></tr>
<tr><td><strong>Category</strong></td><td>Topic classification of the ticket</td><td>Yes</td></tr>
<tr><td><strong>Users</strong></td><td>Stacked avatars of reporter (customer) and assigned agent</td><td>No</td></tr>
<tr><td><strong>★</strong></td><td>Customer feedback rating (1–5 stars), if submitted</td><td>No</td></tr>
<tr><td><strong>🏷️</strong></td><td>Number of assigned tags (hover to see names)</td><td>No</td></tr>
<tr><td><strong>Messages</strong></td><td>Total message count in the ticket conversation thread</td><td>Yes</td></tr>
<tr><td><strong>Created</strong></td><td>Relative time since creation (hover for exact date/time)</td><td>Yes</td></tr>
<tr><td><strong>Last Activity</strong></td><td>Relative time since most recent update (hover for exact date/time)</td><td>Yes</td></tr>
</tbody>
</table>
<h2>Status Values</h2>
<table>
<thead>
<tr><th>Status</th><th>Badge Color</th><th>Description</th></tr>
</thead>
<tbody>
<tr><td>Open</td><td>Default (blue)</td><td>Newly created, awaiting initial triage</td></tr>
<tr><td>In Progress</td><td>Outline (animated)</td><td>Agent is actively working on the issue</td></tr>
<tr><td>Waiting for User</td><td>Secondary</td><td>Agent has responded; awaiting customer reply</td></tr>
<tr><td>Waiting for Support</td><td>Secondary</td><td>Customer has replied; awaiting agent action</td></tr>
<tr><td>On Hold</td><td>Outline</td><td>Temporarily paused (e.g., pending third-party)</td></tr>
<tr><td>Resolved</td><td>Success (green)</td><td>Issue has been addressed; pending closure confirmation</td></tr>
<tr><td>Closed</td><td>Destructive (red)</td><td>Ticket is finalized; no further action needed</td></tr>
<tr><td>Reopened</td><td>Warning (orange)</td><td>Previously closed ticket has been reopened</td></tr>
</tbody>
</table>
<h2>Priority Levels</h2>
<table>
<thead>
<tr><th>Priority</th><th>Badge Color</th><th>Typical Use</th></tr>
</thead>
<tbody>
<tr><td>Low</td><td>Info (light blue)</td><td>General inquiries, minor cosmetic issues</td></tr>
<tr><td>Medium</td><td>Success (green)</td><td>Standard requests, non-blocking bugs</td></tr>
<tr><td>High</td><td>Warning (orange)</td><td>Significant impact on user workflow</td></tr>
<tr><td>Urgent</td><td>Destructive (red)</td><td>Critical feature broken for multiple users</td></tr>
<tr><td>Critical</td><td>Destructive (dark red)</td><td>Complete system outage or data loss scenario</td></tr>
</tbody>
</table>
<h2>Category Types</h2>
<table>
<thead>
<tr><th>Category</th><th>Description</th></tr>
</thead>
<tbody>
<tr><td>General</td><td>Uncategorized or general inquiries</td></tr>
<tr><td>Technical</td><td>Software bugs, configuration errors, performance issues</td></tr>
<tr><td>Billing</td><td>Payment, invoice, subscription, or pricing questions</td></tr>
<tr><td>Account</td><td>Login problems, profile updates, account access</td></tr>
<tr><td>Feature Request</td><td>Enhancement suggestions from customers or team</td></tr>
<tr><td>Bug Report</td><td>Confirmed or suspected software defects</td></tr>
<tr><td>Integration</td><td>API, webhook, or third-party connection issues</td></tr>
<tr><td>Security</td><td>Vulnerability reports, access violations, data concerns</td></tr>
</tbody>
</table>
<h2>Step-by-Step: Triaging Morning Tickets</h2>
<ol>
<li><strong>Navigate</strong> to <code>/admin/tickets</code> in the Admin Portal.</li>
<li><strong>Filter by Status</strong>: Select "Open" to see all unassigned incoming tickets.</li>
<li><strong>Sort by Priority</strong>: Click the "Priority" column header to sort Critical/Urgent tickets to the top.</li>
<li><strong>Check SLA</strong>: Identify any amber or red SLA indicators — these require immediate attention.</li>
<li><strong>Review & Assign</strong>: Click a ticket row to open the detail page. Assign an agent, set the correct priority, and move the status to "In Progress".</li>
<li><strong>Repeat</strong> for remaining Open tickets until all are triaged.</li>
</ol>
<div class="usecase-example">
<h3>Enterprise Use Case: Black Friday Support Surge</h3>
<p>An e-commerce platform braces for Black Friday. On the morning of the sale, 500 support tickets flood in within the first hour — mostly "Billing" and "Technical" category issues. The Support Director opens the Tickets dashboard and immediately filters by <strong>Priority = "Critical"</strong> and <strong>Category = "Technical"</strong>. This narrows the view to 12 critical checkout failures. She then sorts by <strong>SLA</strong> and spots 3 tickets already in the red "Breached" zone. These are immediately escalated to the senior engineering team. Meanwhile, she creates a second filter for <strong>Category = "Billing"</strong> and notices that 80% of the billing tickets are about the same coupon code error. She quickly creates a <a href="../knowledge-base/knowledge-base.en.md">Knowledge Base</a> article titled "Black Friday Coupon Fix" and links it in the canned response, deflecting 400+ tickets in under 15 minutes.</p>
</div>
</div>