Dashboard Supervisor
Dashboard Supervisor
Ringkasan
Halaman Dashboard adalah titik masuk utama bagi supervisor untuk memantau operasional tim setiap pagi. Berbeda dengan dashboard agent biasa yang hanya menampilkan kotak masuk pribadi, supervisor mendapat tambahan Platform Overview, daftar Agent Status dengan indikator online/offline real-time, serta ringkasan metrik tingkat platform. Semua data diperbarui secara langsung melalui WebSocket — Anda tidak perlu me-refresh halaman untuk melihat agent baru yang login atau percakapan baru yang masuk.
Halaman ini tersedia di rute frontend /dashboard dan merender data tambahan hanya jika peran pengguna adalah supervisor atau admin. Agent reguler yang membuka rute yang sama akan melihat versi dashboard yang lebih ringkas.
Hak akses: Bagian Platform Overview dan Agent Status hanya muncul untuk peran supervisor dan admin. Agent reguler hanya melihat kotak "My Open", "Unassigned", dan daftar percakapan pribadinya.
Langkah-langkah
- Login ke aplikasi melalui halaman
/login, lalu pilih menu Dashboard dari sidebar (atau buka langsung/dashboard). - Periksa kartu Platform Overview di bagian atas. Empat metrik yang ditampilkan:
- Total Conversations — jumlah seluruh percakapan (open + resolved) yang tercatat di database.
- Messages Today — jumlah pesan masuk dan keluar yang diproses dalam 24 jam terakhir.
- Agents Online — rasio agent yang sedang online terhadap total agent aktif (mis.
3/8). - Resolution Rate — persentase percakapan yang telah diselesaikan.
- Gulir ke bawah untuk melihat panel Agent Status. Agent yang sedang online tampil di bagian atas dengan titik hijau, sementara agent offline di bawah dengan timestamp
Last seen. Status ini diperbarui langsung saat ada eventagent_presencedari WebSocket — perubahan akan muncul dalam hitungan detik tanpa refresh. - Di bagian My Recent Conversations, klik salah satu percakapan untuk melompat ke inbox pribadi. Ini berguna saat supervisor juga ikut menangani percakapan.
- Untuk melihat metrik yang lebih detail (grafik tren 7/30/90 hari, performa per-agent, distribusi kanal), buka menu Analytics dari sidebar — lihat halaman Analytics.
Data yang ditampilkan
| Bagian | Sumber API | Diperbarui oleh |
|---|---|---|
| Platform Overview | GET /api/analytics/overview (tag Analytics) | Fetch saat mount + event WebSocket agent_presence |
| Agent Status roster | GET /api/agents (tag Agents) | WebSocket conversation_updates channel |
| My Recent Conversations | GET /api/conversations?status=open&assigned_to=me (tag Conversations) | Polling manual (klik refresh) |
| Unassigned counter | GET /api/conversations?status=open&assigned_to=none | Sama dengan di atas |
Endpoint-endpoint ini didokumentasikan lengkap di API Reference — Analytics dan API Reference — Agents.
Cara membaca metrik
- Resolution Rate rendah (< 50%) → Biasanya menandakan antrian percakapan menumpuk atau SLA terbengkalai. Buka halaman Pemantauan SLA untuk melihat apakah ada breach aktif.
- Agents Online < 50% total → Mungkin jadwal shift sedang transisi atau ada masalah koneksi. Pastikan infrastruktur WebSocket (
ws-server) sehat. - Messages Today tiba-tiba melonjak → Bisa jadi kampanye baru sedang berjalan atau ada insiden. Cek halaman Campaign untuk konteks.
Event agent_presence dikirim dari backend melalui Redis pub/sub channel agent_presence, lalu diteruskan ke browser oleh ws-server di port 3002. Jika Agent Status tidak berubah secara real-time, periksa koneksi WebSocket browser di Developer Tools → Network → WS.
Rute terkait
- Analytics — dashboard metrik lengkap dengan grafik tren
- Pemantauan SLA — konfigurasi dan monitoring SLA
- Kinerja Agent — tabel performa per-agent dan CSAT