[coderbuzz]

Ringkasan

S4: daftar Servers/Apps/dashboard.

• Satu <table class="rows">: tabel ≥700px, kartu baris (grid) <700px; kolom .col-sm-hide disembunyikan di HP; bar progress.bar 4px dengan .bar-warn (≥70%) / .bar-danger (≥85%).
• ui_listbar (pencarian + chip status + meta "N of M" + Reset) dan static/list.js (filter, sort via tombol di th dengan aria-sort) menggantikan dua skrip inline duplikat.
• Dashboard: KPI 24/800, judul seksi + badge jumlah + "View all"; grup app per server; empty state berikon.
• servers_detail: satu dialog undeploy-confirm bersama (data-* pemicu) menggantikan satu ui_confirm per baris.
• Fungsi template list; style="" di tiga template daftar = 0.

Bukti

• build/vet/test hijau. Tanpa overflow di 360/390: /, /servers, /apps, /servers/1 (8/8 OK; data 2 server + 3 app).
• Node per baris (termasuk tr): sebelum apps 12, servers 14; sesudah apps 11-12, servers 14 (≤14).
• Playwright: chip "running" → api-core, blog (2 of 3); cari "api" → api-core; Reset mengembalikan 3 dan menyembunyikan Reset; klik th Name 2× → descending + aria-sort=descending; dialog bersama di servers/1 mengirim POST /apps/2/undeploy untuk baris yang diklik.

Penyimpangan

• HP: grid baris 3 kolom (nama span 2 + status; lalu CPU/RAM/Disk) alih-alih 4 kolom + chevron, karena servers punya 3 angka; seluruh nama adalah tautan.
• Kolom Domain pada apps digabung ke sel nama (sub-baris mono); ikon external diganti glyph CSS ↗ agar baris tak menambah node SVG.
• Angka "4 cores / 16000 MB" kini di title; sel menampilkan persen + bar. Bar app tidak ada (data persen memori app tidak tersedia).
• Alias lapis 1 yang tak terpakai dihapus.

🤖 Generated with Claude Code