## Background
The current Edit Toolbar displays many options at the top level, which makes it feel crowded, especially on smaller desktop screens. Due to this crowded Toolbar, some of the options behave different depending on the screen size, e.g. "Insert" uses the icon-only version "+" when resizing, and "Publish changes..." is changed to "Publish...". We should be as much consistent as possible with these options, at least in the same device.
This task is to review and prioritize the toolbar elements, deciding which actions should remain visible and which can be grouped under a menu, to create a cleaner and more simplified editing experience.
{F65697448}
Some of the options we could reevaluate are:
- **Warning icon:** it's used for any page notices for the current page, but we could find a better place for that. Also, this warning icon in the toolbar is competing with the Edit Check warning icons.
- **Link:** Do we really need to have an option in the toolbar for link in desktop? Maybe it could be included within the "Insert" menu.
- **Special characters:** same, do users really need this option visible in the toolbar or could it be within the "Insert" menu?
- **Publish button:** Using ellipses at the end of actions (Publish changes...) is not a good practice (even when the button is loading) and we don't use ellipses to communicate actions that are not loading. I would rephrase to "Publish changes" or simply "Publish".
NOTE: While redesigning the edit toolbar, we should design a responsive version that allows to make the same actions on desktop and mobile. This relates to {T397748}.
##### Considerations
This is how much the top 20-ish toolbar-tools get used: notably, link is used only slightly less than “save” itself.
{F65697484}
### Possible solutions (WIP)
| [[ https://www.figma.com/design/tBiewPcpTndfDgihuyu4Cf/Edit-check---B%C3%A1rbara?node-id=989-64272&t=GSuF2jSs4lGhouwG-11 | Design proposals ]] |
##### Desktop
| {F71596177} | {F65697509} |
| Op.1: Reorganize options and move notice (warning) to another place | Op.2: Place options as a left menu, rename {nav Cite} to {nav Reference}, and replace the warning icon with `iconFeedback` |
##### Mobile
| {F71596153} | {F71596158}|
| Op.1: Group {nav Link} and {nav Cite} as a {nav Add} menu | Op.2: Same as Op.1, making buttons 44px to place Undo + Redo, and grouping VE + Source editing + Other options within an {nav More options} (ellipsis) menu |
##### Other options
//We could explore other options by combining Option 1 and Option 2.//
### Open questions
// Add here the questions to be answered in order to design and implement the component //
### Acceptance criteria (or Done)
**Design**
[] Identify the most used options in the menu
[] Explore new designs to simplify the options in the Toolbar and decide on the best approach (desktop + mobile)
**Implementation**
[] Implement decided solution