Workspace

Workspace Tabs

The workspace navigation shows different tabs depending on your project type:

Website & Web App:

• Preview — Live preview of your site with toolbar (refresh, responsive views, open in new tab, start/stop workspace)
• Backend — Backend process control and logs (Web App only)
• **Documentation** — The project's docs/ folder. See Project Documentation
• Environment — Manage environment variables (Dev / Prod)
• Security — Security settings for the project
• Integrations — PostgreSQL, GitHub, and other integrations
• Deployments — Your deployment targets. Logs and monitoring live here, per target — there is no separate Monitoring tab

Newer project versions add a Specification and a System tab.

Some tabs are brought by an integration and appear only once it is enabled — Database when you connect a database, Tests when testing is on. That is why two projects can show different tabs.

Sidebar

The sidebar shows:

• Project name and description
• AI Tasks remaining and cost for current project
• Quick actions (Settings, Team, Media Library, Git)

Chat Panel

The chat panel is resizable — drag the edge to make it wider or narrower. The toolbar adjusts automatically.

Toolbar

The top toolbar provides:

• Navigation tabs
• Publish button
• Upgrade button (if higher plan features are needed)
• Git status indicator (when GitHub is connected)

Keyboard Shortcuts

• Cmd+Enter — Send chat message
• Escape — Close modals and dialogs

File browser

The file browser is available in Preview (files mode), Backend, System and Agent Flow (code).

Live refresh. When the agent writes a file during a chat turn, the file list and the file contents update immediately — no tab switch, no reload. It covers every file tool the agent has: write, edit, remove and copy. New subfolders appear in the directory you are looking at, an open file reloads when the agent changes it, and closes if the agent deletes it. Updates are batched per tool call, so one batch write of twenty files triggers exactly one refresh.