Every project has a file tree in the sidebar that shows all your project files and folders. You can create, edit, rename, delete, and upload files directly from the browser.
File tree
The sidebar displays your project’s file structure. Click any file to open it in the editor. Folders can be expanded and collapsed.
Creating files and folders
Right-click in the file tree and select New File or New Folder. Enter a name and press Enter. You can also create nested paths — for example, typing components/header.html creates the folder and file in one step.
Editing files
Click a file to open it in the editor. Changes are saved when you press Ctrl+S (or Cmd+S on Mac). The file tab shows a dot indicator when there are unsaved changes.
Renaming
Right-click a file or folder and select Rename. Type the new name and press Enter.
Deleting
Right-click a file or folder and select Delete. A confirmation dialog appears before the file is removed.
Deleted files can be recovered from version history, but deleted folders and their contents may not be individually recoverable. Use caution when deleting folders.
Uploading files
Drag and drop files from your computer directly into the file tree. You can also right-click and select Upload to use the file picker.
Supported file types
| Category | File types |
|---|
| Code | .html, .css, .js, .ts, .jsx, .tsx, .py, .php, .rb, .go |
| Markup | .md, .mdx, .xml, .svg |
| Data | .json, .yaml, .yml, .toml, .csv, .sql |
| Config | .env, .gitignore, .dockerfile, .toml |
| Images | .png, .jpg, .jpeg, .gif, .webp, .svg, .ico |
| Fonts | .woff, .woff2, .ttf, .otf, .eot |
| Other | .pdf, .zip, .mp4, .mp3 |
Version history
Hiveku automatically creates numbered snapshots of your files as you work. To access version history:
- Right-click a file in the file tree
- Select Version History
- Browse through numbered snapshots
- Click any snapshot to preview the file at that point in time
- Click Restore to revert the file to that version
Version history is per-file, so restoring one file doesn’t affect the rest of your project. Use it freely to experiment and roll back.
How the AI manages files
When the AI assistant creates or modifies files, the changes appear in the file tree with badge indicators. You can review AI-made changes in the editor just like any other edit, and undo them with version history if needed. 
