Правильно
Состояние и сводка не уходят вместе с секцией
Слева — сущность и её секции, в центре — поля одной задачи, справа — сводка. Сохранение одно и стоит в титульной строке.
Редактор сущности
Редактор открывает уже существующую сущность и правит её по частям. Настройка не помещается в один поток, поэтому делится на секции, между которыми человек ходит, не теряя сводку и текущее состояние сущности.
Статус: experimental · в системе с 2026-08
Когда использовать
- Настройка одной сущности не помещается в один экран и делится на самостоятельные секции.
- Человеку нужно видеть состояние и сводку сущности, пока он правит любую из секций.
Не использовать:
- Значения запрашиваются один раз и целиком — это «Форма».
- Сущность только создаётся: у новой ещё нет ни состояния, ни сводки, ни истории.
- Правится одно-два поля — секции и сводка вокруг них избыточны.
- Сущность или раздел только показывают: секций нет, править нечего — это «Обзор раздела».
Состав
| Юнит или компонент | Роль |
|---|---|
entity-id | Идентификатор сущности в сводке. |
chat | Переписка по заявке или модерации сущности. |
code | Код подключения сущности. |
qr-code | QR-код подключения сущности. |
subscription-limit | Диапазон давности подписки аудитории. |
popover-preview | Раскрываемое превью привязанного креатива. |
status | Текущее состояние сущности рядом с её идентификатором. |
badge | Короткая метка рядом с идентификатором или заголовком блока: «NEW», «BETA», счётчик новых. |
amount | Сумма в сводке сущности: баланс, стоимость, списание. |
switch | Включение и выключение сущности целиком. |
alert | Причина, по которой сущность остановлена или требует внимания. |
title | Заголовок блока сводки или секции текущей настройки. |
label | Подпись группы контролов или отдельного значения в сводке. |
user-line | Владелец сущности одной строкой в сводке или рядом с заголовком. |
user-name | Почта участника или автора одной строкой: лог изменений, список доступов. |
page-navigation | Список секций сущности в колонке слева: где человек сейчас и куда может перейти внутри неё. |
file-upload | Файл сущности: креатив, логотип, документ проверки. |
input-date | Одна дата сущности: начало показа, срок действия, дата операции. |
radio | Взаимоисключающий выбор секции, когда вариантов больше шести или у каждого нужна подпись. |
input-color | Цвет как значение сущности: фирменный цвет, метка, фон креатива. |
card | Именованный блок сводки или секция полей с дочерними узлами. |
island | Поверхность региона без заголовка: группа полей сущности, строка итога в подвале. |
fields-group | Строки из равных ячеек в карточке сущности: правила, ставки, пары значений. |
select-toggle | Список значений с режимом «включить или исключить»: страны, площадки, источники. |
scheduler | Расписание показа по часам недели внутри редактора сущности. |
description | Пояснение под полем редактора: формат значения, влияние на результат. |
combo | Повторяющийся блок редактора: условия, ставки, шаги — с добавлением и удалением. |
drag-and-drop | Порядок строк, который задаёт человек: приоритет правил, очередь шагов. |
input | Короткие значения текущей секции. |
copy-field | Готовое значение сущности для переноса наружу: ссылка трекера, postback, код вставки. |
input-number | Числовые значения и границы. |
select | Одно значение из короткого списка. |
combobox | Одна сущность из справочника — владелец, кампания, площадка: список ищется по буквам, а не листается; подгрузку и loading готовит приложение. |
input-select | Строка правила из связанных селектов одной сущности. |
multi-select | Несколько значений одного поля. |
tag-input | Свободные метки сущности в секции: хэштеги креатива, домены источников. |
dualist | Длинные наборы вроде географии, где выбранное важно видеть рядом с источником. |
checkbox-group | Несколько независимых признаков секции. |
checkbox | Один независимый признак секции; в сетке расписания — ячейка таблицы дней и часов. |
slider | Положение на известной шкале рядом с полем значения: частота показов, доля трафика. |
segmented-control | Режим набора: включающий или исключающий. |
textarea | Комментарий и другие длинные пояснения. |
accordion | Редкие настройки секции под свёрнутым заголовком. |
table | Однородные строки внутри секции. |
toolbar | Команды и локальные режимы над рабочей областью секции: расписание, сетка ставок. |
flipper | Циклический режим над рабочей областью секции. |
extra-group | Сводные счётчики секции рядом с её именем: пройденные проверки, лимиты через слеш. |
progress | Известный ход длительной операции над сущностью в сводке: обработка, импорт. |
tag | Метки сущности в сводке. |
indicator | Состояние объекта в сводке одной точкой рядом с числом или подписью. |
icon | Значок в сводке и у поля секции: скрыто, предупреждение, внешняя ссылка. |
avatar | Владелец сущности в сводке. |
thumbnail | Превью привязанного креатива в сводке кампании. |
chart | Диаграмма эффективности сущности в сводке: расход, показы, клики по времени. |
divider | Граница групп внутри сводки или секции. |
link | Переход к справке по текущей секции. |
button | Сохранение, добавление привязанных объектов и второстепенные действия. |
tooltip | Пояснение к полю секции или карточке сводки по наведению — поверх редактора. |
popover | Панель с полями рядом с кнопкой секции: добавить правило, пополнить баланс — поверх редактора. |
menu | Дополнительные действия над сущностью из титульной строки — поверх редактора. |
dialog | Подтверждение архивации, остановки и других необратимых шагов — поверх редактора. |
entities-list-dialog | Массив значений строками поверх поля редактора: площадки, ключи, id. |
toast | Результат сохранения или фонового действия над сущностью — поверх редактора. |
Ограничения
- Обязательно: Показывать состояние сущности и её идентификатор на каждой секции: человек правит часть, а отвечает за целое.
- Обязательно: Оставлять ровно одно главное действие
accent— сохранение; оно относится ко всей сущности, а не к открытой секции. - Обязательно: Называть секции по задаче человека, а не по внутренней модели данных.
- Рекомендуется: Держать в сводке только то, на что человек смотрит во время правки: баланс, владельца, метки, привязанные объекты.
- Запрещено: Прятать несохранённые изменения при переходе между секциями без предупреждения.
- Запрещено: Дублировать переход по секциям глобальной навигацией каркаса: она ведёт между разделами продукта, а не внутри сущности.
- Запрещено: Заполнять
outlineиactionsтем, что уже рисует каркас: разделы продукта и глобальные действия шапки к сущности не относятся. Экран без секций и без действий над сущностью — не редактор, а «Обзор раздела».
Логика отклика
- Ориентация Человек открывает сущность из списка. Титульная строка называет сущность, сводка показывает состояние, слева видны все секции.
- Переход Человек выбирает секцию настройки. Меняется только содержимое центра; состояние, сводка и главное действие остаются на месте.
- Правка Человек меняет поля секции. Ошибки появляются у полей, сводка отражает связанные значения.
- Сохранение Человек сохраняет сущность. Результат относится ко всей сущности; несохранённые секции о себе сообщают.
Контекстный пример
Скелет экрана
outlineСущность и переход по её секциям: идентификатор, состояние, список секций настройки.mainПоля текущей секции одним потоком.summaryСводка сущности рядом с полями: баланс, владелец, метки, привязанные объекты.feedbackОбратная связь по всей сущности, а не по отдельному полю.actionsСохранение сущности и второстепенные действия; стоят в титульной строке страницы.