Add option to mark features experimental in soft menus

Bug: 414331596
Change-Id: I2f7b455b4ed26d6edf8650eac456d074a54d28da
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6822161
Reviewed-by: Kim-Anh Tran <[email protected]>
Commit-Queue: Kateryna Prokopenko <[email protected]>
Auto-Submit: Kateryna Prokopenko <[email protected]>

Author: Kateryna Prokopenko

front_end/entrypoints/main/MainImpl.ts

@@ -55,7 +55,6 @@ import * as ProjectSettings from '../../models/project_settings/project_settings
 import * as Workspace from '../../models/workspace/workspace.js';
 import * as Snippets from '../../panels/snippets/snippets.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
-import * as IconButton from '../../ui/components/icon_button/icon_button.js';
 import * as Snackbar from '../../ui/components/snackbars/snackbars.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
@@ -965,17 +964,9 @@ export class MainMenuItem implements UI.Toolbar.Provider {
         continue;
       }
 
-      if (viewExtension.isPreviewFeature()) {
-        const additionalElement = IconButton.Icon.create('experiment');
-        moreTools.defaultSection().appendItem(title, () => {
-          void UI.ViewManager.ViewManager.instance().showView(id, true, false);
-        }, {disabled: false, additionalElement, jslogContext: id});
-        continue;
-      }
-
       moreTools.defaultSection().appendItem(title, () => {
         void UI.ViewManager.ViewManager.instance().showView(id, true, false);
-      }, {jslogContext: id});
+      }, {isPreviewFeature: viewExtension.isPreviewFeature(), jslogContext: id});
     }
 
     const helpSubMenu = contextMenu.footerSection().appendSubMenuItem(i18nString(UIStrings.help), false, 'help');

front_end/ui/legacy/SoftContextMenu.ts

@@ -308,6 +308,11 @@ export class SoftContextMenu {
     }
     ARIAUtils.setLabel(menuItemElement, accessibleName);
 
+    if (item.isExperimentalFeature) {
+      const experimentIcon = IconButton.Icon.create('experiment');
+      menuItemElement.appendChild(experimentIcon);
+    }
+
     this.detailsForElementMap.set(menuItemElement, detailsForElement);
 
     return menuItemElement;