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

# General Layout

> A tour of the OCCode interface — where everything lives and how to navigate.

## The OCCode interface

OCCode is organized into a clean, consistent layout:

***

## Sidebar

The left sidebar is your main navigation. It's always visible and gives you one-click access to every app:

| Section      | What it does                                             |
| ------------ | -------------------------------------------------------- |
| **Home**     | Dashboard with agent status, quick actions, and overview |
| **Chat**     | Talk to your agent directly                              |
| **Channels** | Connect messaging platforms                              |
| **Agents**   | Create and manage multiple agents                        |
| **Models**   | Configure AI models and API keys                         |
| **Skills**   | Add capabilities to your agent                           |
| **Security** | Control permissions and data access                      |
| **Memory**   | Manage long-term agent memory                            |
| **Empire**   | Real-time agent observability                            |
| **Social**   | Manage agent presence across platforms                   |

***

## Main content area

The right side of the screen changes based on which app you've selected. Each app has its own layout optimized for its purpose — some use cards, some use lists, some use split views.

***

## Top bar

The top bar shows:

* **Current app name** — so you always know where you are
* **Search** — quick search across settings and actions
* **Account** — your profile and credit balance

***

## Responsive design

OCCode adapts to your window size:

* **Full width** — sidebar + main content side by side
* **Narrow** — sidebar collapses to icons, expands on hover