**Context**

As part of our on-going work on Primer-ising OpenProject, this feature aims to Primerise the _Activity_ tab in work packages behind a feature flag, to lay the groundwork for further integration with Open points.

**Acceptance criteria**

* Use Primer components to rebuild the current Activity tab (in the right hand panel of Work package details view)

* These current elements must be present:

* Meta information:

* User name

* Date/time

* #id

* Notification badge (if present)

* More icon with existing actions

* Comment text

* Change Begin of the insertionlist End of the insertion Begin of the deletion listEnd of the deletion

* Begin of the insertionReply/Quote buttonEnd of the insertion Begin of the deletion Open:End of the deletion

* Begin of the insertion\[open\]End of the insertion Begin of the deletion Reply/Quote button?

* End of the deletion Emoji button?

* New comment box Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Begin of the insertionThis will be handled as a fixed element at the bottom of the page

* Filtering with these options:

* Show everything

* Show changes only

* Show comments only

* Ordering (move it here instead of hiding it in a separate settings page):

* Newest on top

* Oldest on top

* End of the insertion _Additional specifications to be defined_


**Out of scope**

* Begin of the deletion Quoting

* End of the deletion Primerisation of other elements of the page, including:

* The tab bar itself

* Other tabs (such as Files, Relations, Watchers)

* Threads (the ability to start a new thread with a reply to individual comments)

* Begin of the insertionOpen pointsEnd of the insertion Begin of the deletion Separation of "comment" and "update" elementsEnd of the deletion

* Begin of the insertionSeparation of _comment_ and _change activities_




End of the insertion Begin of the deletion Open points


End of the deletion **Figma prototype**

Begin of the insertion[https://www.figma.com/file/Lb7ao364ppIiPxp9ptSXkM/Primerised-Activity-Panel?type=design&node-id=0-1&mode=design](https://www.figma.com/design/Lb7ao364ppIiPxp9ptSXkM/Threads?node-id=0-1)End of the insertion Begin of the deletion [https://www.figma.com/file/Lb7ao364ppIiPxp9ptSXkM/Primerised-Activity-Panel?type=design&node-id=0-1&mode=design](https://www.figma.com/file/Lb7ao364ppIiPxp9ptSXkM/Primerised-Activity-Panel?type=design&node-id=0-1&mode=design) 

**Visuals**

Visuals are for reference only and are subject to change. Please always refer to the Figma prototype for the latest changes.

_With Emoji option:_

_<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/101863/content">_

_Without Emoji option:_

_<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/101864/content">_End of the deletion