Layout Modes

1DevTool memungkinkan Anda mengatur panel dalam tiga mode layout berbeda. Setiap mode dirancang untuk jenis pekerjaan berbeda. Anda bisa beralih di antaranya kapan saja tanpa kehilangan apa yang terbuka — panel Anda hanya mengatur ulang diri mereka agar cocok dengan layout baru.

Tiga Mode Layout

Grid 2×2

Mode grid membagi area utama menjadi empat kuadran sama. Setiap kuadran menampung satu panel, memberi Anda total empat panel terlihat sekaligus.

Terbaik untuk: Menjalankan multiple AI agent secara paralel. Saat Claude Code bekerja di frontend di satu terminal, Codex me-refactor backend di yang lain, dan panel Browser mempreview hasilnya, grid 2×2 memungkinkan Anda menonton semua itu pada saat yang sama.

Ini adalah layout default saat Anda pertama kali membuka 1DevTool, karena pekerjaan agent paralel adalah apa yang dirancang aplikasi ini.

Tampilan Kolom

Tampilan kolom membagi area utama menjadi dua panel berdampingan — kolom kiri dan kolom kanan. Setiap kolom mengambil setengah layar.

Terbaik untuk: Pekerjaan dua panel yang fokus. Setup umum adalah Terminal di kiri dan Browser di kanan, sehingga Anda bisa mengetik prompt ke agent dan segera melihat hasil render. Kombinasi populer lainnya adalah Terminal + Git, sehingga Anda bisa me-review diff saat agent commit perubahan.

Fullscreen

Mode fullscreen memperluas satu panel untuk mengisi seluruh area utama. Semua panel lainnya disembunyikan (tapi masih berjalan).

Terbaik untuk: Fokus mendalam. Saat Anda perlu membaca output AI panjang, menulis prompt detail, atau menginspeksi hasil database yang kompleks, fullscreen menghilangkan semua distraksi. Tekan shortcut lagi untuk kembali ke layout sebelumnya secara instan.

Cara Beralih Mode Layout

Ada dua cara untuk beralih:

1. Klik ikon layout di toolbar di bagian atas area utama. Ini siklus melalui tiga mode secara berurutan.
2. Gunakan keyboard shortcut Cmd+Shift+L di Mac atau Ctrl+Shift+L di Windows/Linux.

Kedua metode bekerja kapan saja, bahkan saat panel fokus dan Anda sedang di tengah mengetik.

Tip: Jika ingin sementara fokus pada satu panel tanpa mengubah layout Anda, cukup tekan Cmd+Shift+F (Mac) atau Ctrl+Shift+F (Windows) untuk fullscreen panel aktif, lalu tekan lagi untuk kembali.

Preset Layout

Setelah Anda mengatur panel dengan cara yang Anda sukai, Anda bisa menyimpannya sebagai preset layout sehingga Anda bisa kembali ke sana dalam satu klik.

Untuk menyimpan preset:

1. Atur panel Anda seperti yang Anda inginkan.
2. Buka menu layout dengan mengklik ikon layout di toolbar.
3. Pilih Save as preset dan beri nama (misalnya, "Agent sprint" atau "Review mode").

Preset tersimpan muncul di bagian atas menu layout. Klik nama preset apa pun untuk memulihkan pengaturan itu secara instan, termasuk jenis panel mana yang terbuka dan di mana posisinya.

Preset disimpan per project, sehingga Anda bisa memiliki pengaturan berbeda untuk codebase berbeda tanpa mereka saling mengganggu.