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

# Dashboard & workspace tour

> Find your way around Mythos — start a project from the prompt box, manage projects in the tray, and build or edit in the workspace: chat left, preview right.

Mythos has two main screens. The **dashboard** is where you start projects and find the ones you
already have. The **workspace** is where a single project lives — you build and edit it there, with
a chat conversation on the left and a live preview (or the code editor) on the right. This page is a
tour of both.

<Note>**Cost:** starting a new project costs **3 credits**; each edit costs **2**. New accounts start
with **5 free credits**. See [Credits & pricing](/introduction/credits-and-usage).</Note>

## Dashboard vs workspace

* The **dashboard** (`/dashboard`) is your home base — a greeting, the prompt box, and a tray of your
  projects and templates.
* The **workspace** (`/workspace/<id>`) is one project open for work — chat on the left, preview or
  code on the right.

You reach the workspace by starting a new project from the prompt box, or by opening an existing one
from the tray.

## The dashboard

When you sign in, you land on the dashboard. It has three parts: the prompt box, the project tray,
and the sidebar.

### The prompt box

At the top of the dashboard is the prompt box — the single starting point for a new project. Type
what you want to build and send it; Mythos creates the project and takes you into its workspace.

The prompt box has a few controls:

* **Stack picker** — choose **React** (Vite) or **Next.js** for the new project. React is the
  default.
* **Plan toggle** — turn on **Plan** to have Mythos ask a few questions and show you a plan before it
  writes any code. Off by default. See [Build vs Plan](#build-vs-plan-mode) below.
* **Voice input** — dictate your prompt instead of typing.

A first prompt to try:

```text theme={null}
Create a landing page for a coffee roaster called North Slope —
hero, our beans, wholesale, and a contact form. Warm, minimal look.
```

<Tip>Name the sections you want and the tone in your first prompt. A clear first prompt often gets you
there in one build instead of several edits. See [Writing good prompts](/prompting/writing-good-prompts).</Tip>

### The project tray

Below the prompt box, the tray shows your work as cards. A segmented control switches between two
tabs:

* **My projects** — the projects you've built. Each card links into that project's workspace.
* **Mythos templates** — ready-made starters you can remix into a new project.

The tray shows your most recent few; **Browse all** opens the full list. Each project card has a menu
(the **⋯** button) to open the project in a new tab, jump to its settings, or delete it.

<Warning>Deleting a project is permanent — it removes the project's code and history and cannot be
undone. Your credits are not affected by a deletion. Mythos asks you to type the project name to
confirm.</Warning>

### The sidebar

The left sidebar is your navigation. It holds:

* **Dashboard** — back to this home screen.
* **Search** (⌘K / Ctrl+K) — jump to any project by name.
* **Skills** — manage the skills the agent can use when building.
* **Share Mythos** — your referral link.
* **All projects** and **Templates** — the full lists.
* **Recents** — your most recently opened projects.
* The **account menu** at the bottom — your profile, billing, documentation, support, and sign out.

## The workspace

Opening a project — or starting a new one — takes you to its workspace. The layout is two columns:

* **Left: chat.** The conversation with Mythos. You describe what to build or change here, and watch
  progress stream as it works.
* **Right: preview / code.** A live preview of the running app. You can switch this side to the code
  editor when you want to change files directly.

### Build vs Plan mode

Every prompt runs in one of two modes, set by the **Plan** toggle:

* **Build** (default) — Mythos goes straight to writing code. Fastest path from prompt to preview.
* **Plan** — before writing any code, Mythos asks a few clarifying questions, shows up to three
  rendered design directions to choose from, and presents a short plan for you to approve. Only then
  does it build.

Planning itself is free — you answer questions and approve a plan at no cost, and only spend credits
when the build actually runs. Plan mode is best for a first build where the direction matters; Build
mode is best for quick edits and when you already know what you want. See
[Plan mode](/features/plan-mode) for the full flow.

<Note>On the dashboard prompt box, the Plan toggle carries into the new project's first generation. In
the workspace you can switch between Build and Plan for each new message.</Note>

## How a build looks while it runs

When you send a prompt, the chat shows the build in progress and then a result. Generation is
asynchronous, so you wait through a few states:

| State     | What you see                                            | What you do                                     |
| --------- | ------------------------------------------------------- | ----------------------------------------------- |
| Building  | A live progress card in the chat                        | Wait — a single page is usually a minute or two |
| Delivered | A result card, and the preview updates                  | Open the preview, then iterate or publish       |
| Refunded  | A short message that something went wrong, credits back | Re-prompt — you were not charged                |

Every generation ends in exactly one of two outcomes: a delivered result, or a clean message plus a
full refund. You are only charged when a build delivers.

## Good to know

* The dashboard prompt box always **starts a new project**. To change an existing project, open it
  from the tray and prompt inside its workspace.
* The workspace IDE works on desktop. On a small screen the code editor is not available — build and
  edit by chat instead.
* Each project is a real, private Git repository, and building and editing are commits in it. Connect
  your GitHub account once and you can export a clean copy that is yours. (Mythos keeps its own
  internal build copy.)

## FAQ

<AccordionGroup>
  <Accordion title="What's the difference between the dashboard and the workspace?">The dashboard is where you start projects and see all of them. The workspace is a single project open for work, with chat on the left and a preview or the code editor on the right.</Accordion>
  <Accordion title="How do I edit a project I already made?">Open it from the project tray (or Recents in the sidebar) to enter its workspace, then describe the change in chat. Editing happens inside the project, not from the dashboard prompt box.</Accordion>
  <Accordion title="What does the Plan toggle do?">It switches the next build between Build mode (straight to code) and Plan mode (questions, a few design directions, and a plan you approve first). Planning is free; you only spend credits on the build.</Accordion>
  <Accordion title="Can I pick React or Next.js?">Yes. The prompt box has a stack picker — choose React (Vite) or Next.js before you send your first prompt.</Accordion>
  <Accordion title="Is deleting a project reversible?">No. Deleting removes the project's code and history permanently. Your credits are not affected, and Mythos asks you to type the project name to confirm.</Accordion>
</AccordionGroup>

## Related

* [Quick start](/introduction/getting-started) — build and publish your first project.
* [Plan mode](/features/plan-mode) — questions, three designs, then build.
* [Writing good prompts](/prompting/writing-good-prompts) — get more from each build.
* [Credits & pricing](/introduction/credits-and-usage) — what each action costs.
* [Signing in](/introduction/sign-in) — get an account first.