Конструктор потоков

Визуальный редактор для создания сложных пайплайнов. Drag-and-drop узлов, соединения кликом по портам, безье-кривые, встроенная панель свойств — всё в одном экране.

Интерфейс конструктора

Палитра (слева)

Все доступные типы узлов, сгруппированные по категориям. Поиск по названию. Drag на канвас или клик для добавления.

Канвас (центр)

Бесконечный холст с точечной сеткой. Zoom колёсиком мыши. Pan перетаскиванием фона. Узлы перемещаются за заголовок.

Свойства (справа)

При клике на узел открывается панель его настроек. Изменения применяются мгновенно.

Как создавать связи

Кликните на выходной порт (правый, цветной)

Порт загорится анимацией. Внизу экрана появится подсказка «Now click an input port».

Кликните на входной порт другого узла (левый, синий)

Появится bezier-линия, соединяющая порты. Нажмите Escape для отмены.

Удаление связи — клик на линию

Линия подсвечивается при наведении. Клик → подтверждение → удаление.

Для узлов с несколькими выходами (AI Classify, Condition, Switch) у каждого выхода своё имя — оно отображается на линии соединения.

Сохранение

Граф сохраняется на сервер через POST /builder/{id}/save. Используйте:

Кнопку Save в топбаре
Горячую клавишу Ctrl + S (Cmd + S на Mac)

Статус сохранения отображается в топбаре: Saving… → Saved ✓.

Типовые сценарии построения графа

AI-чат с системным промтом

Граф[Trigger Widget]
      ↓ output
[AI Chat]
  └─ system_prompt: "Ты — ассистент..."
  └─ model: gpt-4o-mini
      ↓ output
[Action Reply]
  └─ text: "{{reply}}"

Роутер по теме запроса

Граф[Trigger Widget]
      ↓ output
[AI Classify]
  └─ intents: sales, support, billing, unknown
      ├─ sales   → [Webhook → CRM]   → [Reply: "Передали менеджеру"]
      ├─ support → [AI Chat prompt2] → [Reply]
      ├─ billing → [1C Request]      → [Reply: "Ваш баланс: {{onec_response.balance}}"]
      └─ unknown → [Reply: "Уточните вопрос"]

Извлечение данных и запись в CRM

Граф[Trigger Webhook]
      ↓ output
[AI Extract]
  └─ fields: name, email, budget
      ↓ output
[Transform]
  └─ crm_payload = {"name":"{{extracted_name}}","email":"{{extracted_email}}"}
      ↓ output
[Webhook Call → CRM]
      ↓ output
[Action Log]

Советы

Начинайте всегда с Trigger узла — без него пайплайн не запустится.
Каждый граф должен заканчиваться узлом Action Reply или End.
Можно добавлять несколько Action-узлов после одного AI — сообщение уйдёт и в Reply, и в Telegram.
Узел Transform полезен для подготовки payload перед Webhook Call или 1C Request.