[Dashboard] Feature Preview

[gtsiolis]

Problem to solve

Currently, Feature Preview is a section within User Settings (/settings) which includes a checkbox that toggles the visibility of the Default IDE option below, lacks visual feedback upon enabling, and abruptly update the settings page to inject the Default IDE preference.

This is part of #3300. 🍕

User Experience goal

The user should be able to enable or disable the Feature Preview without abruptly updating the user interface.

Proposal

In this context, it seems optimal use a modal that describes Feature Preview and provides a single CTA button that toggles Feature Preview. This has the following benefits:

1. Allow the product to perform a page refresh if needed so that experimental features that change the user interface like Default IDE surface without surprising the user with hidden user interface options.
2. Make this action more prominent and provide better awareness for the users.
3. Let's use the user dropdown menu to host the Feature Preview item and use a modal.

In this first MVC (minimum viable change), we can do the following:

1. Add Feature Preview in the user menu.
2. Show a modal describing Feature Preview.

Components involved:

1. Button
2. Modal
3. Dropdown

Future steps

1. In the future, we could group the Default IDE with other user preferences like theme, click behavior for opening workspaces (see Do not open a new tab for opening new or existing workspaces from the dashboard #2516), and more.

Designs

Dropdown	Enable	Disable	Spacing

See also design specs.

Documentation

No documentation changes are needed for this first iteration.

/cc @csweichel because Feature Preview

[svenefftinge]

Removing the milestone, because we can go without the feature preview page (there is nothing in preview atm).
/cc @csweichel

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[gtsiolis]

Reopening in case feature preview becomes relevant again anytime soon.

[svenefftinge]

I think this is a great approach. Could we make it so that as a user I don't opt-in to all or nothing, but that I can enable/disable certain features. E.g. through checkboxes?
Also a way to provide feedback would be important, especially on disabling a feature.

[gtsiolis]

Feel good to come back to this issue! Adding below some design specs on how we could add feature preview back to the dashboard in a more scalable way to support more features in the future.

User indicator	User dropdown

Modal (Unselected)	Modal (Selected)

See new design specs.

[gtsiolis]

Removing this from the crew board for now as we can invite community members to try this by joining a team or visiting /new with #5477 and #5476. Cc @jankeromnes @AlexTugarev @svenefftinge

We can come back to the designs in #3403 (comment) if we want to reintroduce Feature Preview in the future. Thanks, everyone! 🏀

[gtsiolis]

Removing assignee until we pick this up again. Cc @jldec