> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mythex.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Workspace overview

> How the Mythex project workspace is organized — chat, preview, code, and settings.

# Workspace overview

Each project opens at `/p/:projectId` as an **agent-first workspace**.

## Layout

```
┌──────────────┬────────────────────────────┐
│ Chat         │  Preview  |  Code          │
│ (agent)      │  running app / editor      │
└──────────────┴────────────────────────────┘
```

* **Chat** — prompts, Build / Plan / Ask modes, agent progress, tool activity
* **Preview** — the running app from the sandbox
* **Code** — file tree, Monaco editor, terminal

## Mental model

1. The **sandbox** is a small cloud machine for this project only.
2. The **agent** changes files and runs commands there.
3. **Preview** shows whatever is currently running.
4. **Publish** snapshots and hosts a deployment separately from the sandbox.

## Settings & publish

From the workspace you can open project settings (env vars, GitHub, database, storage, export/import) and the **Publish** dialog.

## Related

* [Chat](/features/chat)
* [Preview & Code](/features/preview-and-code)
* [Sandbox](/features/sandbox)
* [File storage](/features/storage)
* [GitHub, export, and import](/features/github-and-export)