Change Details

## User Story As a user I want to be made aware of how to assign labels to watchlist items. ## Acceptance criteria * When I visit the watchlist after labels are enabled I see a set of popups to tell me about assigning labels to watchlist items. * The popups should appear for skins (such as Vector-2022) that support the `associated-pages` menu as well as skins that don't. ## Details for QA * Should appear **only** until the user dismisses it with the 'Got it' button, and should not appear again afterwards. ## Designs Full designs here https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=327-15767&p=f&t=it3KLwgfVRsWHUqn-0 The SVGs can be extracted from the Figma project. ### Vector-2022 * 1 of 3: {F70927730} **Create labels** Go to 'Manage labels' to create, rename and delete custom labels. * 2 of 3: {F70927755} **Assign labels** Go to 'Edit watchlist' to assign labels to watched pages. * 3 of 3: {F70927767} **Filter by labels** Go to 'Labels' to filter the edits. ### Legacy * 1 of 2: {F70927852} **Create and assign labels** In 'Manage labels' create custom labels and assign them in 'Edit watchlist'. * 2 of 2: {F70927877} **Filter by labels** Go to 'Labels' to filter the edits.

## User Story As a user I want to be made aware of how to assign labels to watchlist items. ## Acceptance criteria * When I visit the watchlist after labels are enabled I see a set of popups to tell me about assigning labels to watchlist items. * The popups should appear for skins (such as Vector-2022) that support the `associated-pages` menu as well as skins that don't. ## Details for QA * Should appear **only** until the user dismisses it with the 'Got it' button, and should not appear again afterwards. * The dismissal is saved as a hidden user preference, so will apply to a user regardless of what device they're using. * The only way to un-dismiss the onboarding after clicking 'Got it' is with the "reset settings" link in Special:Preferences (or deleting the row in the `user_properties` DB table where `up_property` = `watchlistlabelonboarding`). ## Designs Full designs here https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=327-15767&p=f&t=it3KLwgfVRsWHUqn-0 The SVGs can be extracted from the Figma project. ### Vector-2022 * 1 of 3: {F70927730} **Create labels** Go to 'Manage labels' to create, rename and delete custom labels. * 2 of 3: {F70927755} **Assign labels** Go to 'Edit watchlist' to assign labels to watched pages. * 3 of 3: {F70927767} **Filter by labels** Go to 'Labels' to filter the edits. ### Legacy * 1 of 2: {F70927852} **Create and assign labels** In 'Manage labels' create custom labels and assign them in 'Edit watchlist'. * 2 of 2: {F70927877} **Filter by labels** Go to 'Labels' to filter the edits.

## User Story As a user I want to be made aware of how to assign labels to watchlist items. ## Acceptance criteria * When I visit the watchlist after labels are enabled I see a set of popups to tell me about assigning labels to watchlist items. * The popups should appear for skins (such as Vector-2022) that support the `associated-pages` menu as well as skins that don't. ## Details for QA * Should appear **only** until the user dismisses it with the 'Got it' button, and should not appear again afterwards. * The dismissal is saved as a hidden user preference, so will apply to a user regardless of what device they're using. * The only way to un-dismiss the onboarding after clicking 'Got it' is with the "reset settings" link in Special:Preferences (or deleting the row in the `user_properties` DB table where `up_property` = `watchlistlabelonboarding`). ## Designs Full designs here https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=327-15767&p=f&t=it3KLwgfVRsWHUqn-0 The SVGs can be extracted from the Figma project. ### Vector-2022 * 1 of 3: {F70927730} **Create labels** Go to 'Manage labels' to create, rename and delete custom labels. * 2 of 3: {F70927755} **Assign labels** Go to 'Edit watchlist' to assign labels to watched pages. * 3 of 3: {F70927767} **Filter by labels** Go to 'Labels' to filter the edits. ### Legacy * 1 of 2: {F70927852} **Create and assign labels** In 'Manage labels' create custom labels and assign them in 'Edit watchlist'. * 2 of 2: {F70927877} **Filter by labels** Go to 'Labels' to filter the edits.