Site Editor

A full-featured file manager and code editor for browsing, editing, and managing your site's files directly in the browser — no FTP or terminal required.

Key Features

• File Explorer: Browse the complete file tree, create files and folders, rename, move, and delete items
• Multi-tab Editor: Open multiple files at once in a tabbed code editor with syntax highlighting and drag-to-reorder tabs
• Version History: Every saved file is versioned — view past versions, compare changes, and restore any previous state
• Bookmarks: Save shortcuts to frequently visited folders for one-click navigation
• Upload & Download: Upload files from your computer, or download any file or folder as a zip archive
• Image Editor: Rotate, flip, crop, and resize images directly in the browser, then save in place
• Pages Quick-Open: Load all source files associated with any registered page in one click via the Pages dropdown
• Environments: Save and restore named sets of open tabs — useful for switching between different workspaces
• AI Assistant: Launch the built-in AI coding assistant in a side panel to get help writing or editing code

How to Use

Browsing Files

1. The left panel shows the file tree for the current directory
2. Click any folder to expand it and see its contents
3. Click any file to open it in the editor
4. Use the breadcrumb trail at the top to navigate back up

Editing Files

1. Open a file by clicking it in the file tree
2. Edit directly in the code editor — changes are highlighted
3. Click Save in the toolbar to save, or Revert to undo all unsaved changes
4. Click Cancel to close the file without saving

Managing Files

• Click the file icon in the explorer header to create a new file
• Click the folder+ icon to create a new folder
• Click the upload icon to upload files from your computer
• Right-click any file or folder for rename, move, download, and delete options

Version History

1. Open a file and click Versions in the toolbar
2. Browse the list of saved versions with timestamps
3. Click any version to preview it, then restore if needed

Bookmarks

1. Navigate to any folder in the file tree
2. Click the bookmark icon in the Bookmarks section to save it
3. Click a saved bookmark to jump directly to that folder

Environments

1. Open the files you want to work with across multiple tabs
2. Click Environments → Save Environment and give it a name
3. Later, select the same environment from the dropdown to restore those tabs

AI Assistant

• Click the AI Assistant button in the toolbar to open the assistant panel
• Ask it to write, explain, or fix code — it can save files directly to the editor

Tips

• Use the Pages dropdown to instantly open all files for any page you want to work on — it opens the PHP, view, JS, and CSS files together
• Bookmarks are saved per user, so your shortcuts persist between sessions
• Downloading a folder as a zip is a quick way to back up a section of your site before making large changes