# Lists & Tables
## Halaman dengan Pola List Panel
- Databases (`databases/index`)
- Database Connections (`database-connections/index`)
- LDAP Users (`ldap-users/index`)
- LDAP Groups (`ldap-groups/index`)
- API Clients (`api-clients/index`)
- Audit Logs (`audit-logs/index`)
- Activity Log partial (`partials/activity-log`)

## Fitur Tabel
- Sortable columns via query `?sort=&dir=`
- Search/filter di toolbar
- Sticky thead dengan shadow
- Row hover: `hover:bg-slate-800/40`
- Status badge rounded-full (online/offline, enabled/disabled)
- Empty state: baris colspan centered

## Mobile Row Actions (<1024px)
- Kolom aksi desktop disembunyikan (`.list-col-actions`)
- Kolom hint `⋯` ditampilkan (`.list-col-row-hint`)
- Tap baris → bottom sheet aksi (`list-row-actions-sheet`)
- Sheet: judul baris, subtitle opsional, tombol aksi full-width
- Script: `public/js/list-row-actions.js`
- Body lock: `body.list-actions-open`

## Layout Dua Kolom (Desktop XL)
- Tabel kiri + panel catatan/info kanan (`notes-panel`)
- Contoh: Databases (metadata server), Login (catatan LDAP)

## Pagination
- Server-side via controller (implied dari list views)
- Counter total di toolbar: "X databases", "X users"

## Warna Semantik Baris
- Protected DB: aksi disabled / peringatan
- Online state: emerald; offline/unknown: amber