# Toolbox

The Architect Toolbox provided a collection of essential tools to streamline your app design process. Efficiently design and organize your app using the tools available.

<figure><img src="/files/z9kPGP0JGIUlgRXtwlrF" alt=""><figcaption><p>Architect Toolbox</p></figcaption></figure>

Here, you'll find four key tools at your disposal :&#x20;

1. Widgets Showroom: Explore and select widgets for the Widgets Explorer.
2. Pages List: Manage and navigate through app pages.
3. Components List: Reuse and manage components across the app.
4. Custom Widgets List: Manage custom widgets.

## Widgets Showroom

In the Widgets Showroom you can navigate and search through all the widgets and drag and drop them into the[Explorer](/main-pages/architect/explorer.md)to create the desired layout and arrangement.

{% 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 %}

## Pages List

<figure><img src="/files/IIXruhayfWkek2to75t5" alt="" width="375"><figcaption><p>Pages List</p></figcaption></figure>

In the Pages List you can navigate, create, delete and search through all the pages in your project.

To **Create** a new page click on the **Add New Page** button and fill the name of the page.

To **Delete** a page, click on the contextual menu at the right of the card of the page.

{% hint style="info" %}
To open a page in the [Explorer](/main-pages/architect/explorer.md) click on it on the Pages List.&#x20;

The **Explorer,** **Application Preview** and **Settings Panel** will update with the clicked page's information.
{% endhint %}

## Components List

<figure><img src="/files/J4zfM0sxGogsAGRBSjcL" alt="" width="375"><figcaption><p>Components List</p></figcaption></figure>

In the Components List you can navigate, create, delete and search through all the custom components in the project.

To **Create** a new component click on the **Add New Component** button and fill the informations.

To **Delete** a component, click on the contextual menu at the right of the card of the component.

{% hint style="info" %}
To open a component in the [Explorer](/main-pages/architect/explorer.md) click on it on the Components List.&#x20;

The **Explorer,** **Application Preview** and **Settings Panel** will update with the clicked components information.
{% endhint %}

### ✨ Tips

Create a custom components to your needs and use it anywhere you want in your project !

The custom component like a classic component, drag and drop it in the [Explorer](/main-pages/architect/explorer.md) !

## Custom Widgets List

<figure><img src="/files/JXRwqXNAaOwfuQTQO22b" alt="" width="375"><figcaption><p>Custom Widgets List</p></figcaption></figure>

In the Custom Widgets List you can navigate and search through all the custom widgets in the project.&#x20;

To **Create** a custom widget, check [Custom Widgets](/main-pages/custom-code/custom-widgets.md)

{% hint style="info" %}
The difference between Custom Component and Custom Widget is the way they are created. Custom Component are created the graphic way and and Custom Widget the code way.
{% endhint %}

### ✨ Tips

The custom component like a classic component, drag and drop it in the [Explorer](/main-pages/architect/explorer.md) !


---

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