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>
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>
Sprint 2 — chat hub:
- Chat tab becomes a list of three conversations: AI assistant
(featured, gradient card), doctor Syndaev, and clinic administrator
- data.js: new `chats` array with kind, participants, message history,
online/unread state, time of last message, AI suggestions
- screens-chats.jsx: ChatsListScreen and ChatConversationScreen with
per-kind UI — AI gets suggestion chips + AI-badge, doctor gets
video-call button, operator gets phone button
- Recovery surgeon chat button routes to chat:doctor-syndaev directly
- Tab bar auto-hides on pushed chat:<id> routes
- ChatTabScreen removed from screens-misc.jsx
Sprint 3 — color palettes:
- ACCENT_OPTIONS extended with accent/accentDark/accent50,
p300/success50/fg4 so palette switches change the full theme
(primary + warm + accent + muted + success)
- New palette "Лагуна" from the design-system screenshot: primary
#29AEE3 (sky blue), accent #FFA39C (coral), warm #E9E4D4 (beige)
- New palette "Бриз": Лагуна variant with primary #63BAC3 (muted
teal) and the bright sky blue #29AEE3 demoted to p300
- All 9 screenshot colors wired: #f2fee6→success-50, #93908f→fg-4,
#63bac3→p300 (visible as border on Clinic Stats card in Home V2)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Document for tracking sprint plans and completed work. Seeded with
Sprint 1 (initial scaffold + endoscopy, articles, home v2, search,
contacts, prices) and a template for Sprint 2 with candidate ideas.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Алексей Разорвин