I've written the relevant section, which will be added to MediaWiki as part of T435651.

Calling this a 3 due to potential emergent complexity

Change #1333874 had a related patch set uploaded (by Samtar; author: Samtar):

[mediawiki/extensions/PersonalDashboard@master] ReviewChanges: explain the feed with a header info popover

https://gerrit.wikimedia.org/r/1333874

Oh just FYI on the design - the above designs were prior to the -> being added, so I've placed the info button as such:

We can swap them around if that makes more sense

Hiya @TheresNoTime! In the coming iterations, there won't be that arrow in the top corner of the module. So you can get rid of the arrow.

Ah makes sense, will do!

Changes made

Task changing per Planning Meeting, details tbc

Hiya @TheresNoTime!
Here are the updates to the designs (Figma). Let me know if something is missing.

Mobile

1a. Personal dashboard	2a. Review changes page	3a. Overflow menu	4a. Personalization	5a. About Review Changes

Desktop

1b. Personal dashboard	2b. Review changes page	3b. Overflow menu	4b. Personalization	5b. About Review Changes

1 - In the new iteration of the module, the description text is moved from the top of the Review changes module to the overflow menu, under About Review changes. On mobile it opens a popover and on desktop, it opens a dialog.
3 - The overflow menu will open 2 items: “Personalization” and “About Review changes”. “Personalization” opens the opportunity to turn on/off the personalization of the module. “About Review changes” opens a popover (mobile) or dialog “Desktop” with the description text.
4 - Popover on mobile and dialog on Desktop with the toggle element. By default, personalization is turned ON.
Title: Personalize Review changes
Toggle switch title: Personalization
Description: Suggests changes using the recommender system. Learn more with the learn more link:
https://www.mediawiki.org/wiki/Home/Recommendations#Review_Changes
5 - Title: About Review changes
Description: These edits were made by other users. Stay up to date and help maintain Wikipedia’s quality by reviewing them.

Popover and dialog without toggle switch
For the intermediate step, below are the modals/dialogs without the toggle in the “Personalization” screen.

Mobile	Desktop

Additionally, there are updates coming to multiple card design; this is currently in Codex beta
https://doc.wikimedia.org/codex/main/components/demos/card.html#divider
This would change the way that the full page of cards will like eg. after tapping on "See all changes" and more of the changes show in a separate page.

In T433725#12303125, @TheresNoTime wrote:

Looks good (the "Popover and dialog without toggle switch" desktop screenshot seems to be missing the modal but I can infer from the designs) - thank you!

Sorry @TheresNoTime, my mistake. I have updated the screenshot now.

Test wiki created on Patch demo by TheresNoTime using patch(es) linked to this task:
https://1f0260b086.catalyst.wmcloud.org/w/

First pass on patchdemo ^

Think the menu item padding could be a little off, and I note in the design there is a dividing line between the two menu items - this isn't a part of how codex does menu items it seems, but did we want them?

Thanks! The "About Review changes" is in the footer of the menu, which has a divider.

In T433725#12303814, @OTichonova wrote:

Thanks! The "About Review changes" is in the footer of the menu, which has a divider.

ahhh, thank you!

There's some weird spacing on desktop below the first menu item. Closing the menu and re-opening it seems to resolve the issue:

I wonder if the 'Learn more' link should default to opening in a new tab, to make it easier to continue in the Dashboard afterwards? @OTichonova

Otherwise this is looking good to me!

In T433725#12312446, @Samwalton9-WMF wrote:

There's some weird spacing on desktop below the first menu item. Closing the menu and re-opening it seems to resolve the issue:

Resolved :)

Test wiki on Patch demo by TheresNoTime using patch(es) linked to this task was deleted:

https://1f0260b086.catalyst.wmcloud.org/w/

Test wiki created on Patch demo by TheresNoTime using patch(es) linked to this task:
https://79932dd109.catalyst.wmcloud.org/w/

Thanks for the work @TheresNoTime, looks good!

Just a couple of small things:

1. On mobile view there is something happening to the menu when it is open - the menu items are not full menu width.

2. On mobile, when entering the view of all cards. The overflow menu icon is right up against the corner of the screen. Can padding be the same as it is currently for the back arrow? (In designs it is 8px, but there is extra padding around the arrow button, I think the distance from the arrow point to endge of screen is 12px.)

Current	Designs

3. Not sure if this is part of this ticket, but the module header height is still higher than it should be on the personal dashboard main page for mobile and desktop. The header height for the module should be 46px, while currently it is closer to 61. Once the view of all cards is open on mobile and desktop, the header decreases to the correct height. Can the height of the header section match on both pages?

Dashobard page and all cards view

1 and 2 I can definitely address as part of this task, 3 might be pre-existing but will take a look - thank you! :)

Patch updated & https://79932dd109.catalyst.wmcloud.org/wiki/Main_Page rebuilt

@TheresNoTime Looks good, thanks! Moving it along.

Just noting that this patch is going to have some conflicts when T436570: PersonalDashboard: Shared feed REST API for the dashboard feed scaffold lands, so that may be delaying code review (i.e. it probably shouldn't get merged before the scaffold patches, but could still get +1s)

In T433725#12328099, @TheresNoTime wrote:

Just noting that this patch is going to have some conflicts when T436570: PersonalDashboard: Shared feed REST API for the dashboard feed scaffold lands, so that may be delaying code review (i.e. it probably shouldn't get merged before the scaffold patches, but could still get +1s)

No conflicts it seems, good to be merged

Change #1333874 merged by jenkins-bot:

[mediawiki/extensions/PersonalDashboard@master] ReviewChanges: explain the feed from a header overflow menu

https://gerrit.wikimedia.org/r/1333874

Test wiki created on Patch demo by DHardy-WMF using patch(es) linked to this task:
https://e99f391c98.catalyst.wmcloud.org/w/

Test wiki on Patch demo by TheresNoTime using patch(es) linked to this task was deleted by TheresNoTime via DeleteWikis-SingleDelete:

https://79932dd109.catalyst.wmcloud.org/w/