# Deck Editor

Once a deck is created you land in the editor. The layout has four main areas.

<figure><img src="https://1402057010-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgtHd8o9ldznZ1hKHiZvc%2Fuploads%2FxfxA1zIVjh9c51iOyPNA%2Fdeck-editor-overview.png?alt=media&#x26;token=8bc4314c-0002-41aa-94a8-0f3d8a74d1bb" alt=""><figcaption></figcaption></figure>

## Slide Panel (Bottom)

A horizontal filmstrip of slide thumbnails. You can:

* **Click** a thumbnail to jump to that slide.
* **Drag** thumbnails to reorder slides.
* Use **arrow keys** (left / right) to navigate between slides when no element is selected.

## Canvas (Centre)

The main editing surface. You can:

* **Click** an element to select it. Hold **Shift** to multi-select.
* **Double-click** a text element to enter inline editing mode (powered by a rich-text editor).
* **Drag** elements to reposition them. Snap guides appear to help with alignment.
* **Resize** elements using the corner handles.
* **Zoom** in/out with the controls in the bottom toolbar.

## Toolbar (Top)

The toolbar is context-sensitive — it changes depending on what is selected.

### When nothing is selected

<figure><img src="https://1402057010-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgtHd8o9ldznZ1hKHiZvc%2Fuploads%2FvWuvKEXaCR50Jbi4C4sy%2Fimage.png?alt=media&#x26;token=98787fc1-6866-4b8e-b689-0f849f2e5111" alt=""><figcaption></figcaption></figure>

The toolbar shows insert tools:

| Button         | Action                                                                             |
| -------------- | ---------------------------------------------------------------------------------- |
| Data Artefacts | Toggle the data artefacts panel on the left                                        |
| Text           | Insert a text box on the current slide                                             |
| Chart          | Open the table picker to insert a chart bound to data                              |
| Table          | Insert a data table element                                                        |
| Image          | Insert an image from a URL or file                                                 |
| Shape          | Insert a shape (rectangle, circle, triangle, diamond, pentagon, star, line, arrow) |

### When a chart is selected

* Switch chart type (bar, horizontal bar, line, pie, donut, stacked bar, grouped bar).
* Pick a banner point (column) from the bound table.
* Change the colour palette.

### When a text element is selected

* Font family and size selectors.
* Bold, italic, underline.
* Text alignment (left, centre, right).
* Bullet list / numbered list.

### When a shape is selected

* Fill colour, border colour, and border weight.

### When an image is selected

* Image source URL input.

### When a table is selected

* Data source dropdown to bind a tabulation table.

## Right Sidebar

Toggle between panels using the icons on the far right:

| Panel        | Purpose                                                                                                             |
| ------------ | ------------------------------------------------------------------------------------------------------------------- |
| **AI**       | Chat with the Report Assistant to generate, edit, or refine slides. This is the default panel when you open a deck. |
| **Comments** | View and reply to reviewer comments on the current slide.                                                           |
