# Мои игры — дизайн для реализации

08 ноября 2026. Отдельная работа UX/UI Astra HIGH по прямому заданию Owner. Статус DESIGN_READY. Прототип содержит синтетические данные и локальную демонстрацию действий.

## Открыть

- [Интерактивный прототип](index.html) работает через file:// и статический HTTP. Внизу страницы есть переключатель сценариев. Фильтры, принять/отклонить, «Позже», скрыть совет, история и восстановление демонстрационного состояния работают локально.
- [Сценарии, сущности и информационная иерархия](usecase-contract.md).
- [Передача Cursor с точными точками реализации](implementation-handoff.md).
- [Результаты проверки макета](prototype-checks.json).

## Решение

Одна страница с общим списком предстоящих игр и историей ниже. Четыре фильтра уточняют отношение к игре. Приглашения имеют действия прямо в карточке. Собственные роли, участие, совет друга и действия по итогам объединяются на карточке соответствующей игры по gameId. Для совета, по которому ещё нет отношения к игре, предусмотрены компактные строки после предстоящих игр. Пустая зона советов скрывается.

Фильтр «Создаю и управляю» выбран по фактическому контракту /me/games, который включает назначенного менеджера. Фильтр «Заявки и участие» сохраняет различие pending и confirmed. «Приглашения» показывает реальные полученные invitation, включая их историю. «История» — ссылка к разделу ниже.

## Проверка и ограничения

Аудит исходников выполнен read-only на указанной рабочей копии `/home/agentagency-dev/owner-venue507-community-i1-on57-20261108`, с проверенным HEAD 24889954ba32c6d6f25b2ebfe059817babf6da19. При разработке прототипа изменялся только этот evidence-каталог. DEV alpha.58 / source 19018791 указан Root как исходное окружение, live runtime здесь отдельно не проверялся.

Product implementation, API mutations, DB, независимая QA, CI, DEV deploy и Owner UAT имеют статус NOT_TESTED в этой дизайнерской работе. Проверки в prototype-checks.json относятся только к локальному HTML-макету. Прототип не отправляет запросов к продуктовым API.

Локальные assets заимствованы из указанной копии репозитория. Onest взят из apps/admin/public/fonts/Onest.ttf, логотип из apps/web/public/brand/go-badminton.svg. Фото, имена и данные пользователей не копировались.

## Решения дизайнера, требующие точного переноса

- Четыре фильтра сохраняют назначенных менеджеров. Более узкий фильтр «Созданные мной» скрыл бы эту поддерживаемую роль.
- Советы по уже существующей карточке добавляются её строкой. Остальные советы находятся между предстоящими и историей. Отправленные советы доступны через компактное раскрытие «Мои советы».
- Постигровые действия находятся внутри исторической карточки. Верхняя компактная строка ведёт к ним, сохраняя видимость после длинного списка предстоящих.
- Дата придаёт контекст даже короткому действительному названию «44». Цифровое название не подменяется эвристикой.
- Для private 404 используются только доступные собственные проекции. Invitation DTO не содержит game title/time/version. Действие принятия требует доступной свежей версии игры, соответствующий degraded state показан в сценариях.

## Скриншоты

- [Desktop 1280, первый экран](screenshots/viewport-1280.png) · [полная страница](screenshots/mixed-1280.png).
- [Desktop 1920, первый экран](screenshots/viewport-1920.png) · [полная страница](screenshots/mixed-1920.png).
- [Tablet 820](screenshots/mixed-820.png).
- [Mobile 390, первый экран](screenshots/viewport-390.png) · [полная страница](screenshots/mixed-390.png).
- [Private invitation](screenshots/private-390.png) · [UNKNOWN](screenshots/unknown-390.png) · [постигровое уточнение](screenshots/postgame-390.png) · [черновики](screenshots/drafts-390.png).

В full-page mobile captures fixed bottom navigation попадает на границу исходного viewport. При обычном скролле она закреплена у нижнего края экрана. Для оценки первого экрана есть отдельные viewport captures.

## Самопроверка прототипа

Chromium / Playwright проверил 390, 820, 1280 и 1920 px. Во всех четырёх layout отсутствует горизонтальное переполнение, gameId не дублируются, видимые интерактивные targets имеют высоту от 44 px. Дополнительные 11 состояний проверены на ширине 390. Выполнено 11 адресных interaction checks, все PASS. Console page errors отсутствуют. Скриншоты 390/820/1280/1920 просмотрены дизайнером. Эта самопроверка относится к standalone-макету.