Review layer (non-canonical). Halaman ini menampilkan demonstration states dari
03_UX_UI/ADMIN_DASHBOARD_STATES.md + UX_UI_SPEC.md.
Prinsip inti: admin screens must expose data freshness and authority — never present stale tracking as current without a timestamp/freshness indicator.
GLOBAL · loading
Loading
No stale data boleh tampil sebagai current; tampilkan progres, bukan angka palsu.
Memuat data operasional… belum ada snapshot tersimpan
Allowed actions: tunggu; tidak ada aksi.
Skeleton + spinnerNo fabricated numbers
GLOBAL · empty
Empty
Jelaskan tidak ada data + jalur refresh; bedakan "kosong" vs "gagal".
🗂
Belum ada DO aktif hari ini
Tidak ada delivery order untuk filter saat ini. Data akan muncul otomatis saat driver mulai bertugas.
🔄 Muat UlangUbah Filter
Allowed actions: refresh; ubah filter.
Empty state jujur
GLOBAL · live
Live
Freshness indicator with timestamp; data dianggap current hanya dengan bukti update terkini.
Live — diperbarui 3 detik lalu sumber: server (terverifikasi)
DO Aktif
12
Driver Bertugas
9
Checkpoint Hari Ini
47
Bukti Pending
3
Allowed actions: semua aksi standar; freshness terlihat jelas di topbar.
Freshness = currentTimestamp visible
GLOBAL · stale
Stale
NEVER present stale tracking as current without timestamp/freshness indicator.
⚠️ Data mungkin tidak terbaru — pembaruan terakhir 14:32 (12 menit lalu). Nilai di bawah adalah snapshot terakhir yang diketahui.
DO Aktif
12
snapshot 14:32
Driver Bertugas
9
snapshot 14:32
🔄 Coba SegarkanLihat status koneksi
Allowed actions: refresh; data ditandai jelas sebagai snapshot.
Timestamp wajibAmber banner
GLOBAL · disconnected
Disconnected
Koneksi realtime hilang; sampaikan jujur + jarak waktu terakhir terhubung.
🔌 Koneksi realtime terputus sejak 15:02 — mencoba menyambung ulang… (percobaan 3/10)
Yang masih bisa dilakukan
· Lihat data snapshot terakhir (ditandai jelas) · Ekspor audit snapshot (dengan catatan keterbatasan) · Reconnect manual
🔁 Sambung Ulang
Allowed actions: reconnect; read-only snapshot; export dengan disclosure.
Loss transparentRetry backoff terlihat
GLOBAL · partial-data
Partial Data
Sebagian panel termuat, sebagian gagal — jangan diam-diam menyembunyikan gap.
📊 Overview OK
DO Aktif12
Checkpoint47
💰 Uang Jalan GAGAL
Tidak dapat memuat data finansial saat ini. Status tidak diketahui.
Coba Lagi
Setiap panel membawa statusnya sendiri; keseluruhan halaman ditandai "partial".
Allowed actions: retry per-panel; sisanya tetap dipakai.
Per-panel statusDisclosure gap
GLOBAL · unauthorized
Unauthorized
Sesi habis; hentikan aksi terproteksi; arahkan re-auth.
🔒 Sesi Anda berakhir — masuk kembali untuk melanjutkan pekerjaan admin.
Pekerjaan tidak hilang
Draft filter dan ekspor yang belum dikirim tersimpan sesaat; aksi sensitif memerlukan otorisasi server setelah login.
Masuk Kembali
Allowed actions: re-autentikasi.
Protected ops stopped
GLOBAL · forbidden
Forbidden
Role tidak berwenang — jelaskan wewenang yang diperlukan, jangan bocorkan detail.
🚫 Anda tidak memiliki wewenang untuk melihat Communication Trace driver ini.
Apa yang diperlukan
Akses trace memerlukan role Compliance Officer dengan case/purpose yang tercatat. Hubungi super admin untuk permintaan akses.