Проверяемый отчёт сборки

Задача

Собрать выразительный сайт MMAT с 3D‑слоем, но не подменять продукт декоративной сценой. В первом экране пользователь должен видеть конкретное поручение, ход выполнения и готовый артефакт.

Фактический стек

Интерфейс: React 19, Vite 8, Material UI 9
3D и движение: Three.js, React Three Fiber, Drei, Motion
Типографика: Manrope Variable с локальными webfont‑файлами
Доставка: Статическая production‑сборка с SPA fallback и отдельным ленивым 3D‑чанком

Что проверено

Код: ESLint пройден
Сборка: Vite production build пройден
Expanded: Desktop 1440 × 1000: hero и каждый крупный блок просмотрены отдельно
Medium: Viewport 900 × 1000: двухколоночный hero, 3D и рабочая поверхность без переполнения
Compact: Mobile 390 × 844: первый экран, меню, CTA, все секции и ширина документа
Взаимодействие: Мобильное меню, возврат фокуса по Escape, клавиатурное переключение сценариев
Консоль: Ошибок приложения не обнаружено; headless WebGL сообщил служебные GPU‑предупреждения

Что нашли и исправили

абстрактный 3D‑объект в hero не объяснял продукт — главным визуалом стала рабочая поверхность с поручением и результатом;
готовый файл в демо попадал не в ту область grid — композиция процесса собрана в единый маршрут;
длинный мобильный заголовок и орбиты расширяли scroll‑контур — скрытое горизонтальное переполнение устранено;
устаревшая передача свойств в мобильный Drawer вызывала React‑ошибку и неверный цвет панели — компонент переведён на slot API;
ложные декоративные стрелки выглядели как действия — оставлены только реальные интерактивные affordance.

Граница доказательства

Этот отчёт подтверждает перечисленные проверки конкретной сборки на дату среза. Он не является сертификатом безопасности, гарантией безошибочной работы во всех браузерах или доказательством будущей доступности внешних сервисов.