Skip to main content

Keyboard shortcuts

Studio shortcuts (macOS โŒ˜ / Windowsโ€“Linux Ctrl). They're ignored while you're typing in a text field.

ShortcutAction
โŒ˜BToggle the File Explorer sidebar
โŒ˜โŒฅBToggle the Inspector (right sidebar)
โŒ˜JShow / hide the bottom panel
โŒ˜DMove the panel between bottom โ†” right
โŒ˜FMaximize / restore the panel (Esc also restores)
โŒ˜TNew 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:

Trq Studio 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.

Sidebar hidden with Command-B

โŒ˜J โ€” show / hide the bottom panelโ€‹

The browser expands to fill the freed space.

Bottom panel hidden with Command-J

โŒ˜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.

Panel docked to the right with Command-D

โŒ˜F โ€” maximize / restore the panelโ€‹

The panel fills the editor area for a focused read of the run; Esc restores it.

Panel maximized with Command-F

โŒ˜B + โŒ˜J โ€” focus modeโ€‹

Hide both the sidebar and the panel for a distraction-free view of the page.

Sidebar and panel hidden together

โŒ˜โŒฅB โ€” toggle the Inspectorโ€‹

Opens the right-hand Inspector (Elements): a live DOM tree, plus an accessibility tooltip for the element under the cursor.

Inspector open with Command-Option-B โ€” a live DOM tree and an accessibility tooltip

โŒ˜T โ€” new tabโ€‹

Opens another browser tab in the same session.

New tab with Command-T

โŒ˜, โ€” edit metadataโ€‹

Opens the Metadata drawer for the selected session.