Обзор визуального редактора

Визуальный редактор (рабочее пространство) — основной инструмент для создания сценариев ботов в thequeue.io. Здесь вы собираете сценарии из блоков, настраиваете логику и тестируете ботов.

Интерфейс

Холст

Центральная рабочая область с сеткой, на которой размещаются блоки. Поддерживает масштабирование (колесо мыши) и перемещение (перетаскивание по пустой области).

Боковая панель

Слева расположена панель навигации:

• Рабочее пространство — текущий редактор
• Access — управление доступом к проекту
• Project Settings — настройки проекта
• Dashboard — аналитика

Панель управления

Справа расположены кнопки:

• Масштаб — приблизить (+) и отдалить (-)
• Вписать — центрировать все блоки на экране
• Отменить / Повторить — история изменений
• Замок — блокировка редактирования (защита от случайных изменений)
• Сохранить — ручное сохранение (Ctrl+S)
• Скрыть рамки — скрывает шапку и боковую панель для расширения холста

Мини-карта

В правом нижнем углу отображается уменьшенная копия всего воркфлоу. Кликните на нужную область, чтобы быстро переместиться к ней.

Добавление блоков

Кликните правой кнопкой мыши по пустой области холста. Появится контекстное меню с тремя категориями:

• Триггеры — точки входа (входящее сообщение, расписание, Telegram)
• Функции — действия (отправка сообщения, условие, переменная, HTTP-запрос, код и др.)
• Интеграции — подключение внешних сервисов (CRM, MySQL, MongoDB, ИИ)

Редактирование блоков

• Клик — выделить блок
• Двойной клик — открыть JSON-редактор с настройками блока
• Перетаскивание — переместить блок на холсте
• Правый клик по блоку — удалить блок

JSON-редактор

При двойном клике на блок открывается плавающее окно с редактором. В зависимости от типа блока доступны:

• Текст сообщения с подсветкой переменных {=varName=}
• Настройка кнопок Telegram
• Условия для if-блоков
• SQL-запросы с подсветкой синтаксиса
• Код на Python

Окна редактора можно перемещать и открывать несколько одновременно.

Соединение блоков

Кликните на выход одного блока и перетащите к входу другого — появится связь. Для удаления связи кликните по ней и нажмите Delete.

Горячие клавиши

Совместная работа

Несколько пользователей могут редактировать один проект одновременно. Вы увидите курсоры других участников на холсте. Все изменения синхронизируются в реальном времени через WebSocket.

Сохранение

• Автосинхронизация — изменения автоматически передаются другим участникам
• Ручное сохранение — Ctrl+S сохраняет проект на сервер. После сохранения появляется зеленое уведомление