fix(mgr): визуальная согласованность Vue-менеджера с MODX

[Ibochkarev]

Описание

Vue Manager выглядел «инородным» в MODX: несколько зелёных + синий accent Aura, Card «Данные товара», сломанные for/id, пустая вкладка «Опции» при ONLY_FULL_GROUP_BY, прыгающие отступы, разная высота кнопок/полей и слабая affordance галереи.

Этот PR закрывает пакеты A–D из #615 и follow-up polish после ревью live UI.

Primary (MODX chrome)

• Aura emerald/green remapped на шкалу с якорем #6cb24a (как ExtJS .primary-button), hover #528738.
• Late CSS var inject (injectMs3ThemeVars) — нужен, потому что primevue external из VueTools и runtime Theme оставлял #10b981.
• Сознательно не AA-dark #4e8136: приоритет визуального совпадения с менеджером MODX (white-on-primary как в core).

Плотность и контролы

• Единая высота контролов 2.25rem (36px) для Input/Select/Button/size="small"/lg, AutoComplete dropdown — через injectFormStylesOverride (MS3_CONTROL_HEIGHT).
• Вкладки товара/утилит: общий inset --ms3-tab-panel-padding, без двойных padding у children.
• Help / Import / ProductDataConfig / Customers и др. — выровненные тулбары и секции.

Галерея

• Компактный Uppy dropzone (иконка + solid CTA «Выбрать файлы», не full-bleed «дыра»).
• Toolbar: поиск + source + Действия; keyboard path на карточках; отдельные empty vs search-empty строки (ru/en).

Связи товара

• Поиск через InputText (не raw <input>).
• Диалог create: поля с gap, append-to="self" чтобы scoped .vueApp стили работали на teleport.

Прочее из #615

• Плоские свойства товара (без Card-обёртки), стабильные for/id (fieldHtmlId).
• AdminOptionFields GROUP BY под ONLY_FULL_GROUP_BY + smoke-тест.
• a11y/lexicon polish (vtabs, category products checkbox, Help link).

Тип изменений

• Исправление бага (non-breaking change)
• Новая функциональность (non-breaking change)
• Breaking change
• Рефакторинг
• Документация
• Другое:

Связанные Issues

Closes #615

Refs #616 (compact Uppy / gallery UX; сортировка upload по имени — вне scope)

Коммиты

1. 177652d4 — align Vue Manager visuals with MODX chrome (theme, ProductData, options GROUP BY, utilities/a11y)
2. 10b51622 — polish density and gallery affordances (primary #6cb24a, gallery toolbar/upload/a11y)
3. 7bf29808 — unify control heights and product links form layout (formStyles + Links dialog)

Как это было протестировано?

cd vueManager
npm run test:smoke
npm test -- --run src/theme/ src/utils/fieldHtmlId.test.js src/utils/formStyles.test.js
npx eslint src/theme/ src/utils/formStyles.js src/utils/fieldHtmlId.js \
  src/components/gallery/ src/components/product/ProductLinksTab.vue \
  src/components/ProductDataFields.vue src/components/product/ProductOptionsTab.vue
npm run build

cd ../core/components/minishop3
php -l src/Services/Option/AdminOptionFields.php
php tests/AdminOptionFieldsGroupByContractTest.php

Live project.test под root:

Экран	Результат
Товар Свойства	нет Card «Данные товара»; for==df-field-*; primary #6cb24a
Товар Галерея	dropzone fit-content; CTA button; toolbar search+Действия; Enter → edit
Товар Связи	Create/search/лупа 36px; dialog label gap 6px; AC input=dropdown 36px
Товар Опции	вкладка видна при GROUP BY; vtabs a11y
Утилиты / Import / Help	единый inset; compact import dropzone; help cards
Настройки / Заказы	кнопки sm и default = 36px; primary #6cb24a

• Ручное тестирование
• Автоматические тесты
• Тестирование на разных версиях PHP/MODX

Конфигурация тестирования:

• MiniShop3: fix/issue-615-vue-modx-visual-consistency
• MODX: 3.2.0-pl (project.test)
• PHP: 8.x

Чеклист

• Код соответствует стилю проекта
• Комментарии в сложных местах (theme inject / GROUP BY / formStyles)
• Не ломает существующую функциональность
• Лексиконы ru+en (gallery search empty/clear/item hint, uppy browse)
• PHPStan — PHP затронут точечно; полный stan не гонялся локально
• ESLint по затронутым путям
• CHANGELOG — не трогали (релиз)

Дополнительные заметки

Deferred (non-block): полный overlay category attrs через CaptionOverlayResolver вместо SQL aggregates; Checkbox :value всё ещё object (accessible name исправлен). Dialog’ы с teleport в body по-прежнему требуют append-to="self" (или глобальных стилей без .vueApp), иначе scoped padding/gap не применяются.

[Ibochkarev]

@biz87 Не рассматриваем пока - посмотрю, что останется после новой темы vueTools

[AgelxNash]

Этот PR включён в тестовую интеграционную сборку всех открытых PR MiniShop3: AgelxNash/MiniShop3, ветка integration/open-prs-20260906 (28/28 открытых).

Сборка нужна, чтобы проверить совместимость взаимозависимых серий PR до их мержа — при последовательном слиянии они конфликтуют друг с другом. Это не ревью и не конкурирующий PR: авторство сохранено (1 PR = 1 коммит с исходным автором), ветка пересобирается по мере обновления PR.

Как вошёл в сборку: Слит в ветку раньше #640. Файлы, перекрываемые более новым реворком #640, взяты из #640; наработки #621 (fieldHtmlId-лейблы, isCheckboxXtype/normalizeCheckboxValue) сохранены там, где #640 их не заменяет.

[AgelxNash]

Привет! Просто пожелание: удачи с этим PR 🚀 Работа нужная — пусть рассмотрят и смержат как можно скорее. Успехов!