> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Editor & Tools
> Learn about the tools available in the Project Editor — the editor, preview, console, shell, and more.
The Project Editor includes layout management and integrated tools that power your app-building experience.
These Project Editor features specialize in handling specific aspects of the development process, letting you
focus on creating instead of configuring.
## Customizable Project Editor layout
The Project Editor layout management tools let you customize the components of the development environment.
It consists of the following user interface element types:
| Element | Description | Capabilities | Use Cases |
| ----------- | ----------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| **Windows** | Browser tabs that contain one or more panes | - Can be organized across multiple screens
| - Organizing the Project Editor across multiple screens
- Work on different projects simultaneously
|
| **Panes** | Sections of a window that contain one or more tabs | - Support horizontal and vertical splitting
- Can be resized and rearranged
- Can be converted to a floating pane within the window
| - View code and preview side-by-side
- Create custom layouts for different development tasks
|
| **Tabs** | Contain exactly one Project Editor tool, such as the file editor, Preview, or Agent | - Can be moved between panes and reordered within them
- Can switch between different files or tools with a single click
| - Open different tools or files when you need them
|
The following video identifies each Project Editor layout element:
## File tree
The file tree lists all the files and directories in your Replit App.
Select the 
folder icon on the left to toggle
the file tree's visibility.
You can perform the following actions in the file tree:
* Select a folder to display its contents
* Select a file or drag it to a pane to open it in a file editor
* Perform file operations such as duplicating, renaming, moving, downloading, or deleting
The following video shows several file tree actions:
## Tools dock
The tools dock lets you search for and open Project Editor tools in new tabs.
Select from commonly used tools or select the 
**All tools**
icon to open the tools search popup menu.
The following screenshot shows the open **All tools** popup menu in the tool dock:
## Run button
The **Run** button executes the Replit App's selected workflow.
The **Run** button is located at the top of the Project Editor screen. Select the button to run the workflow.
When your Replit App is running, the button label is replaced by **Stop**. Select the button to stop the app.
To learn how to select, view, and manage workflows, see [Workflows](/core-concepts/project-editor/app-setup/workflows/).
The following video shows how to view and run a workflow:
## Spotlight page
The spotlight page lets you view and modify your Replit App cover page and access sharing options.
Select your project name in the top left of the Project Editor to toggle the spotlight page.
The following video shows how to access the spotlight page:
## Options menu
The options menu lets you perform the following types of layout actions:
* **Window management**: Open the Project Editor for the Replit App in a new window
* **Pane management**: Add panes, move a pane, maximize a pane, and toggle between floating and fixed positions
* **Tab management**: Open or select other tabs, move a tab to another pane, and close a tab
Select the 
three vertical dots
located in the top right corner of the active tab to open the options menu.
The following screenshot shows the options popup menu in the left pane:
## Search bar
The search bar lets you find files, text, or tools within the Project Editor.
1. To open the search bar, select the 
magnifying glass icon at the top.
2. Enter your search text and select from the auto-complete suggestions.
The following screenshot shows the search popup menu:
## Resources panel
The resources panel displays your development environment's computing resources and usage, including RAM, CPU, and storage.
This information can help you estimate and optimize your Replit App's publishing requirements.
1. Select the 
resources icon located next to your app's name to toggle the panel.
2. Hover over the **Compute** or **Storage** line items for more detail.
The following screenshot shows the resources panel:
## Tools
To learn more about other Project Editor tools, select from the following list:
Safeguard your app's API keys, credentials, and passwords.
Rewind time to recover lost edits with Replit's version tracking feature.
Code together in real-time with two or more users.
Customize your coding experience through the Settings tool.
View your Replit App's output
Interact with the Project Editor using a command-line interface.
Preview and debug your web application.