New addons UI

[humitos]

We discussed a lot about addons at the offsite and we came back with a great and more clear idea on how the UI should be. I'm posting here a small video that briefly shows how it:

Peek.2025-03-05.17-40.webm

There are a few key points we want to highlight here:

• The UI element will be at the top center
• The UI element will auto-hide after a few seconds
• There is no "minimized" and "expanded" versions of each addon (we realized that was not needed)
• Version and language selectors are dropdowns
• Search will show the results in a "expanded version" of the same UI (similar to Algolia, Material for MkDocs and others)
• Versions can be pinned from the dashboard and they will be shown at the top of the version list
• Notifications will be shown stacked at the bottom of the UI
• Notifications will auto-hide after a few seconds
• There will be a clickable notification icon to show all the notifications
• The default version is highlighted with a "branch + star" icon

Here is the thought process we went through. Click to expand details and see all the drawings:

humitos

Drawings

agjhonson

Drawings

Offsite discussion: https://docs.google.com/document/d/1efWUL7rdGwOsBUZjycSCB_iFK2PkWNszgrgBjWujO44/edit?tab=t.0#heading=h.jjiwnwrn8gnl

Related issues

• Flyout: configs to remove sections #249
• Flyout: allow users to close it #384
• "Tool bar" or "Dashboard" for addons #53
• Flyout: overlapping content #395