.. SPDX-FileCopyrightText: © 2019-2021, 2024 Alexandros Theodotou <alex@zrythm.org>
   SPDX-License-Identifier: GFDL-1.3-invariants-or-later
.. This is part of the Zrythm Manual.
   See the file index.rst for copying conditions.

Overview
========

The Zrythm interface is split into various
sub-modules.

.. figure:: /_static/img/user-interface-annotated.png
   :align: center

   Annotated user interface

Each sub-module is explained in its own section.

* :ref:`main-toolbar` (1)
* :ref:`main-panel` (2)
* :ref:`left-panel` (3)
* :ref:`bottom-panel` (4)
* :ref:`right-panel` (5)
* :ref:`transport-bar` (6)

Managing Panels
---------------

The left, right and bottom panels can be toggled using their corresponding
toggle buttons in the :ref:`main toolbar <main-toolbar>` and :ref:`transport bar <transport-bar>`.

.. figure:: /_static/img/left-panel-toggle.png
   :align: center

   Left panel toggle

Panels contain multiple *views*, each of which is
made visible by clicking on its corresponding tab.

.. figure:: /_static/img/panel-tabs.png
   :align: center

   Panel tabs

Detaching Views
---------------
Views in each panel are detachable. To detach a view into its own separate window, click and drag its tab icon to the 3rd button that appears in the middle of the panel.

.. figure:: /_static/img/timeline-detaching.png
   :align: center

   Detaching the timeline view

The view will be detached into a new window.

.. figure:: /_static/img/timeline-detached.png
   :align: center

   Detached timeline view
