mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 12:32:43 +00:00
Marc-André Bombeck
240c15ff15
The range selector said points — 7 pts, Last 7 data points — while the fetch has always treated the value as a calendar-day window. Someone who weighs in twice a week picked 7 pts and saw two, and read that as a broken chart; the labels were the broken part. The tabs now say 7d / 30d / 90d / All across all six locales. Behaviour is unified on the same reading everywhere. The measurement chart's visible slice becomes a real day-window filter — the old slice(-N) was a no-op on the self-fetched path but silently meant last N readings on the dashboard's preloaded batch slice, so the same tab meant two different things depending on the mount path. The mood chart sliced the last N logged days out of the whole history and now windows by days like its siblings. The header chip reads the same grain decision the chart and the data table use instead of re-deriving it in a second memo. Component fixtures move to now-anchored dates: the windows are anchored on now, so absolute-dated fixtures age out of the window and would have exercised only the empty states. The span-dependent cases (weekly chip, bucketed-caption table) mount the All range, which is now the only range that can span past 90 days.
src/components/
React components. The UI primitives are shadcn/ui (new-york style, zinc base) over Radix + Tailwind 4 + Lucide; everything above the primitives is feature-grouped by surface. Components are server components unless they need a hook, state, or browser API, in which case they open with "use client". Charts use Recharts 3 — replacing the chart library requires explicit approval.
Primitives and shell
ui/— shadcn/ui primitives (button, dialog, sheet, table, …). Generated by the shadcn CLI; keep edits minimal and on-style.layout/— the app shell: sidebar, topbar, bottom nav.providers.tsx,version-poller.tsx— top-level context providers and the self-healing stale-shell poller.i18n/— translation context + locale switcher.
Feature groups
insights/— insight status, assessment cards, Coach surface, advisor cards (the largest group).medications/— medication cards, the schedule wizard, intake timeline, detail history.settings/— the section components behind each settings page.measurements/,mood/,dashboard/— entry forms, lists, dashboard tiles.charts/— Recharts wrappers.monitoring/— Umami / GlitchTip client bootstrap.gamification/,targets/,comparison/,doctor-report/,clinician/,onboarding/,admin/— the remaining per-surface groups.
Conventions
Kebab-case filenames; React component exports stay PascalCase regardless. (A handful of PascalCase-filename outliers under medications/ + onboarding/ are pre-existing drift, noted in ../../CLAUDE.md.) Every t() call needs a matching key in messages/en.json — guarded by i18n-call-site-coverage.test.ts. Data reads go through TanStack Query with keys from @/lib/query-keys and unwrap (await res.json()).data. Tests live in __tests__/.