> ## Documentation Index
> Fetch the complete documentation index at: https://rive.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Sidebar

> Use the sidebar to access editor panels and organize your workspace.

The sidebar is the left side of the editor. It contains panels for navigating your file, managing assets, working with data, editing animations, and using the AI Agent.

![Editor sidebar](https://mintcdn.com/rive/tQ1k3dspHfLhjt1C/images/interface/sidebar.png?fit=max\&auto=format\&n=tQ1k3dspHfLhjt1C\&q=85\&s=d576c815b19db065d1c4b85ff0c475f3)

## Panels

The sidebar includes several panels:

* [Hierarchy](https://rive.app/docs/editor/interface-overview/hierarchy.md) - View and organize the objects in your file.
* [Data](https://rive.app/docs/editor/data-binding/overview.md) - Create and manage View Models, properties, and data binding.
* [Assets](https://rive.app/docs/editor/fundamentals/assets-overview.md) - Manage images, fonts, audio, and other assets used in your file.
* [Animations](https://rive.app/docs/editor/animate-mode/animate-mode-overview.md) - Create and manage animations and State Machines.
* [Agent](https://rive.app/docs/editor/ai-agent/ai-agent.md) - Use the AI Agent to help create, edit, and explore your file.

## Panel options

Use the **…** menu on a panel to access options such as filtering, sorting, collapsing the panel, or resetting the sidebar layout.

## Organizing panels

You can customize how panels appear in the sidebar.

* Toggle full sidebar height.
* Drag panels to change their order.
* Drag a panel into its own column.

<video src="https://static.rive.app/video/sidebar-organize-panels.mp4" autoPlay loop muted playsInline />

### Open AI Agent in viewport

The Agent panel also has an option to open in the viewport, where it appears alongside the Stage or Script panel.

<video src="https://static.rive.app/video/sidebar-ai-open-in-viewport.mp4" autoPlay loop muted playsInline />