> ## Documentation Index
> Fetch the complete documentation index at: https://docs.same.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Manual edit

> Same.new's AI code editor gives you full control. Create files and folders, access a terminal shell, and edit UI, backend, and logic with precision.

While Same builds based on your prompts, you can also directly interact with the project using the integrated workbench.

## Code Editor

Modify project files directly in the editor.

<Frame caption="The workbench includes a code editor, file tree, and preview panel.">
  <img src="https://mintcdn.com/same/6v_Kyyhq-0v66NVR/images/workbench.png?fit=max&auto=format&n=6v_Kyyhq-0v66NVR&q=85&s=c33e98d9c9f34c37268d7b8e01c7dc0d" alt="Screenshot of the Same workbench showing the code editor, file tree, and preview panel." width="1818" height="1626" data-path="images/workbench.png" />
</Frame>

**Key Features:**

* **File Tree:** Browse directories on the left. Right-click (or long-press on mobile) for options.
* **Saving:** Changes save automatically after inactivity, or manually with `Cmd/Ctrl + S`. An unsaved file shows a `Save` button in the header.
* **Read-Only Mode:** If viewing a project you don't own, you must fork it to enable editing.

### Creating Files and Folders

(Requires project ownership)

1. **Right-click** (or long-press) in the file tree on a folder or empty space (for root).
2. Select **"New File"** or **"New Folder"**.
3. Enter a name and confirm.

<Frame caption="Right-click in the file tree to create new files or folders.">
  <img src="https://mintcdn.com/same/6v_Kyyhq-0v66NVR/images/new-file-folder.png?fit=max&auto=format&n=6v_Kyyhq-0v66NVR&q=85&s=3b4501adcebe8976382cf45c033f5165" alt="Screenshot showing the file tree context menu with options for New File and New Folder." width="682" height="334" data-path="images/new-file-folder.png" />
</Frame>

### Renaming and Deleting

(Requires project ownership)

Use the right-click context menu in the file tree to rename or delete items. Deleting a folder removes all its contents.

## Terminal

Access a shell environment within the workbench.

<Frame caption="Run commands in the integrated terminal.">
  <img src="https://mintcdn.com/same/6v_Kyyhq-0v66NVR/images/terminal.png?fit=max&auto=format&n=6v_Kyyhq-0v66NVR&q=85&s=282f51d9d6279baed2f7f6a94605d5dc" alt="Screenshot of the integrated terminal within the Same workbench." width="1818" height="1628" data-path="images/terminal.png" />
</Frame>

**Key Features:**

* **Run Commands:** Execute standard commands (e.g., `bun install`, `ls`).
* **Working Directory:** Starts in `/home/project`. Use `cd` to navigate into your project folder.
* **Multiple Terminals:** Use the <Icon icon="plus" /> icon in the tab bar to open more terminals.

<Info>
  The terminal is containerized and operations performed within the terminal are
  reset on page refresh.
</Info>

## File and Folder Uploads

(Requires project ownership)

1. **Drag and Drop:** Drag files/folders onto the file tree panel. Drop on a folder to upload there, or empty space for the root.
2. **Upload Buttons:** Use the Upload File and Upload Folder buttons at the bottom of the file tree. These upload to an `uploads/` folder in the root.

<Frame caption="Upload files or folders using the buttons at the bottom of the file tree.">
  <img src="https://mintcdn.com/same/6v_Kyyhq-0v66NVR/images/upload-file-folder.png?fit=max&auto=format&n=6v_Kyyhq-0v66NVR&q=85&s=eff6e7316493ffd9ce3d00ffa976cfbd" alt="Screenshot highlighting the upload file and upload folder buttons at the bottom of the file tree." width="442" height="174" data-path="images/upload-file-folder.png" />
</Frame>
