Help Desk Ticketing Systems: Socket.IO Real-Time Updates and SLA Timers

Support teams need instant ticket notifications, not page refreshes. SupportGenie uses Socket.IO to push every state change in real-time.

1. Real-Time Ticket Events

When a ticket status changes, all connected agents receive instant updates:

typescript
io.on('connection', (socket) => {
  socket.on('ticket:update', async (data) => {
    const ticket = await Ticket.findByPk(data.ticketId);
    await ticket.update({ status: data.status, assignedTo: data.agentId });
    io.to(`team:${ticket.teamId}`).emit('ticket:changed', ticket.toJSON());
  });
});

2. SLA Countdown Timers

Each ticket has an SLA deadline based on priority. Visual countdown timers turn yellow (warning) and red (breached) as deadlines approach.

3. Unified Inbox

Customer messages from email, live chat widgets, and API integrations merge into a single threaded conversation view per ticket.

Summary

Real-time Socket.IO events + SLA tracking + unified inbox create a support platform that ensures no customer inquiry falls through the cracks.