Визуальный редактор
Визуальный редактор -- это основной инструмент для создания и настройки рабочих процессов. Он построен на интерактивном холсте, где вы перетаскиваете ноды, соединяете их связями и настраиваете параметры каждой ноды через боковую панель.
Создание рабочего процесса
- Перейдите в раздел Рабочие процессы в меню проекта.
- Нажмите Создать рабочий процесс или выберите готовый шаблон.
- Откроется визуальный редактор с начальной нодой Старт.
При создании нового рабочего процесса на холсте уже присутствует нода Старт -- точка входа, через которую в процесс поступают входные данные.
Интерфейс редактора
Левая панель -- Библиотека нод
В левой части экрана расположена боковая панель с библиотекой доступных нод. Ноды сгруппированы по назначению:
- Агент -- вызов AI-агента
- LLM -- прямой вызов языковой модели
- Сообщение -- текстовый вывод
- Конец -- завершение процесса
- MCP -- подключение внешних инструментов
- Функция -- JavaScript-функция
- If/Else -- условное ветвление
- For -- цикл
- ForEach -- обработка массива
- Подтверждение -- ожидание одобрения
- База знаний -- RAG-поиск
- Модерация -- проверка контента
- Изображение -- генерация изображений
- Заметка -- визуальный комментарий
Холст
Основная рабочая область, на которой располагаются ноды и связи.
Элементы управления холстом:
- Перетаскивание -- зажмите правую кнопку мыши или среднюю кнопку для перемещения по холсту
- Масштабирование -- прокрутка колеса мыши
- Выделение -- зажмите левую кнопку мыши и обведите нужные ноды
- Мини-карта -- в правом нижнем углу отображается уменьшенная схема всего процесса
- Кнопки управления -- увеличение, уменьшение и центрирование
Правая панель -- Настройки ноды / Панель выполнения
При клике на ноду справа открывается панель настроек. Содержимое панели зависит от типа выбранной ноды. При нажатии кнопки «Запустить» панель переключается в режим выполнения.
Панель инструментов (Toolbar)
В верхнем правом углу расположена панель инструментов:
- Имя процесса -- кликните для переименования
- История версий -- выпадающий список для просмотра и восстановления предыдущих версий
- Запустить / Остановить -- запуск и остановка выполнения
- Автолэйаут -- автоматическое упорядочивание нод слева направо (горячая клавиша
Shift+A) - Сохранить -- сохранение текущего состояния (кнопка становится желтой при наличии несохраненных изменений)
- Меню настроек -- дублирование, сохранение как шаблон, обработчик ошибок, просмотр JSON, очистка холста, удаление
Добавление нод
Перетаскивание (Drag & Drop)
- Найдите нужный тип ноды в левой панели.
- Зажмите левую кнопку мыши на ноде.
- Перетащите ее на холст и отпустите в нужном месте.
Нода появится на холсте с именем по умолчанию, которое можно изменить в панели настроек.
Дублирование
Кликните правой кнопкой мыши на существующей ноде и выберите Дублировать. Копия появится правее оригинала с теми же настройками.
Соединение нод
- Наведите курсор на выходную точку (handle) ноды -- она расположена справа. У ветвящихся нод несколько выходных точек с подписями.
- Зажмите левую кнопку мыши на точке.
- Протяните связь до входной точки целевой ноды (расположена слева).
- Отпустите -- связь создана.
Двойной клик по связи открывает диалог для ввода текстовой подписи. Подписи помогают документировать логику потока, особенно при сложных ветвлениях.
Удаление связей
Кликните правой кнопкой мыши по связи -- появится контекстное меню с опциями «Изменить название» и «Удалить».
Управление нодами
Выбор и настройка
Кликните по ноде на холсте -- справа откроется панель настроек. Содержимое панели зависит от типа ноды.
Переименование
Имя ноды можно изменить в панели настроек -- отредактируйте заголовок в верхней части панели.
Удаление
- Кликните правой кнопкой мыши по ноде > Удалить
- Или выберите ноду и нажмите клавишу Delete / Backspace
При удалении ноды все связанные с ней связи также удаляются автоматически.
Тихий режим (Silent Mode)
Большинство нод поддерживают тихий режим -- переключатель в заголовке панели настроек (иконка глаза). Когда тихий режим включен:
- Нода не передает свой вывод в SSE-поток
- На холсте рядом с именем ноды появляется иконка перечеркнутого глаза
- Полезно для промежуточных нод, результат которых не нужно показывать пользователю
Горячие клавиши
| Комбинация | Действие |
|---|---|
Delete / Backspace | Удалить выбранную ноду или связь |
Shift+A | Автолэйаут -- автоматическое выравнивание нод |
Ctrl/Cmd+S | Сохранить рабочий процесс |
Автолэйаут
Кнопка автолэйаута (или Shift+A) автоматически располагает все ноды слева направо по слоям:
- Нода Старт всегда в первом слое.
- Каждая следующая нода размещается правее своих предшественников.
- Ноды без связей помещаются в последний слой.
Это полезно, когда после множества изменений расположение нод стало хаотичным.
Сохранение
Рабочий процесс сохраняется по нажатию кнопки Сохранить. При наличии несохраненных изменений кнопка подсвечивается желтым цветом и рядом с текстом появляется звездочка.
При нажатии кнопки Запустить текущее состояние процесса автоматически сохраняется. Если сохранение не удалось, запуск будет отменен.
Каждое успешное сохранение автоматически создает новую версию в истории. Система хранит до 10 последних версий каждого рабочего процесса.
Контекстное меню ноды
Клик правой кнопкой мыши по ноде открывает меню с действиями:
- ID ноды -- отображается для справки
- Дублировать -- создать копию ноды со всеми настройками
- Удалить -- удалить ноду и все ее связи
Заметки (Sticky Notes)
Заметки -- это визуальные стикеры, которые не участвуют в выполнении процесса. Используйте их для:
- Документирования логики сложных участков
- Оставления напоминаний для коллег
- Описания назначения отдельных веток
Двойной клик по заметке включает режим редактирования. Нажмите Escape для отмены или Ctrl/Cmd+Enter для сохранения.