# Explorer

The Explorer section, offers a visual representation of the widget hierarchy for the current page. It serves as a convenient navigational and organizational tool, enabling you to structure and manage your app's interface components effectively.

<figure><img src="/files/PqswIqIbsyVlM4E8wq93" alt="" width="563"><figcaption><p>Widgets Explorer</p></figcaption></figure>

### Drag and Drop

In the Explorer, you can drag and drop widgets from the [Toolbox](/main-pages/architect/toolbox.md) to create the desired layout and arrangement. It displays a hierarchical view of all the widgets present on the current page, allowing you to easily navigate through them.

{% hint style="warning" %}
Actually, it is only possible to drop widgets on the Explorer. Dropping on the [Application Preview](/main-pages/architect/application-preview.md) is not enable for now.
{% endhint %}

<figure><img src="/files/5vyMUN3G8MxOwYZ4SfVt" alt=""><figcaption><p>Example of a drag and drop Widget</p></figcaption></figure>

### Organize, rearrange

To interact with the Explorer, simply click on the widgets to select them and access their settings in the [Settings Panel](/main-pages/architect/settings-panel.md) section. You can also rearrange the widgets by dragging and dropping them within the Explorer.

{% hint style="info" %}
You can **Delete** or **Copy** a widget by right clicking on it.&#x20;
{% endhint %}

### Widget children

<figure><img src="/files/7mc6d5ZEnI70FGKdT1am" alt=""><figcaption><p>A widget can receive multiple children</p></figcaption></figure>

In Flutter, a widget can receive zero, one, or multiple widgets as parameters. The tree view in the Explorer section helps you understand the structure of your app by organizing widgets based on their respective parameters.

For example, if a widget accepts a "body" parameter, you will find a tree labeled "body" in the Explorer section.

### ✨ Tips

* The logo <img src="/files/RCQb9HkfmDSlzYWwvkEA" alt="" data-size="line"> means that there is an [Action Flow Editor](/main-pages/action-flow-editor.md) setup in this widget
* You can hide a widget in the [Application Preview](/main-pages/architect/application-preview.md) <mark style="color:green;">**only**</mark> by clinking the <img src="/files/qIad8YkUINTqKFD6btWl" alt="" data-size="line"> icon.


---

# 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.goril.app/main-pages/architect/explorer.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.