**As** a meeting facilitator, present or participant
**I want to** know when someone has edited the meeting agenda concurrently
**so that** I can have the latest version of the meeting agenda

##### **Acceptance criteria**

* When a user on a Meeting agenda page and another user edits the same page concurrently,

* Notify the user via a Primer banner (previously flash) that the page has been updated with a button to reload the page

* The info banner/flash will be horizontally centered, with a "Reload" action.

* ~~Update the banner in Notification center with this one.~~ (Might not be possible, the page is Angular-based).


#### Actions that trigger the flash

<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Action</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Trigger flash?</strong></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Edit title</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Edit details (time, location, duration...)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Edit participants (add or remove participants)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✖</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Edit attachments (add or remove attachments)<br><i>The flash will trigger once agenda items have been edited with the Begin of the insertionattachments</i></p></td><tdEnd of the insertion Begin of the deletion agenda item</i></p></td><tdEnd of the deletion class="op-uc-table--cell"><p class="op-uc-p">✖</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Editing agenda items (add new ones, remove, edit description)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Editing sections (add sections, remove sections)</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Reordering items</p></td><td class="op-uc-table--cell"><p class="op-uc-p">✅</p></td></tr></tbody></table></figure> Begin of the insertion

End of the insertion Begin of the deletion



End of the deletion ##### **A note on Primer components**

This Primer [banner](https://primer.style/components/banner) (previously [flash](https://primer.style/components/flash/)) offers a full and a _floating_ version. As discussed with <mention class="mention" data-id="72512" data-type="user" data-text="@Marc Alcobé">@Marc Alcobé</mention> and <mention class="mention" data-id="39106" data-type="user" data-text="@Henriette Darge">@Henriette Darge</mention>, we&#39;ll use the smaller, non-full version for this. This is in contrast to the full version we use at the end of the file storage configuration flow. The difference is logical, since one is an expected success banner announcing the end of a multi-stage process and this one is an info banner announcing a punctual, unexpected but relevant information (that is often immediately dismissed, either with a close or a reload).

We&#39;ll also need to modify the behaviour of the Primer component to allow it to float with a fixed positioning on top of the viewport, such that it remains fixed even when scrolling the page.

##### Visuals

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

##### **Mockup**

Figma link: [https://www.figma.com/file/cJDhzOmYMstUNRS3EmgqZ0/Meetings-Module?type=design&amp;node-id=1995-28098&amp;mode=design](https://www.figma.com/file/cJDhzOmYMstUNRS3EmgqZ0/Meetings-Module?type=design&node-id=1995-28098&mode=design)

##### **Out of scope**

The current feature is a smaller fix to improve the usability of the Meetings module:

* It does not offer in-place warnings for detection of concurrent, conflicting edits at an agenda-item, just a general one for the page.

* This is similar to what we currently have in Notification centre.

* Real-time editing would be an improvement over this but is a much larger feature, so these are out of scope:

* Collaborative, real-time editing of agenda items: ###53776

* Real-time editing in long text fields in general: ###28933

* No update notification outside of the page is offered. I.e. the notification bell and the in app notification center do not receive a message.