> For the complete documentation index, see [llms.txt](https://docs.digia.tech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digia.tech/studio-workspace/builder-tool/navigation-menu.md).

# Navigation Menu

## 🧭 Project Navigation Overview

When you open a project in our SaaS tool, the left-hand navigation pane provides quick access to all core areas of your app configuration. This guide walks you through each section and what you can do there.

***

### 📦 Builder

The **Builder** is your visual editor — a no-code/low-code interface to create, structure, and design pages for your app. Use it to:

* Add screens and layouts
* Drag and drop components
* Bind components to state or APIs
* Preview UI across devices

***

### 🌐 Global State

Manage your app’s state centrally. The **Global State** section allows you to:

* Define variables and stores shared across screens
* Set default values and persist state
* Watch live updates and bind state to UI elements

***

### 🔌 API

This is where you connect your app to external data. In the **API** section, you can:

* Add REST or GraphQL APIs
* Define request/response schemas
* Add authentication headers
* Test endpoints and use them in logic
* Mock Responses if your backend is not ready

***

### 🎨 Theme

Customize the look and feel of your app. The **Theme** tab lets you:

* Define color palettes and typography
* Configure and Add custom components that you create in code

***

### ⚙️ Functions

Add custom business logic using JavaScript. In the **Functions** section, you can:

* Write and organize reusable utility functions
* Test the functions with different values

***

### 🕒 Versioning & Release

Track changes and control releases. The **Versioning & Release** area allows you to:

* Create and manage versions of your app configuration
* Stage versions that are stable to give to QA
* Trigger release to production and manage rollouts

***

### 👥 Members

Invite collaborators to your project. In the **Members** section, you can:

* Add or remove team members
* Assign roles and permissions (Admin, Developer, Viewer, etc.)
*

***

### ⚙️ Settings

Configure project-level preferences and integrations.

***

> 📝 **Tip:** Hovering over an icon will show its label. This sidebar stays consistent across all your projects to help you navigate quickly.