Layout Modes

1DevTool cho phép bạn sắp xếp panels theo ba chế độ layout khác nhau. Mỗi chế độ được thiết kế cho loại công việc khác nhau. Bạn có thể chuyển đổi giữa chúng bất kỳ lúc nào mà không mất những gì đang mở — các panel chỉ sắp xếp lại để phù hợp layout mới.

Ba Chế Độ Layout

Grid 2×2

Chế độ grid chia khu vực chính thành bốn quadrant bằng nhau. Mỗi quadrant chứa một panel, cho bạn tổng cộng bốn panels hiển thị cùng lúc.

Tốt nhất cho: Chạy nhiều AI agents song song. Khi bạn có Claude Code làm việc trên frontend trong một terminal, Codex refactoring backend trong terminal khác, và panel Browser preview kết quả, grid 2×2 cho phép bạn xem tất cả cùng lúc.

Đây là layout mặc định khi bạn mở 1DevTool lần đầu, vì làm việc agent song song là điều app được thiết kế cho.

Column View

Column view chia khu vực chính thành hai panels cạnh nhau — cột trái và cột phải. Mỗi cột chiếm nửa màn hình.

Tốt nhất cho: Công việc tập trung hai panel. Setup phổ biến là Terminal bên trái và Browser bên phải, để bạn gõ prompt cho agent và ngay lập tức thấy kết quả render. Kết hợp phổ biến khác là Terminal + Git, để bạn review diffs khi agent commit changes.

Fullscreen

Chế độ fullscreen mở rộng một panel duy nhất lấp đầy toàn bộ khu vực chính. Tất cả panels khác bị ẩn (nhưng vẫn đang chạy).

Tốt nhất cho: Tập trung sâu. Khi bạn cần đọc output AI dài, viết prompt chi tiết, hoặc inspect kết quả database phức tạp, fullscreen loại bỏ mọi phân tâm. Nhấn shortcut lần nữa để quay lại layout trước đó ngay lập tức.

Cách Chuyển Đổi Layout Modes

Có hai cách chuyển đổi:

1. Click icon layout trong thanh công cụ ở đầu khu vực chính. Nó xoay vòng qua ba chế độ theo thứ tự.
2. Dùng keyboard shortcut Cmd+Shift+L trên Mac hoặc Ctrl+Shift+L trên Windows/Linux.

Cả hai phương pháp hoạt động bất kỳ lúc nào, ngay cả khi panel đang focus và bạn đang gõ.

Mẹo: Nếu muốn tạm thời tập trung vào một panel mà không thay đổi layout, chỉ cần nhấn Cmd+Shift+F (Mac) hoặc Ctrl+Shift+F (Windows) để fullscreen panel đang hoạt động, rồi nhấn lại để quay lại.

Layout Presets

Khi bạn đã sắp xếp panels theo cách bạn thích, bạn có thể lưu nó làm layout preset để quay lại chỉ với một click.

Để lưu preset:

1. Sắp xếp panels theo cách bạn muốn.
2. Mở menu layout bằng cách click icon layout trong thanh công cụ.
3. Chọn Save as preset và đặt tên (ví dụ: "Agent sprint" hoặc "Review mode").

Presets đã lưu hiện ra ở đầu menu layout. Click bất kỳ tên preset nào để khôi phục ngay lập tức arrangement đó, bao gồm loại panel nào đang mở và vị trí của chúng.

Presets được lưu theo project, nên bạn có thể có arrangements khác nhau cho các codebase khác nhau mà không can thiệp lẫn nhau.