Дизайн-система

1 · Тулбар: зоны и порядок принято

Движковые кнопки (те, что работают одинаково в любом разделе) — пиктограммы 28×28 с подсказкой. Кнопки со смыслом только своего раздела остаются словами и живут в своей строке над таблицей. Порядок зон: строки, колонки, поиск (забирает всё свободное место), что видно и как подкрашено, выгрузки и настройки. Панель ниже собрана из боевых знаков движка: «Перенос строк» в зоне строк взята из каталога MA_TableShell.TOOLBAR_ICONS, а не перерисована здесь второй раз.

2 · Форма кнопки и защита от случайного щелчка принято

Значок — жёсткий квадрат 28×28, включение меняет ТОЛЬКО заливку: ширина кнопки не зависит от состояния. Проверка встроена в блок — кнопка ниже щёлкает все кнопки панели и сравнивает ширины до и после.

Действие ≠ переключатель

«Колонки по умолчанию», «Сжать колонки», «Сбросить фильтры» не имеют состояния «включено» — они никогда не подсвечиваются акцентом. Защита разная по весу последствий: окно подтверждения там, где теряется настроенное вручную и вернуть нечем; сообщение с «вернуть как было» — там, где потеря мелкая и частая.

Где селлер может потерять свою настройку

3 · Подсказки: единый формат и переименования принято

Формат один для всех: Название. Что делает и за счёт чего. Первое слово подсказки = название кнопки, дальше объяснение словами селлера. Наведите на любой знак в карточках ниже — увидите ровно тот текст, который уйдёт в код.

4 · Знаки кнопок выбраны, кроме «Цены»

Пиктограммы приняты как форма; знаки выбраны — щелчок по варианту меняет отметку и сохраняет её. Стрелки скачивания и обмена — одно семейство: общий лоток, одинаковая длина стержня и головы. Единственный неутверждённый знак — у кнопки «Цены»: он поедет вместе с её именем, развилка ниже.

5 · Строка призм принято

Собрано ровно из выбранных 29.07 осей: невыбранные призмы получают лёгкую заливку (видно, что это кнопки); режимы общих расходов живут внутри кнопки «Прогноз» на приглушённой подложке; кнопка не раскрывается и не сжимается — ширина постоянная, при другой призме режимы просто приглушаются; расшифровка — подсказка на каждом режиме плюс знак на полное окно; предупреждение о незакрытом периоде — жёлтая капсула в конце той же строки.

Что это заменяет

Было: строка призм плюс отдельная жёлтая плашка-баннер под ней. Плашка уходит внутрь строки, таблице возвращается её высота.

Объяснение режимов — на числах

Открывается по знаку в строке призм. Итог периода одинаков в обоих режимах — меняется только раскладка.

6 · Канон строки режимов принято

Одна строка держит разнородное: режимы разбивки (по SKU / по заказам / по склейкам), кнопку состояния «Ожидают», оси-сегменты («Числа», «Отгрузка»), фильтры конкретного раздела («Реклама») и вход в «Сводку». Канон один для всех разделов: слева режимы и состояние, затем оси в порядке «Числа», «Отгрузка», раздел-специфичные, «Сводка» прижата вправо. Слово-подпись оси уходит целиком, остаётся только знак справки — и он стоит ПОСЛЕ сегмента, ровно так же, как в строке призм.

7 · Чем помечаем новинку выкачено

Было — звёздочки-искры: опознавательный знак AI-генерации, на нём продукт читается как сделанный машиной. Стало — флажок-вымпел: знак отметки-вехи, «здесь появилось что-то, на что стоит взглянуть». Знак уже в коде и рисуется одним источником — MA_Glyphs.newFeature() из src/assets/ma-glyphs.js; четыре прежние копии убраны.

8 · Индикация загрузки и потолок ожидания сделано 30.07

Процентов нет намеренно: страница шлёт один запрос и не знает, что сервер уже успел сделать. Шкала, застрявшая на 80 %, хуже честного счётчика секунд. Показываем три факта, которые страница действительно знает, плюс бегущую полосу и счётчик.
🔴 Главное — не картинка, а потолок. До этой правки ограничения по времени не было вовсе: обрыв срабатывал, только когда селлер сам запускал новый запрос. Молчащий сервер = вечное ожидание. Теперь через 3 минуты запрос обрывается и селлеру предлагается выход.

Кнопки ниже показывают настоящую панель — тот же код, что на боевых страницах (src/assets/ma-load-progress.js). Потолок в показе укорочен до 6 секунд, чтобы не ждать три минуты.

Замер на боевых данных (1714 товаров): месяц — 1,7–3,3 с, год — 13 с, 2,5 года — 13–15 с. Поэтому подсказка кнопки говорит «до одной минуты», а не «до нескольких минут»: прежняя формулировка замером не подтвердилась.

9 · Строка «ИТОГО», когда включён фильтр или поиск ждёт решения

Сейчас строка «ИТОГО» всегда показывает весь период. Селлер отбирает 128 товаров из 428, смотрит вниз — и видит цифру, которая к отобранному не относится. Ни подписи, ни признака, что это не про них.

10 · Кнопка «Цены»: имя, поведение и ограничение ждёт решения

Проверено в коде src/pricing/pricing-ag.js: на Wildberries кнопка видна, но выключена с подсказкой «Пока только для Ozon» (строка 672), и обработчик закрывает вход повторно (строка 5946). Механизм заполнения ищет колонку шаблона Ozon «Новая цена (со скидкой)» — пути для WB в коде нет вовсе. Значит, нейтральное имя «Цены» обещает больше, чем кнопка умеет. Вместе с именем едет и знак — он единственный неутверждённый.

11 · Стрелки «Excel» и «Цены» — одно семейство или два ждёт решения

Продолжение развилки 10 — про сам знак. Решение 29.07 говорит: «стрелки скачивания и обмена — одно семейство: общий лоток, одинаковая длина стержня и головы». Замер 30.07 показал, что семейства нет. Лоток у обоих знаков действительно один и тот же путь, а дальше расходятся: у «Excel» стержень 12 единиц и голова 5, у «Цен» — стержень 9 и голова 3.5. Обе кнопки стоят вплотную в правой группе «Экономики», поэтому разница видна без всякого сравнения. Числа под каждым вариантом — замеренные браузером (длина штриха берётся у самого пути), а не выписанные на глаз; рисунок и таблица собираются из одних и тех же чисел, поэтому разойтись не могут. Первоисточник замера — docs/audit/_evidence/toolbar-buttons-conformance-2026-07-30.md, пункт D6.

12 · «Сжать колонки» делает разное на разных страницах ждёт решения

Одна кнопка, один знак, одна подсказка — и два несовпадающих поведения. Проверено чтением кода: в «Аналитике» она возвращает объявленные ширины из определения колонок (analytics/ma-aggrid.js, compactCols), а в «Экономике», «Возвратах», «Рекламе» и «Моих расходах» — растягивает колонки так, чтобы они заняли ровно ширину экрана (sizeColumnsToFit). На узкой таблице второе поведение колонки не сжимает, а раздувает.

13 · Видимый признак включённых фильтров ждёт решения

По решению 29.07 «Сбросить фильтры» — кнопка-действие, и акцентом она больше не подсвечивается. Сигнал «сейчас что-то отфильтровано» переехал в текст подсказки (analytics/ma-aggrid.js, onFilterChanged). Но чтобы прочитать подсказку, надо навести курсор именно на ту кнопку, о существовании которой селлер и не подозревает: строка отфильтрована, итог не сходится с ожидаемым, а почему — не видно. Нужен признак, который заметен без наведения и при этом не спорит с правилом «акцент = включено».

14 · Три мелких — по подсказкам и поведению ждут решения

Каждая мелочь проверена в коде и стоит отдельного «да / нет»: они не связаны друг с другом и могут разъехаться по разным волнам.