Layout Modes

अपने workflow के अनुसार grid, column और fullscreen layouts के बीच switch करें।

1DevTool आपको तीन अलग layout modes में panels arrange करने देता है। हर mode अलग तरह के काम के लिए है। कभी भी switch कर सकते हैं और जो खुला है वो नहीं खोता — panels बस नए layout में fit होने के लिए खुद को रearrange कर लेते हैं।

Terminal grid layout

तीन Layout Modes

2×2 Grid

Grid mode main area को चार equal quadrants में बांटता है। हर quadrant एक panel रखता है, एक साथ कुल चार panels visible।

सबसे अच्छा: Multiple AI agents parallel में चलाने के लिए। जब Claude Code एक terminal में frontend पर काम कर रहा हो, Codex दूसरे में backend refactor कर रहा हो, और Browser panel result preview कर रहा हो, तो 2×2 grid सब एक साथ देखने देता है।

1DevTool पहली बार खोलने पर यही default layout है, क्योंकि parallel agent work के लिए app बनाया गया है।

Column View

Column view main area को दो panels में side by side बांटता है — left column और right column। हर column आधी screen लेता है।

सबसे अच्छा: Focused two-panel work के लिए। Common setup है Terminal left पर और Browser right पर, ताकि agent को prompt type करें और result तुरंत render होते देखें। एक और popular combination है Terminal + Git, ताकि agent के commit करते वक्त diffs review कर सकें।

Fullscreen

Fullscreen mode एक panel को पूरा main area fill करने के लिए expand करता है। बाकी सभी panels छिप जाते हैं (पर चलते रहते हैं)।

सबसे अच्छा: Deep focus के लिए। जब लंबा AI output पढ़ना हो, detailed prompt लिखना हो, या complex database result inspect करना हो, fullscreen सब distractions हटा देता है। वही shortcut फिर दबाएं और तुरंत पिछले layout पर वापस।

Layout Modes Switch करने का तरीका

Switch करने के दो तरीके हैं:

  1. Layout icon click करें — main area के ऊपर toolbar में। तीनों modes को क्रम में cycle करता है।
  2. Keyboard shortcut — Mac पर Cmd+Shift+L या Windows/Linux पर Ctrl+Shift+L।

दोनों तरीके कभी भी काम करते हैं, चाहे panel focused हो और आप type कर रहे हों।

Tip: बिना layout बदले एक panel पर temporarily focus करना हो, तो Cmd+Shift+F (Mac) या Ctrl+Shift+F (Windows) दबाएं। Active panel fullscreen हो जाएगी, फिर दोबारा दबाएं और वापस।

Layout Presets

एक बार panels को पसंद के अनुसार arrange कर लें, तो उसे layout preset के रूप में save करें ताकि एक click में वापस आ सकें।

Layout presets

Preset save करने के लिए:

  1. Panels को जैसे चाहते हैं arrange करें।
  2. Toolbar में layout icon click करके layout menu खोलें।
  3. Save as preset चुनें और नाम दें (जैसे "Agent sprint" या "Review mode")।

Saved presets layout menu के ऊपर दिखते हैं। कोई भी preset नाम click करें और वो arrangement instantly restore हो जाती है, जिसमें कौन से panel types खुले हैं और कहां हैं।

Presets per project save होते हैं, इसलिए अलग-अलग codebases के लिए अलग arrangements हो सकती हैं।