feat #96: redesign History, Report, and Bibliotek (phases 4-6) by ChristopherRotnes · Pull Request #112 · ChristopherRotnes/BodyMapTraining

ChristopherRotnes · 2026-05-04T20:13:45Z

Closes phases 4, 5, and 6 of #96.

Summary

Phase 4 — History: Hero "N økter. Bra trykk." at top; MultiSelect replaced by horizontal magenta pill-chip scroll; session rows always have a 3px solid var(--border-subtle-wl) left strip (accent strip when filter-matched); session title in Cond 700; meta text uses var(--text-muted-wl); calendar empty-cell bg changed to var(--surface-card)
Phase 5 — Report: Dynamic eyebrow from active filters (PERIODE · {DAG} · {N} UKER); two-line Cond 700 hero showing untrained muscle count in magenta; FilterChip updated to pill shape; gap callout card uses var(--accent-bg-08) with AccentChip per muscle; recommendation rows have 3px accent left strip + round magenta + button; sticky CTA "Disse bør du legge inn i programmet →" navigates to Bibliotek; hover detail card uses accent border; prefill prop applied on mount
Phase 6 — Bibliotek: PageHeading "Dine byggklosser."; custom pill tab strip replaces Carbon Tabs; live search input on exercises tab; Snarvei template carousel in exercises tab; exercise rows use AccentChip for muscles and Cond 700 name; template cards have borderRadius: var(--r-card)

Test plan

History: pill filter chips scroll horizontally and toggle correctly; session rows show left strip; hero shows correct count
History: calendar empty cells use surface-card background
Report: eyebrow updates when period or day filters change; hero shows untrained count; gap card shows AccentChips
Report: recommendations render with left strip and + button; sticky CTA appears and navigates to Bibliotek
Bibliotek: pill tabs switch correctly with keyboard ArrowLeft/Right; search filters exercises live
Bibliotek: Snarvei carousel appears when templates exist; template cards have rounded corners
Light mode (g10) verified — all WL tokens have overrides

🤖 Generated with Claude Code

Phase 4 — History: hero with session count, magenta pill filter chips replacing MultiSelect, always-on accent left strip on session rows, Cond 700 session title, muted meta text, surface-card calendar bg. Phase 5 — Report: dynamic eyebrow from active filters, two-line hero showing untrained muscle count, pill-shaped FilterChips, accent-tinted gap callout card with AccentChips, recommendation rows with 3px accent left strip and round magenta + button, sticky CTA to Bibliotek, hover detail card accent border, prefill prop consumed on mount. Phase 6 — Bibliotek: PageHeading hero, custom pill tab strip replacing Carbon Tabs, live search input on exercises, Snarvei template carousel in exercises tab, AccentChip muscle pills on exercise rows, rounded template cards with var(--r-card) radius. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

github-actions · 2026-05-04T20:20:47Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…leed Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

github-actions · 2026-05-04T20:28:37Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

github-actions · 2026-05-04T20:29:47Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…ate, better selected-day visibility, chip trailing spacer Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

github-actions · 2026-05-04T20:37:17Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…idth Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

github-actions · 2026-05-04T20:39:53Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

github-actions · 2026-05-04T20:40:29Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

… switching tabs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

github-actions · 2026-05-04T20:40:56Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

github-actions · 2026-05-04T20:43:15Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…t horizontal bleed

github-actions · 2026-05-04T20:48:29Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…n on html/body instead of per-wrapper clip

github-actions · 2026-05-04T20:55:15Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…l chips visible

github-actions · 2026-05-04T20:58:32Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…ypes) and fix Nullstill layout shift

github-actions · 2026-05-04T21:01:30Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…tory page

…istory

github-actions · 2026-05-04T21:04:08Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…ctive

github-actions · 2026-05-04T21:05:48Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

…ry hero

github-actions · 2026-05-04T21:07:22Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

ChristopherRotnes

Huge amount if issues with visibility and claude had problems fixing it. Needed direct intervention to be find the solution.

ChristopherRotnes

also added small easter eggs.

… prevent layout shift

github-actions · 2026-05-04T21:09:08Z

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-112.westeurope.7.azurestaticapps.net

ChristopherRotnes self-assigned this May 4, 2026

ChristopherRotnes and others added 2 commits May 4, 2026 22:16

fix: remove unused Tag import from Bibliotek.jsx

a5b390b

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: remove unused PageHeading import from Report.jsx

965bde9

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ChristopherRotnes and others added 2 commits May 4, 2026 22:26

fix: wrap filter chip scroll in overflow:hidden to prevent viewport b…

a965a28

…leed Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: always render Nullstill filter button to prevent layout shift

389b17f

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: history hero shows month+count+motivation, filter auto-selects d…

164d321

…ate, better selected-day visibility, chip trailing spacer Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ChristopherRotnes and others added 3 commits May 4, 2026 22:37

fix: remove bleed wrapper from filter chips — scroll within content w…

fe9172b

…idth Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: remove bleed wrapper from Report filter chips

421b14f

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: split Report eyebrow — period and day filter on separate lines

4780480

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix: move Ny øvelse button above Snarveier so button stays fixed when…

774df59

… switching tabs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

fix #96: add overflow:hidden to History filter chip wrapper to preven…

802008f

…t horizontal bleed

fix #96: prevent horizontal chip overflow via global overflow-x:hidde…

6422515

…n on html/body instead of per-wrapper clip

fix #96: replace horizontal chip scroll with flexWrap to guarantee al…

3400594

…l chips visible

fix #96: split report filters into 3 separate rows (period/weekdays/t…

68ae41a

…ypes) and fix Nullstill layout shift

ChristopherRotnes added 2 commits May 4, 2026 23:01

feat #96: context-aware hero text when muscle filter is active on His…

eaeb4fc

…tory page

feat #96: add border separators between filter groups on Report and H…

ef87d6f

…istory

feat #96: hero shows 'N av total økter den dato' when muscle filter a…

4a233b6

…ctive

feat: add per-count motivational messages 1–50 as easter egg on Histo…

dc18a29

…ry hero

ChristopherRotnes commented May 4, 2026

View reviewed changes

fix #96: shorten motivation messages and fix PageHeading minHeight to…

87b77b8

… prevent layout shift

ChristopherRotnes merged commit 0101be0 into master May 4, 2026
2 of 3 checks passed

ChristopherRotnes deleted the feat/96-redesign-phases-456 branch May 8, 2026 08:25

Conversation

ChristopherRotnes commented May 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Test plan

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

ChristopherRotnes left a comment

Choose a reason for hiding this comment

Uh oh!

ChristopherRotnes left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions Bot commented May 4, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

ChristopherRotnes commented May 4, 2026 •

edited

Loading