# Перемещение в рабочем пространстве и интерфейс редактора

### Перемещение и масштабирование

Для перемещения в пространстве редактора есть 2 способа:

1\. Поместить курсор в пустое место рабочего пространства (белый фон с точками), **зажать левую кнопку мыши и потянуть** мышь в сторону, противоположную той, в которую вы хотите продвинуться.

[![перемещение.gif](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/peremeshhenie.gif)](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/peremeshhenie.gif)

2\. Поместить курсор в пустое место рабочего пространства, **отдалиться** при помощи колесика мыши (проскроллить вниз), затем навести курсор на место в рабочем пространстве, в которое хотите переместиться, и **приблизить**, проскроллив колесиком мыши вверх.

[![перемещение2.gif](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/peremeshhenie2.gif)](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/peremeshhenie2.gif)

Для масштабирования рабочего пространства помимо скролла колесиком мыши есть еще **панель масштабирования** справа сверху. Цифра, которая там отображена, показывает текущий масштаб элементов в рабочем пространстве.

[![image.png](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/scaled-1680-/WF9image.png)](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/WF9image.png)

Для открытия панели масштабирования, нужно кликнуть на ![scale](https://i.ibb.co/N7c3njc/scale.png) (У вас может быть показана другая цифра масштаба).

Вы увидите **4 элемента** для работы с масштабом:

1. Масштабирует рабочее пространство до **100%** к центру экрана
2. **Увеличивает масштаб** рабочего пространства
3. **Уменьшает масштаб** рабочего пространство
4. **Перемещает к началу координат** рабочего пространства (месту в рабочем пространстве, где создается автоматический начальный блок) **в масштабе 100%**. Можно размещать в этой области начальные блоки ваших сценариев для быстрой навигации к ним.

[![image.png](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/scaled-1680-/pRGimage.png)](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/pRGimage.png)

### Интерфейс редактора сценариев

Для наглядности элементы интерфейса помечены цифрами на изображении ниже.

1 — Кнопка возвращения из редактора сценария к странице списка сценариев   
2 — Заголовок сценария, отображенного в редакторе. Здесь можно отредактировать заголовок ![edit](https://i.ibb.co/7VZCzkJ/edit.png) или открыть другой сценарий в редакторе, выбрав его из выпадающего списка ![errow-down](https://i.ibb.co/p4mT77s/errow-down.png)   
3 — Открывает поверх боковой панели (7) панель версий со списком сохраненных версий, а также изменений в них.   
4 — Открывает модальное окно со списком ошибок в сценарии, если такие есть. Здесь отображаются ошибки, которые делают работу сценария невозможной: отсутствие начального/завершающего блока, отсутствие исходящих связей.   
5 — Сохраняет текущую версию сценария, после чего новая сохраненная версия появляется на панели версий (3)   
6 — Делает опубликованной текущую версию сценария. Публикация возможна только для сохраненных версии, поэтому при наличии несохраненных изменений произойдет автоматическое сохранение текущей версии. Только опубликованная версия сценария используется в диалогах.  
7 — Аватар авторизованного пользователя, этот функционал пока в разработке.   
8 — Показывает текущий масштаб элементов в рабочем пространстве радактора (10), а при клике открывает панель масштабирования, функционал которой описан [выше на странице](https://docs.ai-assistant.is74.ru/link/19#bkmrk-%D0%94%D0%BB%D1%8F-%D0%BC%D0%B0%D1%81%D1%88%D1%82%D0%B0%D0%B1%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-).  
9 — боковая панель редактора сценариев с табами «Свойства» (9.1), «Переменные» (9.2), «Проверка» (9.3). По умолчанию открыт таб «Свойства»   
9.1 — Таб «Свойства», в котором отображается контент выделенного блока и инструменты для управления им. Для выделения блока нужно кликнуть по нему, на изображении ниже ни один блок не выделен. Подробнее про настройку блоков на странице [«Типы блоков в конструкторе диалогов»](https://docs.ai-assistant.is74.ru/link/4#bkmrk-%D0%9E%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-%D0%B1%D0%BB%D0%BE%D0%BA)  
9.2 — Таб «Переменные». В нем осуществляется работа с переменными: просмотр списка переменных в сценарии, добавление, редактирование. См. инструкцию по [работе с переменными](https://docs.ai-assistant.is74.ru/books/redaktor-scenariev/page/rabota-s-peremennymi)  
9.3 — Таб «Проверка», в котором можно протестировать созданный сценарий в интерфейсе редактора. Подробнее на странице [«Тестирование сценария в конструкторе»](https://docs.ai-assistant.is74.ru/books/redaktor-scenariev/page/testirovanie-scenariia-v-redaktore)   
10 — Рабочее пространство редактора сценариев. В нем отображаются составляющие сценария: блоки (10.1) и связи (10.2)   
10.1 — Карточка блока в рабочем пространстве. Что такое блоки и как с ними работать вы узнаете по ходу [создания сценария](https://docs.ai-assistant.is74.ru/link/18#bkmrk-%D0%9D%D0%B0-%D0%BF%D0%BB%D0%B0%D1%82%D1%84%D0%BE%D1%80%D0%BC%D0%B5-%D1%81%D1%86%D0%B5%D0%BD%D0%B0%D1%80%D0%B8) и на странице [«Типы блоков в конструкторе диалогов»](https://docs.ai-assistant.is74.ru/books/redaktor-scenariev/page/tipy-blokov-v-konstruktore-dialogov)   
10.2 — Связи. Тонкие серые линии, соединяющие блоки. Они также незаменимы для работы сценария и формируют пути, по которым может пройти диалог. Как построить связь, показано в [пошаговом руководстве по запуску голосового ассистента](https://docs.ai-assistant.is74.ru/books/3-saga-dlia-zapuska-golosovogo-assistenta), а именно на странице [«Шаг 1. Создание сценария»](https://docs.ai-assistant.is74.ru/link/18#bkmrk-%D0%9C%D1%8B-%D1%83%D0%B6%D0%B5-%D0%BF%D0%BE%D0%BD%D1%8F%D0%BB%D0%B8%2C-%D0%BA%D0%B0%D0%BA-%D0%B4)

[![image.png](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/scaled-1680-/5CAimage.png)](https://docs.ai-assistant.is74.ru/uploads/images/gallery/2023-09/5CAimage.png)