Manual edit

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.

The workbench includes a code editor, file tree, and preview panel.

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.

(Requires project ownership)

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

Right-click in the file tree to create new files or folders.

(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.

Access a shell environment within the workbench.

Run commands in the integrated terminal.

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 in the tab bar to open more terminals.

The terminal is containerized and operations performed within the terminal are reset on page refresh.

(Requires project ownership)

Drag and Drop: Drag files/folders onto the file tree panel. Drop on a folder to upload there, or empty space for the root.
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.

Upload files or folders using the buttons at the bottom of the file tree.