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, screenshot)
• Backend — Backend process control and logs (Web App only)
• Environment — Manage environment variables (Dev / Prod)
• Integrations — PostgreSQL, GitHub, and other integrations

Agent Flow:

• Overview — Workflow diagram and agent configuration
• Runs — Execution history with status and output
• Inbox — Messages from your agents
• Logs — Detailed execution logs
• Code — View and edit agent code
• API — Auto-generated API documentation
• Memory — Persistent agent memory

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