Motir

Estimate: 32m · Depends on: 5.1.3

The design asset for the History feed + the All merge. 5.1.3 designs the Activity SECTION (tabs seam, comments grammar, sort toggle) with History as its documented disabled slot — this asset extends that grammar to the history entries themselves (the design-gate NONE-exists case for every history row form). DependsOn 5.1.3 (it composes that asset's section + tab grammar — blocked until it lands). Output: design/work-items/activity-history.mock.html + PNG + a design-notes section. Render checklist + AA + dark parity. Mirror: the verified Jira History anatomy.

Specify, panel by panel:

• The activated tab row — All / Comments / History (the 5.1.3 seam made live; default Comments; counts per the reads), the ONE sort toggle governing all tabs (the verified cross-tab rule).
• History row grammar — compact, comment-row-aligned but visually quieter (the feed-vs-conversation distinction): actor Avatar (smaller) + name + the verb sentence + relative time. Per-change-type value forms: scalar ("changed the Priority: Medium → High" — old struck/muted, new emphasised; "None" for empty sides); status (the two workflow labels as Pills with the → between); assignee/user fields (Avatar + name pairs); dates (formatted, the rail convention); description/explanation ("updated the Description" — no body inline); links ("linked PROD-12 as blocks" / removal form, identifier mono + link); labels/components (chip add/remove forms); attachments ("attached <name>" / "removed the attachment <name>"); custom fields (the definition label + per-type value forms incl. option labels); sprint ("moved to Sprint 4" / "moved to the backlog"); comment deleted ("deleted a comment" + reply-count gloss, NO content — the verified rule); created (the anchor: "created the issue") and archived; and the generic fallback row ("changed <key>") — drawn so the fallback is a designed state, not an accident.
• The All stream — comments (full 5.1.3 grammar) interleaved with history rows (this grammar) in one chronology; the visual rhythm that keeps the two scannable (the quieter history rows between comment cards).
• States — "Show more" per tab edge; the loading skeleton (history-row variant); empty History; the deleted-referent fallback ("former member"); light + dark.

Acceptance criteria

• The mockup + PNG + notes exist, composing the 5.1.3 section/tab grammar + shipped primitives + token tiers; render checklist + AA + dark parity pass.
• Panels cover: the live tab row + cross-tab sort toggle, EVERY per-change-type row form listed above (incl. fallback + deleted-referent + created/archived), the All interleave rhythm, and the Show-more/loading/empty states.
• design-notes.md names the row grammar primitives, the noise-suppression policy surface (what never renders), and the quieter-than-comments visual rule.
• No improvised primitive; token needs recorded for 5.5.4.

Context refs

• design/work-items/comments.mock.html + notes (5.1.3) — the section, tab seam, and comment grammar this composes with
• The verified Jira History anatomy + cross-tab sort rule in the Story 5.5 description
• Pill/Avatar/IssueTypeIcon + the rail formatDate conventions — the value-form vocabulary
• Findings #35/#54; the design-mockup render checklist