# Макеты Android-клиента agentik

**Здесь принятое.** Пятнадцать экранов, по одному состоянию на файл — рисовались
и одобрялись 2026-09-20. Это решение, на которое опираемся в реализации, а не
предложение к обсуждению.

Интерактивности в макетах **нет намеренно**: вместо переключений — отдельный файл
на каждое состояние. Так видно каждое состояние по отдельности и не надо ничего
нажимать, чтобы его показать.

## Что где

| Файл | Что показывает |
|---|---|
| `mockups/01-chats.html` | Диалоги — список |
| `mockups/02-chat.html` | Чат — открытый диалог |
| `mockups/03-streaming.html` | Чат — ответ идёт, кнопка «Стоп» |
| `mockups/04-recording.html` | Чат — запись голоса |
| `mockups/05-empty.html` | Диалоги — ни одного ассистента |
| `mockups/06-agents.html` | Ассистенты — список |
| `mockups/07-agent-color.html` | Ассистент — форма, отличие цветом |
| `mockups/08-agent-pic.html` | Ассистент — форма, отличие картинкой |
| `mockups/09-check-wait.html` | Проверка связи — идёт |
| `mockups/10-check-ok.html` | Проверка связи — отвечает |
| `mockups/11-check-fail.html` | Проверка связи — не отвечает |
| `mockups/12-new-chat.html` | Новый диалог — выбор ассистента |
| `mockups/13-groups.html` | Группы — список |
| `mockups/14-group-edit.html` | Группы — изменение |
| `mockups/15-group-delete.html` | Группы — удаление |

`screenshots/` — те же экраны картинками (PNG), чтобы посмотреть без браузера
и вставлять в переписку. `00-all.png` — общий лист, остальные по одному экрану.

`gen_mockups.py` — генератор макетов: CSS и оболочка телефона заданы один раз,
состояние — фрагментом. Экран телефона 390×844. **Цвета в макетах стоят числами
и так и надо** — иначе макет не будет выглядеть задуманным; в коде приложения
цвет берётся из схемы по смыслу (см. `../README.md`, раздел «Дизайн»).

## Как смотреть

Открыть файл `mockups/*.html` в браузере — самодостаточный, без сборки и без
зависимостей.

## Принципы и откуда код

- `PRINCIPLES.md` — как это должно работать и чем Android отличается от десктопа;
- `BORROW.md` — что откуда взято, в том числе отрисовка Markdown.