Workspace Overview
1DevTool के तीन zones और panels मिलकर कैसे काम करते हैं, यह समझें।
1DevTool पहली बार खोलने पर screen तीन अलग zones में बंटी होती है। हर zone का एक specific काम है, और एक बार समझ लें तो कुछ ही मिनटों में comfortable हो जाएंगे।
तीन Zones
Left Sidebar
Left sidebar आपका project hub है। यह color-coded icons की vertical stack दिखाता है — एक icon per project। रंग की वजह से text पढ़े बिना एक नज़र में projects पहचान आते हैं।
Sidebar के नीचे global settings, session manager और अन्य app-level controls के navigation icons हैं।
Project switch करने के लिए, बस किसी project icon पर click करें। 1DevTool तुरंत उन panels और terminals को restore करता है जो उस project में आखिरी बार खुले थे। पिछला project चुपचाप background में चलता रहता है — कुछ भी बंद नहीं होता।
Main Area
Main area वो बड़ा center region है जहां सब कुछ होता है। यह panels से बना है — individual windows जो हर एक एक purpose serve करती हैं। एक साथ कई panels खुली हो सकती हैं, side by side या grid में।
1DevTool में available panel types:
| Panel | क्या करता है |
|---|---|
| Terminal | AI agents (Claude Code, Codex, Gemini CLI) या कोई भी shell command चलाने का full terminal |
| Database | अलग GUI app की ज़रूरत के बिना databases visually browse और query करें |
| HTTP Client | API requests भेजें और responses inspect करें, built-in Postman जैसा |
| Git | 1DevTool छोड़े बिना changes stage करें, commit messages लिखें और diffs देखें |
| Browser | Real browser panel ताकि build करते वक्त app preview कर सकें |
| IDE Strip | Terminals के साथ quick file navigation और editor shortcuts |
Status Bar
Window के एकदम नीचे पतली bar status bar है। चाहे कुछ भी कर रहे हों, यह visible रहती है और दिखाती है:
- Current project का नाम
- कितने terminal sessions active हैं
- System resource usage (CPU और memory)
- Session manager icon — click करें और सभी projects के हर running terminal session देखें
Panels के साथ काम करना
Panel जोड़ना
किसी भी panel के header में + button click करें, panel picker खुलेगी। जो panel type चाहिए वो चुनें और वो main area में अगले available slot में आ जाती है।
Main area के ऊपर toolbar भी है — इसमें हर panel type के quick-add buttons हैं ताकि menus navigate किए बिना खोल सकें।
Panels Resize करना
दो panels के बीच divider पर cursor hover करें। Cursor resize handle (double-headed arrow) में बदल जाता है। Click और drag करें जिस panel को ज़्यादा space चाहिए उसे दें।
Tip: Temporary focus के लिए,
Cmd+Shift+F(Mac) याCtrl+Shift+F(Windows) दबाएं ताकि active panel पूरा main area fill करे। वापस जाने के लिए वही shortcut फिर दबाएं।
Panel बंद करना
Panel के tab पर × click करें, या panel focused हो तो Cmd+W (Mac) / Ctrl+W (Windows) दबाएं। Panel बंद करने से उसके अंदर चल रहा process बंद नहीं होता। Terminals background में चलते रहते हैं और status bar में session manager से कभी भी reconnect किए जा सकते हैं।
Projects के बीच Switch करना
Left sidebar में कोई भी icon click करके switch करें। 1DevTool context switch तुरंत handle करता है:
- नए project के panels exactly वैसे restore होते हैं जैसे छोड़े थे
- पिछले project के terminal sessions background में चलते रहते हैं
- Status bar नए active project को reflect करने के लिए update होता है
Mac पर Cmd+1 से Cmd+9 या Windows पर Ctrl+1 से Ctrl+9 दबाकर sidebar में position के हिसाब से directly project पर jump करें — mouse की ज़रूरत नहीं।
Top Toolbar
Toolbar main area के ऊपर होती है और सबसे common actions तक fast access देती है:
- Layout switcher — 2×2 grid, column view, और fullscreen के बीच toggle करें (देखें Layout Modes)
- Add panel buttons — instant access के लिए हर panel type का एक button
- Project name display — reminder कि कौन सा project currently active है