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

# Navigation Overview

> Tour the admin shell: top nav, drill-down sidebar, community context, and + New button

The Control Room has a consistent three-zone layout: **top nav** (global context), **drill-down sidebar** (navigation), and **main content** (whatever you're working on). A **floating AI chat** rides along the right edge on every page.

## Top nav

<CardGroup cols={2}>
  <Card title="Org logo + name" icon="building">
    Your uploaded org logo sits top-left. Click it to return to the org dashboard.
  </Card>

  <Card title="Org switcher" icon="arrow-right-arrow-left">
    If your account belongs to multiple orgs, switch between them here. Jumps you to the new org's dashboard, isolates the cookie, re-applies the new theme.
  </Card>

  <Card title="Community dropdown" icon="users">
    Pick which community you're editing. Changing community swaps all the community-scoped content in the admin (challenges, rewards, achievements, theme).
  </Card>

  <Card title="+ New button" icon="plus">
    Unified create button. Pick what to make: Challenge, Reward, Achievement, Post, Leaderboard, Game, etc.
  </Card>

  <Card title="AI button" icon="robot">
    Opens the Nudj Agent chat. See [Nudj Agent](/admin-guide/ai-agent).
  </Card>

  <Card title="Theme toggle + account" icon="user">
    Light/dark mode, profile, sign-out.
  </Card>
</CardGroup>

***

## Drill-down sidebar

The sidebar groups features into collapsible sections. Clicking a section **expands inline** — you don't leave the page until you click a specific destination.

Top-level sections:

| Section                   | Contains                                                              |
| ------------------------- | --------------------------------------------------------------------- |
| **Dashboard**             | Community home + live activity                                        |
| **Engagement**            | Challenges, Rewards, Achievements, Posts, Feed, Messages, Referrals   |
| **Gamification**          | Leaderboards, Streaks, Level Settings, Loyalty Tiers, Games, Currency |
| **Users**                 | User list, analytics, rewards, achievement progress                   |
| **Community**             | Per-community settings (theme, rules, navigation layout)              |
| **Organisation Settings** | Org-level settings (team, branding, domains, integrations)            |

Studio/edit pages (challenge edit, reward edit, etc.) have their own **inner studio sidebar** with form steps and insights — separate from the main nav sidebar.

***

## Community context in the nav bar

The top nav always shows which **community** you're currently editing. Switching community:

* Rewrites the community cookie
* Swaps in that community's theme (light vs dark mode, fonts)
* Navigates to the community's `/admin` dashboard
* Re-scopes every sidebar item to that community's content

<Tip>
  If you're managing multiple communities, pick the correct community **before** you click + New — otherwise you'll create the content in the wrong place.
</Tip>

***

## Main content area

This is your working surface. Two patterns dominate:

* **List pages** (Challenges, Rewards, Users): redesigned table with sticky columns, filter drawer, persisted sort, and bulk actions.
* **Studio/edit pages**: left column is a **form-step sidebar** (e.g. *Basic Info / Content / Distribution / Scheduling*), right column is a **live preview** for themeable entities.

See [Challenge Management](/admin-guide/challenges/management) for list-page controls and [Creating Rewards](/admin-guide/rewards/creating-regular-rewards) for studio-layout details.

***

## AI chat panel

The right edge of every admin page holds a collapsible **AI chat panel**. Open it to ask the Nudj Agent to build, edit, or explain anything. See [Nudj Agent](/admin-guide/ai-agent).

***

## Mobile & responsive

The shell collapses cleanly to tablet/mobile — the drill-down sidebar becomes a drawer, studio previews hide by default, and the top nav condenses to icons. Screenshots throughout these docs are taken at desktop width; mobile views are visually equivalent.
