File tree and management

Navigating the file tree

The file tree on the left sidebar shows your entire project workspace. Folders can be expanded/collapsed by clicking the arrow next to them.

Creating files and folders

Right-click anywhere in the file tree to open the context menu:

•New File — creates a blank file in the selected folder

•New Folder — creates a new directory

You can also click the + icon that appears when you hover a folder.

Renaming

Right-click a file or folder and select Rename, or click once to select it and press F2. Type the new name and press Enter.

Deleting

Right-click → Delete. A confirmation prompt appears before the file is permanently removed.

Warning: Deletion is permanent. There is no trash or undo for file deletion.

Drag and drop

Drag a file from one folder and drop it onto another to move it. The editor tabs update automatically.

Multi-file search

Press Ctrl+Shift+F in the editor to open the project-wide search panel. Enter a search term to find all occurrences across every file. Click a result to jump to that line.

Hidden files

Files starting with a dot (e.g. .env, .gitignore) are shown in the file tree. Be careful not to commit .env files — use the Environment variables panel for secrets instead.

Binary files

Images, fonts, and other binary files appear in the tree. Clicking them opens a preview pane instead of the text editor.