Fourth home variant alongside Карточки / Лента / Таймлайн,
labeled "Таймлайн X" in Tweaks "Главный экран". Designed for
patients with chronic conditions (not post-op).
data.js: new `chronic` object — condition, stage, doctor,
metrics (days since last flare-up, compliance %, flare-ups this
year), daily + scheduled tasks, lifestyle recommendations, and
5-visit observation history.
HomeTimelineXScreen sections:
- Health status hero with soft gradient primary-100 → warm-100,
success-tinted stable-state chip (green dot), three narrow-font
metrics
- Today's tasks card: daily habits with streak + 🔥, scheduled
procedures with dates
- Ask-a-question promotion: AI card (teal gradient) + doctor
card (with avatar) side by side
- Vertical observation timeline: 5 past visits with doctor initial,
color-coded by type (diagnosis/procedure/therapy/flareup/checkup)
- Upcoming appointment, lifestyle recommendations carousel with
emoji, book CTA, article carousel
Softened hero from dark teal gradient with white text to light
primary-100 → warm-100 gradient with dark text — stable-state
signal, not clinical verdict.
Following Sprint 5 convention: matching entry in src/docs.js under
key `home:timelineX` with title, category, goal, tasks, rationale.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Shared data layer + two access points for design-review docs.
- src/docs.js — SCREEN_DOCS dictionary keyed by screen id with
title, category, goal, tasks[], rationale[], and optional
variants note; helpers getScreenDoc(screenId, ctx) resolves home
variants (home:cards / home:list / home:feed) and compound routes
(doctor:id, article:id, chat:id, etc.); getAllDocs groups by
category; resolveRouteForDoc maps doc key back to a concrete
navigable route
- Toggle "Описания" in Tweaks + plashka above the phone in single
layout: card with category, full-width title, and full goal text
(line-clamp removed so whole sentence is readable); tap opens a
full modal with tasks, rationale, and variants
- Live sync: PhoneApp reports top-of-stack via onCurrentChange prop,
App tracks innerScreen state so the plashka follows the real nav
inside the phone (clicking "Записаться" on home now updates the
plashka to the booking screen)
- DocsScreen route "docs" in Tweaks screen selector — categorized
list of all ~30 screens with collapsible inline descriptions and
an "Открыть экран" CTA per row
- Convention: SPRINTS.md "Правила разработки" + memory note — when
editing any src/screens/* file, update the matching entry in
src/docs.js to keep in-prototype documentation in sync
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Алексей Разорвин