> For the complete documentation index, see [llms.txt](https://book.microcrm.online/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://book.microcrm.online/konstruktor-chat-botov/osnovy-raboty-s-redaktorom.md).

# Основы работы с редактором

### Структура интерфейса

* **Холст (Canvas)** — рабочая область, где вы размещаете и соединяете узлы
* **Палитра узлов** — панель слева с доступными типами узлов
* **Редактор узла** — боковая панель справа для настройки выбранного узла
* **Панель инструментов** — верхняя панель с кнопками управления сценарием

<figure><img src="https://2761604671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBnmghAGVwptospVllo8n%2Fuploads%2FbAhmgWggwvJrYNT8wazV%2Fimage.png?alt=media&amp;token=6c257af0-1cf0-4bdd-8351-0fe24d592ac7" alt=""><figcaption></figcaption></figure>

### Добавление узлов

1. Выберите нужный тип узла в палитре слева
2. Перетащите узел из палитры на холст

### Соединение узлов

1. Наведите курсор на круглую точку справа от узла (исходящее соединение)
2. Зажмите левую кнопку мыши и потяните линию к точке слева другого узла (входящее соединение)
3. Отпустите кнопку — соединение создано

<figure><img src="https://2761604671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBnmghAGVwptospVllo8n%2Fuploads%2FHnvnVpdypc0KH1zZnxoU%2Fimage.png?alt=media&amp;token=6b1c7a56-b633-4a8c-b06f-f4735c696dff" alt=""><figcaption></figcaption></figure>

### Удаление соединений

* Наведите на линию соединения и нажмите на появившуюся кнопку **×**

<figure><img src="https://2761604671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBnmghAGVwptospVllo8n%2Fuploads%2F2rbJbT6Uzp54HPBw5jA1%2Fimage.png?alt=media&amp;token=c41a6c2c-587c-4f82-9820-23ae7b92809b" alt=""><figcaption></figcaption></figure>

### Общие элементы узлов

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

#### 1. Точки подключения (Handles)

* **Левая точка (серая)** — входящее соединение (откуда приходит управление)
* **Правая точка (цветная)** — исходящее соединение (куда передаётся управление)
* У некоторых узлов несколько исходящих точек (например, условия имеют "true" и "false")

#### 2. Название узла

* Отображается в верхней части узла
* Можно редактировать в редакторе узла справа
* Помогает ориентироваться в сложных сценариях

#### 3. Комментарий

* Необязательное текстовое поле для заметок
* Отображается над узлом при заполнении
* Полезно для документирования логики

#### 4. Кнопки управления (появляются при наведении)

* **Копировать** (значок копирования, левый верхний угол) — создаёт дубликат узла
* **Удалить** (корзина, правый верхний угол) — удаляет узел и все его связи

#### 5. Цветовая схема

Каждый тип узла имеет свой цвет для быстрой идентификации:

* 🟢 **Зелёный** — Триггеры (точки входа)
* 🔵 **Синий** — Действия (отправка сообщений, сохранение данных)
* 🟡 **Жёлтый** — Условия (проверки и ветвления)
* 🟣 **Фиолетовый** — ИИ Агент (работа с искусственным интеллектом)
* 🟠 **Оранжевый** — HTTP запросы (работа с API)
* 🔴 **Красный** — Выход из бота