Tabs and visibility
How the editor is laid out and where the tabs you cannot see are hiding.
On this page
Opening a project puts you in the editor. Chat runs down the left, and the rest of the window is one work area that switches between tabs.
The header
The top left of the editor holds the Modulify mark, then the folder the project lives in if it is in one, then the project name. The mark turns into a menu icon on hover and opens the navigation drawer, the same sidebar you get on the dashboard. The folder crumb opens that folder.
Clicking the project name opens the project menu. It opens with the workspace this project belongs to, its plan and member count, and the AI credits left in it with the reset note. Clicking the credits opens the plan and credits window over the editor, so you never leave the project. Under that:
| Item | What it does |
|---|---|
| Copy Project Link | Copies the dashboard link, which only workspace members can open |
| Copy Published App Link | Copies the live site address |
| Duplicate | Copies the project and opens the copy |
| Transfer | Invites someone else to take ownership |
| Move to Workspace | Moves it to another workspace you belong to |
| Move to Folder | Puts it in a folder, and the folder appears in the header |
| Remove from Folder | Only shown while the project is in a folder |
| Delete | Deletes the project and sends you back to the dashboard, shown last and in red |
Copy Published App Link is disabled until the site has been published at least once, with the tooltip This project has not been published yet. Items you lack permission for are disabled rather than hidden, and the tooltip says which permission is missing.
Moving the project to another workspace takes it out of its folder, so the folder disappears from the header. Settings live on the Settings tab behind More, and the live site is opened from the publish controls.
The right end of the same bar is the publish side of the header, and Share is the first control on it. While other people have the project open with you, their avatars sit to the left of Share. The group needs at least two of you before it appears, so a project you are in on your own shows nothing there.
Five avatars are shown at most. Anyone past that collapses into a single count chip at the head of the stack, reading +3 when three more people are in, and stopping at +50+ once more than fifty are hidden behind it. Each avatar is that person's profile picture, or a generated one if they have not set a picture. Hovering one names them, cut off after 25 characters, with (You) on the end of your own.
The tab strip
The tab strip is the rounded pill at the top of the work area. It holds four tabs plus a More button:
- Preview
- CMS
- Analytics
- Storage
- More
Preview is the one tab that is always on the strip. The rest of the pinned set is not fixed, so a tab you cannot find there is behind More rather than missing.
A tab shows its icon only until you select it, and then its name appears next to the icon. More always shows its name.
Each tab has its own address, so the URL always tells you where you are. The Preview tab is /dashboard/projects/<your-project>, and the others add a segment such as /backups or /logs. Reloading the page or sharing the link with a teammate lands on the same tab.
What is behind More
Ten more tabs live behind More. They are not on the strip because most sessions never need them:
| Tab | What it is for |
|---|---|
| Secrets | API keys and environment values your site reads at runtime |
| File Explorer | Browse and read the source files of your site |
| Backups | Code snapshots you can restore, and storage and database archives you can download |
| Publishes | The record of every publish of this project |
| Webhooks | Endpoints your site calls out to, and their deliveries |
| Crons | Scheduled jobs that belong to your site |
| Logs | Console and server output from the preview, production and publishing |
| Domain | The addresses this site answers on |
| Preferences | Which AI models this site uses for pictures and clips, and what they may cost |
| Settings | Project name, description, category, region, thumbnail and the Danger zone |
Click More and the work area switches to one of them, with all ten listed down the left so you can move between them. The first time you use it you land on Secrets, and after that More reopens whichever of the ten you used last.
When the work area is narrow, More opens the list of ten as a drawer over the content instead. Picking one closes the drawer.
The chat panel
The panel on the left is chat. The sidebar icon next to the project name collapses it, and the tooltip reads Hide chat or Show chat. Collapsing gives the work area the full window width. If you have the comment tool on, that panel shows comments instead, and the tooltip changes to Hide comments.
On a phone the layout stacks, and a Chat tab joins the tab strip so you can swap between the conversation and the work area.
Shared and public projects
Someone opening a public link to your project gets the Preview tab and nothing else. There is no More button for them, so no files, logs, secrets or settings.
They do not get the avatar group either. If you have turned cloning on, a Clone button sits in that part of the header instead, and it drops a copy of the project into their own workspace. Sharing and cloning covers the switches behind that.
Next
- Use the preview covers the tab you will spend most of your time in.
- Site chat is the panel on the left.
- Backups explains the code, storage and database backups behind More.
- Project settings covers the last tab in the list, and the Danger zone in it.