Page MenuHomePhabricator

Suggestion Mode: Implement contextual Toasts to communicate state changes
Open, In Progress, Needs TriagePublic3 Estimated Story Points

Description

Background

As part of the usability testing conducted for T414518, we identified that contextual Toast feedback significantly improves clarity and user confidence when interacting with Suggestion Mode. Toasts were not part of the original scope of T414518, but testing clearly showed they:

  • Reinforce system state changes (on/off)
  • Clarify when new suggestions become available
  • Confirm when all suggestions have been resolved
  • Reduce ambiguity and cognitive load
  • Improve perceived control

This task aims to implement Toast feedback for key state changes in Suggestion Mode to ensure a consistent and clear experience while finding and completing suggestions.

User stories

  • As a user, when I turn suggestions on or off, I want confirmation that the system state has changed, so that I feel confident in what is currently visible.
  • As a user, when loading the full-page on mobile, I want to be clearly informed that more suggestions are now available so I can complete/decline them.
  • As a user, when I resolve the last suggestion, I want confirmation that there are no more suggestions left, so that I don’t continue searching unnecessarily.

Toasts to implement

Implement auto-dismiss Toasts for the following cases:

  1. When turning Suggestions are turned on → "Suggestions turned on" or "No suggestions available" (in both desktop + mobile)
  2. When turning Suggestions are turned off → "Suggestions turned off” (in both desktop + mobile)
  3. When loading the full page on mobile and more suggestions become available → “More suggestions are now available” (just on mobile, after clicking on the "Edit full-page" button)
  4. When completed/declined all suggestions available in the article, or if an article/section doesn't include any suggestion → “No more suggestions left.” (in both desktop + mobile)
image.png (4,336×2,440 px, 750 KB)
image.png (2,880×2,016 px, 891 KB)
mobiledesktop

Open questions

Add here the questions to be answered in order to design and implement the component

Acceptance criteria (or Done)

  • Implement the Toasts listed in the task in both desktop and mobile

Related Objects

Event Timeline

VPuffetMichel set the point value for this task to 3.Apr 13 2026, 5:17 PM

Mobile toast appears at the bottom of the page. We can file a separate task to look into moving it up to avoid keyboard clash.

Mobile toast appears at the bottom of the page. We can file a separate task to look into moving it up to avoid keyboard clash.

Task created T423233.

Esanders changed the task status from Open to In Progress.Apr 15 2026, 11:44 AM
Esanders claimed this task.

Change #1271696 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/VisualEditor@master] Show notifications when interacting with suggestions

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

@Esanders I've reviewed the implemented Toasts in both desktop and mobile and they look good.

I've just a couple of observations about the 0 suggestions one:

  • Copy: I wonder if "No more suggestions available" would be better than "No more suggestions left"
  • Behavior: related to T422949, when users turn on suggestions and none are available, it may be clearer to show a “No suggestions available for now” Toast instead of “Suggestions turned on” as it better explains what users will find.

Change #1271696 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Show notifications when interacting with suggestions

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

@Esanders I've reviewed the implemented Toasts in both desktop and mobile and they look good.

I've just a couple of observations about the 0 suggestions one:

  • Copy: I wonder if "No more suggestions available" would be better than "No more suggestions left"
  • Behavior: related to T422949, when users turn on suggestions and none are available, it may be clearer to show a “No suggestions available for now” Toast instead of “Suggestions turned on” as it better explains what users will find.

Sounds good. I'd change "No suggestions available for now" to "No suggestions available yet"

Change #1278392 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/VisualEditor@master] EditCheck: Update toast copy

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

@Esanders I've reviewed the implemented Toasts in both desktop and mobile and they look good.

I've just a couple of observations about the 0 suggestions one:

  • Copy: I wonder if "No more suggestions available" would be better than "No more suggestions left"
  • Behavior: related to T422949, when users turn on suggestions and none are available, it may be clearer to show a “No suggestions available for now” Toast instead of “Suggestions turned on” as it better explains what users will find.

Sounds good. I'd change "No suggestions available for now" to "No suggestions available yet"

@Esanders agree on this copy change.

Per offline discussion with @bmartinezcalvo on 20 April 2026, toasts ought to be limited to the following cases for now:

CaseToast copyNotes
Turn Suggestion Mode OFFSuggestions turned off
Turn Suggestion Mode ON when ≥1 suggestions are available within the articleSuggestions turned on
Turn Suggestion Mode ON when 0 suggestions are available within the articleNo suggestions available

Said another way, toasts should ❌ NOT ❌ appear in the following cases:

CaseToast copyNotes
When loading the full page on mobile and more suggestions become availableN/A
When completed/declined all suggestions available in the article, or if an article/section doesn't include any suggestionN/A

These changes are in service of:

  1. Ensuring people clearly understand when Suggestion Mode is ON/OFF and, relatedly, what the effect is of tapping the 💡 button
  2. Creating a relatively distraction-free environment for people to edit within and add feedback/interaction when the absence of such creates confusion
ppelberg updated the task description. (Show Details)

Change #1283740 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/VisualEditor@master] EditCheck: Simplify suggestions-toggle toasts

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

Change #1283740 abandoned by Esanders:

[mediawiki/extensions/VisualEditor@master] EditCheck: Simplify suggestions-toggle toasts

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

Change #1278392 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] EditCheck: Simplify suggestions-toggle toasts

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