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

# Home Page Tour

> A guided tour of the ZeroTwo interface — sidebar, prompt bar, topbar, studio pages, and side panels.

When you first log in to ZeroTwo, you land on the main chat interface. If this is your first visit, you will see a welcome screen with suggested starter prompts. On subsequent visits, your most recent conversation opens automatically. This page explains every element of the interface so you can navigate with confidence.

***

## Interface at a Glance

The ZeroTwo workspace is organized into four main regions:

| Region             | Location              | Purpose                                                                           |
| ------------------ | --------------------- | --------------------------------------------------------------------------------- |
| **Left Sidebar**   | Far left, full height | Chat history, projects, navigation links, settings                                |
| **Topbar**         | Top edge              | ZeroTwo logo, studio nav links (Images, Video, Audio, Files, Tasks, Agents, Apps) |
| **Main Chat Area** | Center                | Conversation thread or welcome screen                                             |
| **Prompt Bar**     | Bottom of main area   | Text input, model selector, tool pills, file attachment                           |

Two **side panels** can appear on the right side of the main area during active tool use:

* **Sources Panel** — appears when Web Search is active, showing cited pages
* **Agent Activity Panel** — appears when Agent Mode is running, showing step-by-step progress

***

## Left Sidebar

The left sidebar is your primary navigation panel.

### New Chat Button

At the top of the sidebar, the **pencil / compose icon** opens a fresh conversation. You can also press **Ctrl/Cmd+Shift+O** from anywhere in the app for the same effect.

### Chat History

All previous conversations are listed below the New Chat button, newest first. ZeroTwo automatically generates a title for each chat based on its content.

* Click any chat to reopen it
* Right-click (or use the three-dot menu) on a chat to rename, delete, move to a project, or share it
* Use the **search bar** at the top of the sidebar to find a past conversation by keyword

<Tip>
  Use the search bar in the sidebar to quickly find old conversations. ZeroTwo searches across chat titles and message content.
</Tip>

### Projects

Projects appear in the sidebar below your recent chats. Each project is a folder grouping related chats, files, and shared custom instructions. Click a project name to expand it and see its contents.

* **Free plan:** 1 project
* **Pro and above:** Unlimited projects

### Navigation Links

Further down the sidebar (or accessible from the topbar) are links to other sections of the platform:

| Link       | Route   | What You'll Find                                                     |
| ---------- | ------- | -------------------------------------------------------------------- |
| **Files**  | /files  | Your uploaded file library — browse, preview, and reuse past uploads |
| **Tasks**  | /tasks  | Scheduled and background tasks created by Agent Mode                 |
| **Agents** | /agents | Build and manage custom agents                                       |
| **Apps**   | /apps   | Connected third-party integrations overview                          |

### User Avatar and Settings Gear

At the very bottom-left of the sidebar:

* Your **avatar** displays your profile picture. Click it to open a menu with account options.
* The **gear icon** opens the full **Settings dialog**. See [Settings Overview](/getting-started/settings-overview) for details on all 11 tabs.

***

## Topbar

The topbar runs across the top of the application and provides quick access to the Studio pages and app sections. It includes:

* **ZeroTwo logo** (top-left) — clicking it returns you to the main chat view
* **Studio nav links:** Images, Video, Audio — each opens a dedicated generation page
* **App links:** Files, Tasks, Agents, Apps

### Navigating to Studio

Click **Images**, **Video**, or **Audio** in the topbar to open the corresponding Studio page:

<CardGroup cols={2}>
  <Card title="Image Studio" icon="image" href="/studio/images">
    Generate images with AI at **/studio/images**. Supports multiple models and style controls.
  </Card>

  <Card title="Video Studio" icon="video" href="/studio/video">
    Generate and edit video content at **/studio/video**.
  </Card>

  <Card title="Audio Studio" icon="music" href="/studio/audio">
    Generate audio and voiceover at **/studio/audio**.
  </Card>

  <Card title="Files Library" icon="file" href="/files">
    Browse and reuse all your uploaded files at **/files**.
  </Card>
</CardGroup>

***

## Main Chat Area

The center of the screen shows the active conversation thread.

* **Your messages** appear with an edit button on hover — editing a message regenerates the AI response from that point forward
* **AI responses** appear with action buttons on hover: Copy, Share, Thumbs Up, Thumbs Down, and Regenerate
* **Model indicator** — each AI response shows a small label of which model generated it
* When no chat is active, a **welcome screen** is shown with starter prompt suggestions

***

## Prompt Bar

The prompt bar at the bottom of the chat area is the main input for interacting with ZeroTwo.

### Text Input

Click anywhere inside the prompt bar and start typing. The input supports full markdown. Press **Enter** to send; press **Shift+Enter** to insert a new line without sending.

### Model Selector

The name of the currently active model appears as a clickable label inside the prompt bar. Click it to open the **model picker** — a panel where you can browse and select from 95+ models across 19 providers.

[Learn about choosing a model →](/getting-started/choose-a-model)

### Tool Pills

Tool pills are toggle buttons that activate specific capabilities for your message:

| Pill              | What It Enables                                                               |
| ----------------- | ----------------------------------------------------------------------------- |
| **Web Search**    | Real-time web search with 8 focus modes                                       |
| **Deep Research** | Multi-step comprehensive research report                                      |
| **Canvas Mode**   | Interactive editor (rich text, code, spreadsheet, diagram, slides, HTML, SVG) |
| **Agent Mode**    | Autonomous multi-step task execution                                          |
| **Voice**         | Real-time WebRTC voice conversation                                           |

Click a pill to enable it (highlighted = active). Click again to disable.

[Learn about all tools →](/getting-started/choose-a-tool)

### File Attachment (Paperclip Icon)

Click the **paperclip icon** in the prompt bar to open a file picker. You can also drag and drop files directly onto the chat area. Supported formats include PDFs, images, audio, video, code files, and data files.

[Learn about file uploads →](/getting-started/upload-your-first-file)

### @ Connector Mentions

Type `@` in the prompt bar to bring up a list of your connected apps. Selecting a connector grants the model access to that data source for the current message — for example, `@google-drive` to reference files from your Drive, or `@github` to access your repositories.

***

## Opening Settings

There are two ways to open Settings from anywhere in the interface:

1. Click the **gear icon** at the bottom-left of the sidebar
2. Click your **avatar** at the bottom-left and select **Settings** from the menu

The Settings dialog opens as an overlay. Close it by clicking outside the dialog or pressing **Escape**.

[Full Settings Overview →](/getting-started/settings-overview)

***

## Keyboard Shortcuts

| Action              | Shortcut               |
| ------------------- | ---------------------- |
| New chat            | Ctrl / Cmd + Shift + O |
| Send message        | Enter                  |
| New line in message | Shift + Enter          |

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Send Your First Chat" icon="message-square" href="/getting-started/first-chat">
    Learn how to send a message, attach files, and work with AI responses.
  </Card>

  <Card title="Choose a Tool" icon="zap" href="/getting-started/choose-a-tool">
    Explore the tool pills and when to use each one.
  </Card>

  <Card title="Upload a File" icon="upload" href="/getting-started/upload-your-first-file">
    Attach documents, images, audio, video, and more to your chats.
  </Card>

  <Card title="Settings Overview" icon="settings" href="/getting-started/settings-overview">
    Configure your workspace, connect apps, and set your preferences.
  </Card>
</CardGroup>
