# Editor Overview

{% embed url="<https://youtu.be/fBT6djVTmaA>" %}

After creating a new AI Agent, you’ll land in the MindStudio Editor. The editor is made of two key areas: the **Explorer** and the **Navigator** (commonly referred to as the **Workspace Area**).

### **Explorer Tab**

On the left you’ll find the **Explorer Tab.** This is where you'll find all of the resources used to build your AI Agents.

<figure><img src="https://3216313986-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpGwRPnWO6pBvzbcecqLI%2Fuploads%2F7mM27GGuxRttt0I0zn19%2FScreenshot%202025-06-19%20at%201.57.24%E2%80%AFPM.png?alt=media&#x26;token=79e19fff-a19d-4290-9751-5296c712fc9e" alt=""><figcaption></figcaption></figure>

### Types of Resources

#### **Data Sources**

Upload and vectorize files to leverage Retrieval Augmented Generation (RAG) in your AI workflows.

![](https://3216313986-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpGwRPnWO6pBvzbcecqLI%2Fuploads%2FvfHARWPLPVoPpUGgZ3Qc%2FFrame-1.jpg?alt=media\&token=0ce3402d-135a-4ba7-bf2a-24fdffc0a87f)

Learn more about Data Sources →

#### **Functions**

Execute JavaScript code in your workflow.

![](https://3216313986-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpGwRPnWO6pBvzbcecqLI%2Fuploads%2FUfqwo2rW9gFbmulrKKpd%2FFrame-2.jpg?alt=media\&token=c140b1c1-fac2-4401-be9e-fa245554e427)

Learn more about Functions →

#### **User Inputs**

Interfaces that humans interact with to provide context to the AI Agent.

![](https://3216313986-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpGwRPnWO6pBvzbcecqLI%2Fuploads%2F48fLHpcKOK8x33Dkqxuy%2FFrame-3.jpg?alt=media\&token=3095b2b7-2c93-4487-9be0-f00e7736ac20)

Learn more about User Inputs →

#### **Workflows**&#x20;

Sequences of automated actions that your AI Agents follow when they are run.

![](https://3216313986-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpGwRPnWO6pBvzbcecqLI%2Fuploads%2F1NqYc1HB6Y3sMNtxnXhG%2FFrame-4.jpg?alt=media\&token=5393276a-7072-4263-b253-36e938c098b4)

Learn more about Workflows →

### Navigator

The large area covering the rest of the Editor if the Main Workspace, also refer to as the **Navigator**. This area will change depending on what you have selected. By default, the Editor will open on the `Main.flow` workflow and have the **Prompt Tab** open.

<figure><img src="https://3216313986-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpGwRPnWO6pBvzbcecqLI%2Fuploads%2FjfZaAumlHvdlY8i5zNYj%2FScreenshot%202025-06-19%20at%201.58.28%E2%80%AFPM.png?alt=media&#x26;token=59d45ec4-6822-48a0-905a-06909a0d48bd" alt=""><figcaption></figcaption></figure>

### Additional Global Controls

#### Top Bar

The Top Bar in the Editor contains the following controls:

* **Back Button:** Navigates to the Workspace Overview Screen
* **Title:** Access general AI Agent Settings
* **Preview Button:** Opens a draft preview of the AI Agent
* **Publish Button:** Saves and deploys all changes to the AI Agent

#### Bottom Bar

The bottom bar of the Editor contains the following controls:

* **Workspace Name:** Click to access workspace settings
* **Help & Support:** Access video tutorials, documentation, and live support chat
* **Collapse Controls:** Opens and closes the left and right columns of the Editor