# Navigating Movable UI

#### **Overview**

The platform now includes an enhanced user interface that features **movable and resizable windows** along the left, right, and bottom edges of the screen. These improvements enable more flexible workspace customization and allow users to prioritize specific tools or views during their workflows.

The new UI is organized into three main regions:

* **Left Panel:** Hosts the primary action features, such as Data Layers, Controls, Settings, etc...
* **Right Panel:** Displays context-sensitive tools like **Viewshed Mode** and **Metadata Mode**.
* **Bottom Panel:** Contains media tools including image and video management.

This image displays the default layout with all three windows active. The **Viewshed panel** is open on the right, the **Data Layers** panel on the left, and the **media panel** is docked at the bottom. These panels are now fully adjustable, supporting both movement and size scaling.

**How To Use**

<figure><img src="/files/uFcNG6O9YFEfRfjl44P5" alt=""><figcaption></figcaption></figure>

Each window includes a dedicated **"X" button** to close the panel. These buttons are located in the top-right corner of the right and bottom panels, and in the top-left corner of the left panel.\
**User Tip:** When you close a panel, the next time you reopen it, it will retain the same dimensions it had before being closed.

<figure><img src="/files/NJjV3BMR1gImhAiAl8AX" alt=""><figcaption></figcaption></figure>

Panels can be resized using the **handle bars** highlighted in this image:

* The **left panel** has been minimized. There is a lower limit to prevent excessive shrinking that could prevent user interaction.
* The **right panel** has been expanded. Similarly, it has an upper limit to preserve visibility of the main viewport.
* The **bottom panel** is also resizable. However, when expanded, it will **overlap** both the left and right panels. This overlapping is intentional to preserve the game viewport while managing media assets.

<figure><img src="/files/ZFfbB6VYliHVs5xy8dxZ" alt=""><figcaption></figcaption></figure>


---

# 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.aeroai.io/siega-features/other-features/navigating-movable-ui.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.