5.5.4 History + All tabs UI — activate the Activity section seam (feed rows, Show more, the cross-tab sort toggle)
Estimate: 30m · Depends on: 5.5.1, 5.5.2, 5.5.3, 5.1.5
The UI: activate the History filter seam 5.1.5 ships disabled, and add the All merge — completing the Activity section.
Build (extending 5.1.5's CommentsSection into the full ActivitySection): the live tab row (All / Comments / History, default Comments, counts); the history feed rows per the 5.5.3 grammar — every per-change-type form, the fallback row, deleted-referent forms, created/archived anchors; the All interleave rendering each entry in its native grammar; "Show more" per tab edge driving the respective cursor reads (scroll position preserved); the ONE sort toggle now governing all three tabs (the verified cross-tab rule — refetch all active sources on flip, persisted as 5.1.5 does); loading skeletons (the history-row variant) + empty states + ErrorState. Comments behaviour is UNCHANGED (5.1.5 owns it — this subtask must not regress its tests). Tab choice is URL-driven (?activity=all|comments|history — shareable, the house pattern). Strings via next-intl.
A11y: the filter row per the design's grammar (tabs/filters with proper roles + keyboard), each feed a labelled list with entries readable as full sentences, the sweep extended over the populated History + All states.
Acceptance criteria
- The section matches
activity-history.mock.htmlpanel-for-panel: all three tabs live (URL-driven, default Comments), every change-type row form renders from seeded data (incl. fallback + former-member), All interleaves in true order, Show more pages each tab, the single toggle flips all tabs. - The Comments tab is byte-identical to 5.1.5 (its tests untouched and green); no mutation affordance exists on history entries (read-only).
- Axe-clean over History + All populated states; token tiers only; next-intl strings.
- Component/integration tests over tab switching, paging, toggle propagation, and a render test per change-type row; coverage ≥90%.
Context refs
design/work-items/activity-history.mock.html+ notes (5.5.3) — THE authority- 5.1.5 (
CommentsSection+ the seam + the toggle to generalise); 5.5.1/5.5.2 reads - The URL-driven view pattern (2.5.8
?view=precedent) - The 2.4.6 detail a11y sweep (extend scope)