> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/tools/sections.md).

# Sections

Sections allows you to group related scenes in the playground together. Use them to organize and navigate through your work.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FbthZ4jI5Zoak9aTZB483%2Fimage.png?alt=media&amp;token=c90060b5-df48-4f60-9162-7f3347dd5ad1" alt=""><figcaption></figcaption></figure>

***

## How to use

### Create a section

{% tabs %}
{% tab title="From toolbar & shortcut" icon="border-bottom" %}

* Click  <i class="fa-square-dashed" style="color:$primary;">:square-dashed:</i> <kbd><mark style="color:$primary;">**Section**<mark style="color:$primary;"></kbd> in the toolbar or use the keyboard shortcut <kbd><mark style="color:$primary;">**S**<mark style="color:$primary;"></kbd>.
* Click and drag across an area in the playground to create the section.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fnm7QMEdkWOdVNhFXA6yn%2Fimage.png?alt=media&amp;token=22bb270b-40eb-4c93-869d-cfbc37081fa3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="From right-click" icon="hand-pointer" %}
Right click on **anywhere in the playground** and select <kbd><mark style="color:$primary;">**Create new section**<mark style="color:$primary;"></kbd><mark style="color:$primary;">**&#x20;**</mark><mark style="color:$primary;">**.**</mark>

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F9RYqGATsthcG2y9hRnue%2Fimage.png?alt=media&amp;token=1e3997aa-18b4-44f5-8dd5-96c5b72722cf" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="From selected scenes" icon="square-dashed" %}
Select multiple scenes and click <i class="fa-square-dashed" style="color:$primary;">:square-dashed:</i> <kbd><mark style="color:$primary;">**Create new section**<mark style="color:$primary;"></kbd> in the top-right menu.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F8oE8FrGrR29DYaaDrWcz%2Fimage.png?alt=media&amp;token=44865bbc-b77a-47ff-a0a1-1fec0c563f7d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

### Add scene to a section

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FUHChuFoXy9Xwdz1lbtoc%2Fimage.png?alt=media&amp;token=d35fd665-80d0-401a-9da0-93b525d0dec9" alt=""><figcaption></figcaption></figure>

There are two ways to add scenes into a section:

{% stepper %}
{% step %}

#### Drag scenes into a section

Select one or more scenes, sand drag them into the section.
{% endstep %}

{% step %}

#### Expand a section over scenes

Move or resize a section over existing scenes will add them into the section automatically.
{% endstep %}
{% endstepper %}

***

### Edit a section

{% stepper %}
{% step %}

#### Rename

Double click on the section icon to add or change the name, or right click on the section and select <kbd><mark style="color:$primary;">**Rename section**<mark style="color:$primary;"></kbd> .
{% endstep %}

{% step %}

#### Reorder

Right-click the section and select <kbd><mark style="color:$primary;">**Bring to front**<mark style="color:$primary;"></kbd> or <kbd><mark style="color:$primary;">**Send to back**<mark style="color:$primary;"></kbd>, or use the keyboard shortcuts <kbd><mark style="color:$primary;">**]**<mark style="color:$primary;"></kbd> and <kbd><mark style="color:$primary;">**\[**<mark style="color:$primary;"></kbd>.
{% endstep %}

{% step %}

#### Duplicate&#x20;

Right-click the section and select <kbd><mark style="color:$primary;">**Duplicate section**<mark style="color:$primary;"></kbd>, or use the keyboard shortcuts <mark style="color:$primary;">**⌘D**</mark>.
{% endstep %}

{% step %}

#### Resize a section

Select the section and hover over edge or corner until the resize cursor appears, then drag to resize it.
{% endstep %}
{% endstepper %}

***

### Clear a section

* Remove **only the section** — right click on the section and select <kbd><mark style="color:$primary;">**Clear section**<mark style="color:$primary;"></kbd> option.
* Remove **section and all scenes contained inside** — right click on the section and select <kbd><mark style="color:$primary;">**Delete**<mark style="color:$primary;"></kbd> or press <kbd><mark style="color:$primary;">**Delete**<mark style="color:$primary;"></kbd> on keyboard.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F26FixUr3ChRG5Dq5KRj1%2Fimage.png?alt=media&amp;token=8f6f3d11-af6a-4683-8cfe-4d13e98748c7" alt=""><figcaption></figcaption></figure>

***

### FAQ

<details>

<summary><strong>Can I select and edit multiple sections at once?</strong></summary>

Yes, you can move, resize, and most edits in the right click menu can be uased for multiple sections at once.

</details>

<details>

<summary><strong>Can I download all the scenes from the section?</strong></summary>

Yes, you can right click on any section and select download as pngs option to download all the scenes at once.

</details>

<details>

<summary><strong>Can sections overlap with each other?</strong></summary>

Yes. Moving or resizing one section across another is allowed, and never changes what's inside either one. You can use **Bring to front / Send to back** to reorder them.

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/tools/sections.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
