S6: form, Settings Appearance, sign out tanpa auth

[coderbuzz]

Ringkasan

S6: form dan Settings (DESIGN-SYSTEM §4, §5; K4, K10).

• Kontrol 16px / 44px / radius 12 / border control / fokus outline 3px accent; .field (+ .field-label, .field-hint, .field-error), .check, .select-wrap + ikon chevron-down (native <select> tetap, K4).
• apps add/edit: baris domain/env/file memakai grid kolom tetap (.row-domain|env|file), mode Simple/Advanced = segmented berbasis radio (.seg-radio, radio tetap nilai form), tombol Add variable/file/domain ghost sm berikon plus; alert() di validateServer → .field-error + fokus ke select (tanpa submit); judul kartu + keterangan "Optional" di baris berikutnya.
• servers add/edit: field yang sama, textarea kunci mono, Save Changes primary + Cancel secondary.
• Settings: kartu Appearance (Palette Indigo/Navy/Teal, Theme Light/Dark/System; menyimpan dockify_palette/dockify_theme lalu memanggil window.dockifyApplyTheme dari skrip head), webhook secret (Show/Copy ghost + Roll destructive-outline, fallback copy), snippet pre.code.
• Sign out disembunyikan bila auth mati: noAuth di-set NewRouter (cfgPass == "", kondisi yang sama dengan authEnabled), diteruskan ke template sebagai NoAuth; logika auth tidak disentuh.
• login: .field, .alert-danger role=alert, Sign in primary lg; error: ikon alert + judul + pesan; about: versi detail-grid, hidden alih-alih style; export/import: .field, ui_alert, mode import .check.
• Inline style="": hanya --w (5, di gauge). CSS mati dihapus.

Bukti

• build/vet/test hijau; grep -c 'style="' semua template: hanya --w (apps_detail 2, servers_detail 3).
• Tanpa overflow 360/390: apps/add, apps/1/edit, servers/add, servers/1/edit, settings, about, export, import, login.
• Playwright: Navy → data-palette=navy seketika, bertahan setelah reload; Dark → data-theme=dark bertahan; System mengikuti emulasi colorScheme (light → dark); validateServer tanpa server → #server-error tampil, tidak ada POST, fokus ke select; semua input/select/textarea tampak ≥16px di 390 (apps/add, servers/add, settings, import); Sign out = 0 tombol pada mode tanpa auth; pageerror 0.
• app.css: 957 → 897 baris (CSS mati: .btn-group*, .console-dot*, .stat-gauge-bar/fill/header/row/cpu/mem/disk/detail, .table-wrap, .log-container, .log-toolbar, .grid-fill, .sep, .secret-val, aturan form/login lama).

Penyimpangan

1. Pencarian ui_segmented tidak dipakai untuk Appearance dan Compose mode: keduanya memakai tombol/radio lokal (tanpa hx-get); ui_segmented khusus htmx.
2. Kunci publik di pre.code + Copy sudah ada di halaman detail server (Worker access); halaman add/edit tak menampilkan kunci publik, jadi tidak ada tambahan di sana.
3. Textarea/input mono 13px di desktop, 16px di <700px agar iOS tidak zoom.
4. Dialog import/export/move di apps_add tak diubah selain isi (S2).
5. Snippet GitHub Actions di Settings masih berisi path/URL contoh; teks tak diubah.
6. Pada kartu Export di Settings teks "SSH keys are not exported" diganti agar sesuai halaman export (kunci dienkripsi dengan passphrase).

🤖 Generated with Claude Code