design: макеты 15 экранов + принципы Android + откуда взят код

- design/mockups/ — 15 макетов (одно состояние = один файл), из /tmp перенесены в репо
- design/screenshots/ — те же экраны PNG
- design/PRINCIPLES.md — принципы: что берём у десктопа, что на телефоне иначе
- design/BORROW.md — что откуда: ядро (Nexus), тема (десктопный макет), отрисовка Markdown (ai/assistent)
- design/gen_mockups.py — генератор макетов, путь вывода теперь рядом с ним
- README: разделы «Принципы» и «Откуда код» со ссылками

design/README.md

@@ -0,0 +1,47 @@
+# Макеты 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.