Keyboard shortcuts
Studio shortcuts (macOS โ / WindowsโLinux Ctrl). They're ignored while you're typing in a text field.
| Shortcut | Action |
|---|---|
โB | Toggle the File Explorer sidebar |
โโฅB | Toggle the Inspector (right sidebar) |
โJ | Show / hide the bottom panel |
โD | Move the panel between bottom โ right |
โF | Maximize / restore the panel (Esc also restores) |
โT | New tab |
โ, | Edit metadata for the selected session |
The panel's โฎ menu shows these dock/maximize shortcuts inline too.
What each one doesโ
The default layout โ sidebar on the left, bottom panel docked below:
โB โ toggle the File Explorer sidebarโ
Hide it to give the page more room; press again to bring it back.
โJ โ show / hide the bottom panelโ
The browser expands to fill the freed space.
โD โ dock the panel bottom โ rightโ
Move Events/Console/Network to a side column when you want the page and the log visible at once.
โF โ maximize / restore the panelโ
The panel fills the editor area for a focused read of the run; Esc restores it.
โB + โJ โ focus modeโ
Hide both the sidebar and the panel for a distraction-free view of the page.
โโฅB โ toggle the Inspectorโ
Opens the right-hand Inspector (Elements): a live DOM tree, plus an accessibility tooltip for the element under the cursor.
โT โ new tabโ
Opens another browser tab in the same session.
โ, โ edit metadataโ
Opens the Metadata drawer for the selected session.