# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.digia.tech/studio-workspace/builder-tool/navigation-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.