arazor72
61f7e5776d
Two service screens accessible via Tweaks screen selector: - DEV · Палитра — every color role grouped (primary / accent / warm / status / text / surfaces) with swatch, role name, CSS var name, hex code, and usage note. Key-color banner at top. Dynamic values (primary/accent/warm/success-50/fg-4/p300) recompute from ctx.palette when the user flips the color in Tweaks. - DEV · Примеры — rendered components (buttons, chips, surfaces, status blocks, text hierarchy, avatars, badges, inputs, segmented control, shadow/radius scale) each labeled with the CSS vars it uses, so devs can read the theme visually. Plumbed the active palette object via ctx.palette from App.jsx. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
97 lines
7.6 KiB
Markdown
97 lines
7.6 KiB
Markdown
# Спринты
|
||
|
||
Документ для планирования и отслеживания работ по прототипу мобильного приложения Клиники УГН.
|
||
|
||
## Как вести
|
||
|
||
- Каждый спринт — отдельный заголовок `## Спринт N · даты`
|
||
- Задачи — чекбоксы `- [ ] описание`, ставим `- [x]` когда готово
|
||
- По завершении спринта — короткое резюме в блоке **Итоги**
|
||
- Нерешённое переносится в следующий спринт
|
||
|
||
---
|
||
|
||
## Спринт 1 · 19 апр 2026
|
||
|
||
**Цель:** развернуть прототип ЛОР-клиники из дизайн-бандла Claude Design и закрыть базовые пробелы.
|
||
|
||
### План
|
||
- [x] Распаковать дизайн-бандл, перенести на Vite + React (20 экранов)
|
||
- [x] iOS / Android рамки + Tweaks-панель (экраны, устройство, компоновка, акцент, шрифт, плотность, масштаб)
|
||
- [x] Экран результата эндоскопии: 2×2 снимков, заключение, рекомендации, PDF, полноэкранный просмотр
|
||
- [x] Статьи: список с фильтрами по тегам + детальная страница (hero, body-блоки, автор, связанные)
|
||
- [x] Главная 2: универсальный поиск, тайлы, статистика клиники
|
||
- [x] Поиск: врачи / услуги / симптомы / статьи / приёмы с реальной фильтрацией
|
||
- [x] Контакты: телефон, два адреса с мокапами зданий и мини-карт
|
||
- [x] Цены: поиск + пиллы-категории, группировка, диапазон
|
||
- [ ] Развернуть на публичный URL (surge / netlify) и отправить коллегам
|
||
- [ ] Собрать первичный фидбек по прототипу
|
||
|
||
### Итоги
|
||
_заполнить в конце спринта_
|
||
|
||
---
|
||
|
||
## Спринт 2 · 19 апр 2026
|
||
|
||
**Цель:** превратить одиночный чат в центр всех коммуникаций с клиникой — AI-помощник, врач, администратор.
|
||
|
||
**Итоги.** Закрыт. Чат стал списком из трёх диалогов (AI-помощник, врач, администратор), каждая карточка ведёт в отдельную конверсацию с разными UI-акцентами. Таббар автоматически скрывается в подэкранах `chat:<id>`.
|
||
|
||
### План
|
||
- [x] Экран `chat` — список диалогов: AI-помощник (featured), врач, администратор
|
||
- [x] Данные: три чата в `data.js` (kind, участники, сообщения, online, непрочитанные, время последнего сообщения)
|
||
- [x] AI-помощник: расширенный диалог с напоминаниями о лекарствах, чипсы с подсказками ответов
|
||
- [x] Чат с регистратурой: запросы справок, переносы приёмов, счета
|
||
- [x] Экран `chat:<id>` — конверсация: разный аватар/статус/UI-акценты для AI, врача, оператора
|
||
- [x] Видеозвонок-кнопка только у врача; suggested replies только у AI
|
||
- [x] Переадресация: сурджен в «Восстановлении» → `chat:doctor-syndaev`
|
||
- [x] Tweaks: добавить три варианта чата в список экранов
|
||
|
||
### Задел на Спринт 3
|
||
- [ ] Экран онбординга (первый запуск)
|
||
- [ ] Пустые состояния для всех вкладок
|
||
- [ ] Анимации переходов между экранами
|
||
- [ ] Реальные аватары врачей и иконки
|
||
- [ ] Сравнение результатов эндоскопии с предыдущим
|
||
- [ ] Раздел «Программа лояльности» (бонусы, уровни)
|
||
- [ ] Детальная карточка услуги (с описанием и подготовкой)
|
||
- [ ] Форма обратной связи / отзыв о враче
|
||
- [ ] Тёмная тема
|
||
|
||
### Итоги
|
||
_заполнить в конце спринта_
|
||
|
||
---
|
||
|
||
## Спринт 3 · 20 апр 2026
|
||
|
||
**Цель:** применить новую палитру из дизайн-системы (скрин от 20.04) и добавить её как 4-й вариант в Tweaks.
|
||
|
||
Входные цвета: `#ffffff #fffde4 #f2fee6 #d4f6f8 #e9e4d4 #ffa39c #63bac3 #29aee3 #93908f` — sky-blue primary + coral accent + warm pastels.
|
||
|
||
### План
|
||
- [x] Расширить схему `ACCENT_OPTIONS`: добавить `accent`, `accentDark`, `accent50` (чтобы палитра меняла и красный акцент, а не только primary + warm)
|
||
- [x] Обновить `applyTheme` — устанавливать `--c-accent`, `--c-accent-dark`, `--c-accent-50` из палитры
|
||
- [x] Проставить accent-поля в существующих палитрах (тил/терра/марин) → сохранить текущий красный `#E04E44`
|
||
- [x] Добавить 4-ю палитру **Лагуна**: primary `#29AEE3`, accent `#FFA39C`, warm `#E9E4D4`
|
||
- [x] Пристроить три оставшихся цвета из скрина: `#f2fee6` → `success-50`, `#93908f` → `fg-4`, `#63bac3` → `primary-300` (с видимым применением в бордере Clinic Stats card на Home V2)
|
||
- [x] Добавить 5-ю палитру **Бриз** — вариант Лагуны с приглушённым primary `#63BAC3` (яркий `#29AEE3` переехал в p300, warm/accent/success/fg-4 наследуются от Лагуны)
|
||
- [ ] Визуальная проверка всех экранов в новой палитре: кнопки, чипы, CTA, прогресс восстановления, успех-галочка, таббар-бейджи
|
||
|
||
---
|
||
|
||
## Спринт 4 · 20 апр 2026
|
||
|
||
**Цель:** служебные экраны для разработчиков — визуализация дизайн-системы прямо в прототипе, чтобы переключая палитру сразу видеть все цвета и их применение.
|
||
|
||
### План
|
||
- [x] Пробросить текущую палитру через `ctx.palette` (чтобы dev-экраны могли прочитать все поля)
|
||
- [x] Экран **DEV · Палитра**: таблица всех цветов (primary / warm / accent / status / neutrals / text), у каждой строки — свотч, название роли, CSS-переменная, hex-код, краткое описание применения
|
||
- [x] Экран **DEV · Примеры**: реальные компоненты (кнопки, чипы, карточки, текстовая иерархия, статусы) с подписями «какая CSS-переменная используется»
|
||
- [x] Добавить оба экрана в SCREEN_OPTIONS Tweaks
|
||
- [x] Динамический рендер: при переключении палитры значения hex обновляются автоматически
|
||
|
||
### Итоги
|
||
_заполнить в конце спринта_
|