# 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="/files/iTdSEcimFNpIw2wLbp9I" alt=""><figcaption></figcaption></figure>

### Types of Resources

#### **Data Sources**

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

![](/files/GlzZ8wLue5qvAIFWrwY3)

Learn more about Data Sources →

#### **Functions**

Execute JavaScript code in your workflow.

![](/files/tHEEHB80deIvLWElYBqz)

Learn more about Functions →

#### **User Inputs**

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

![](/files/WxfX76WdiaSY7D2zMJ18)

Learn more about User Inputs →

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

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

![](/files/ntXEfAb8Aa9o8TYIeO8H)

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="/files/QKCOt3JqxDn9aaL2iSzB" 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


---

# 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://university.mindstudio.ai/docs/building-ai-agents/editor-overview.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.