# Control Bar

There are currently 9 areas within the Curator Control Bar. 

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

From left to right, these areas are:

<table><thead><tr><th width="202">Control Bar Label</th><th>Usage</th></tr></thead><tbody><tr><td>Add / Import</td><td>Add objects to the canvas</td></tr><tr><td>3D Preview</td><td>Enter non-interactive preview mode</td></tr><tr><td>Setup</td><td>Adjust Horizon Line and Start Point</td></tr><tr><td>Layers</td><td>Toggle on/off layers panel</td></tr><tr><td>HUD</td><td>Displays current Sphere name or Mode</td></tr><tr><td>Cluster</td><td>Add a Cluster to the canvas; cluster selection</td></tr><tr><td>Actions</td><td>Enter Actions mode</td></tr><tr><td>Sphere Icon</td><td>Save or Generate current Sphere</td></tr></tbody></table>

{% hint style="info" %}
Each object type or mode has various Contextual Edit Panels. Take a look at the [Edit Panel](/cozmos-curator/contextual-edit-panels.md) guide for more information.
{% endhint %}

### Add / Import

This is how you add various object types to the canvas.&#x20;

<figure><img src="/files/pRoaV8s2QWdIJ0CONPVq" alt="Add / Import"><figcaption></figcaption></figure>

<table><thead><tr><th width="172">Object Type</th><th>Guide</th></tr></thead><tbody><tr><td>Product</td><td>Select one or more product/s to add to the canvas</td></tr><tr><td>Category</td><td>Select an entire product category to add to the canvas</td></tr><tr><td>Tag</td><td>Select a tag group of image assets</td></tr><tr><td>Background</td><td>Add/Edit background used for the Sphere</td></tr><tr><td>Image</td><td>Select one or more image/s to add to the canvas</td></tr><tr><td>Video</td><td>Add a video object to the canvas</td></tr><tr><td>Text</td><td>Add a text element to the canvas (renders in the centre of the canvas)</td></tr><tr><td>Line Drawing</td><td>Turn on point based drawing tool</td></tr><tr><td>Shape</td><td>Add a shape element to the canvas (Currently limited to rectangle)</td></tr></tbody></table>

### Setup Mode

Setup has two contextual edit panels on the right side of canvas area

<figure><img src="/files/ZghhCnpDzrtao9kMjCgj" alt="Setup Mode"><figcaption></figcaption></figure>

<table><thead><tr><th width="87.33333333333331">Icon</th><th width="176">Label</th><th>Description</th></tr></thead><tbody><tr><td><img src="/files/YRKK0gVQKgVTr8HfWTea" alt="" data-size="original"></td><td>Horizon Line</td><td>Adjust the Horizon line of your Sphere</td></tr><tr><td><img src="/files/UoOGepch6G99T5x1qRD5" alt=""></td><td>Start Point</td><td>Set the start position of your Sphere</td></tr></tbody></table>

The horizon line has a default setting which we have selected but is not always appropriate for the concept you want to produce.&#x20;

Adjusting the value up or down is essentially moving the 'camera' (viewer perspective) on a horizontal access.

You can preview any change you make to the Horizon line by switching to 3D preview mode. To reset to the default, use the reset button which appears when you select the Horizon Line option from the edit panel.&#x20;

### 3D Preview Mode

3D preview allows you to see how your design will look once generated in a Sphere. This is currently a non-interactive state but we are actively working on this mode to give you an enhanced preview of your final design.

<figure><img src="/files/5qpctFnREkDgDKEZJEO2" alt="3D Preview mode"><figcaption></figcaption></figure>

### Layers Panel

Use this button to toggle the layers panel on/off. You can also find the Grid and Safe area guides function within the layers panel.

<figure><img src="/files/nfLLWljyCE1PvD91Mbrc" alt="Layers panel"><figcaption></figcaption></figure>

### Clusters

Use this button to add a Cluster to your canvas.

If you have objects selected and click "Cluster" they'll be put into a Cluster without disturbing their position.

Clusters are how we group data in Curator. When you import a category or tag, a cluster is automatically generated. This is indicated by a dashed line on the image container.

Clusters are powerful layout tool as they are responsive containers which you can add, remove and edit the position of contained content. Content within a Cluster will also scale to fit the available space.

Experiment with the Packing Settings when working with Clusters to fine tune the automatic layout options.

[*Learn more here*](/guides/clusters.md)

<figure><img src="/files/O9EWPOfw0fQTK8QRS0ic" alt="Clusters-packing"><figcaption></figcaption></figure>

### Actions

Actions are how you bring your Sphere to life. The list below gives an overview of the Actions currently available within Curator.

You can add an Action by dragging the Action you have selected to an object, or by having the object selected and then clicking on the desired action

<table><thead><tr><th width="87.33333333333331">Icon</th><th width="165">Label</th><th>Description</th></tr></thead><tbody><tr><td><img src="/files/zQ7GCCCsQ90L2TXhFj4s" alt="" data-size="original"></td><td>Product Overlay</td><td>Trigger an Ecommerce Overlay when the viewer clicks on this object</td></tr><tr><td><img src="/files/iGqHXGS5XPTSwpqsLmeU" alt=""></td><td>Info Overlay</td><td>Display an Overlay of text content <a href="/pages/rEtwGswXpXcc574vOsDh#info-overlays">(Configured in Sphere Settings)</a></td></tr><tr><td><img src="/files/Zi0fmDbyHhq1p2jNKPhS" alt=""></td><td>Overlay Content</td><td>Display a custom overlay<a href="https://learn.cozmos.com/guides/overlays#info-overlays"> (needs to be uploaded to Assets first)</a></td></tr><tr><td><img src="/files/58x2raA6Cr5WvNCae6D8" alt=""></td><td>Link Action</td><td>Send view to an external link or display iFramed content on the Sphere</td></tr><tr><td><img src="/files/GRWhTlBlgVIGviciqrE2" alt=""></td><td>Image Overlay</td><td>Trigger an image lightbox</td></tr><tr><td><img src="/files/8nkzb9d3FTQHyNzShmlB" alt=""></td><td>Content Carousel</td><td>A type of "Image Overlay" action to put more than one image/video into the Overlay <a href="/pages/rEtwGswXpXcc574vOsDh#content-carousel">(more)</a></td></tr><tr><td><img src="/files/m9bFzCv1IvjpFmTXO2eX" alt=""></td><td>Video Overlay</td><td>Trigger a video overlay on the Sphere</td></tr><tr><td><img src="/files/PMjYIZpqVityR9Y6bvHa" alt=""></td><td>Audio Action</td><td>Trigger an audio on the Sphere <a href="https://learn.cozmos.com/guides/audio">(more about audios)</a></td></tr><tr><td><img src="/files/9cdhMeXXrTcAP5UCwod0" alt=""></td><td>Animate Action</td><td>Animate the viewer to a set destination on the current Sphere or any published Sphere within your Cozmos Space</td></tr></tbody></table>

{% hint style="info" %}
Actions will only be interactive on a Generated or Published Sphere
{% endhint %}

While in Actions mode, you can tell if an object already has an action applied by looking for the orange icon on the top right of the object container and purple border around it if object is in an [Animation Path](/guides/animations.md#animation-paths).&#x20;

To view the action, simply click the orange/purple icon and you will be able to view, edit and delete the action.

<figure><img src="/files/jj1jxD9v0GB5qt4bkxlI" alt="Actions"><figcaption></figcaption></figure>

### Save and Generate

The final Control Bar item is where you **Save** or [**Generate**](/cozmos-curator/generating-and-publishing.md#generating-your-sphere) your Sphere.&#x20;

Saving will store the current state of your design in **Draft** stage and [**Generate**](/cozmos-curator/generating-and-publishing.md#generating-your-sphere) will create a referenceable link where you can view an interactive version of your Sphere.

**Generation time** will vary based on how many objects you have in your Sphere design but we find it is generally complete within 30 to 60 seconds.

Once complete you will be presented with an overlay where you can either return to Pubtools to [**Publish**](/cozmos-curator/generating-and-publishing.md#publishing-your-sphere) your Sphere or you can link to the Generated version.

Clicking outside of, or closing this overlay will return you to the Curator canvas where you can continue to work on your design.

<figure><img src="/files/xrLECbYfwGIFjoCBGzwl" alt="Generation is finished "><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://learn.cozmos.com/cozmos-curator/control-bar.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.