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