Move "Ask AI" context menu item to the bottom of the context menu

For DevTools development (=when using --custom-devtools-frontend), the
Chromium backend appends "Inspect" even after "Ask AI". Otherwise
"Ask AI" is now the last menu item.

Fixed: 380244719
Change-Id: I37ae738351b3bbfdbf66c4611bfe5361ebe0f402
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6219149
Reviewed-by: Alex Rudenko <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>

Author: wolfib

front_end/panels/elements/ElementsTreeElement.ts

@@ -806,7 +806,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     let menuItem;
 
     if (UI.ActionRegistry.ActionRegistry.instance().hasAction('freestyler.element-panel-context')) {
-      contextMenu.headerSection().appendAction(
+      contextMenu.footerSection().appendAction(
           'freestyler.element-panel-context',
       );
     }

front_end/panels/network/NetworkLogView.ts

@@ -1727,7 +1727,7 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     if (request) {
       if (UI.ActionRegistry.ActionRegistry.instance().hasAction('drjones.network-panel-context')) {
         UI.Context.Context.instance().setFlavor(SDK.NetworkRequest.NetworkRequest, request);
-        contextMenu.headerSection().appendAction(
+        contextMenu.footerSection().appendAction(
             'drjones.network-panel-context',
         );
       }

front_end/panels/sources/SourcesPanel.ts

@@ -961,7 +961,7 @@ export class SourcesPanel extends UI.Panel.Panel implements
       const editorElement = this.element.querySelector('devtools-text-editor');
       if (!eventTarget.isSelfOrDescendant(editorElement) && uiSourceCode.contentType().isTextType()) {
         UI.Context.Context.instance().setFlavor(Workspace.UISourceCode.UISourceCode, uiSourceCode);
-        contextMenu.headerSection().appendAction(
+        contextMenu.footerSection().appendAction(
             'drjones.sources-panel-context',
         );
       }

front_end/panels/timeline/TimelineFlameChartDataProvider.ts

@@ -231,7 +231,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW
       const aiCallTree = Utils.AICallTree.AICallTree.from(entry, this.parsedTrace);
       if (aiCallTree) {
         const action = UI.ActionRegistry.ActionRegistry.instance().getAction(PERF_AI_ACTION_ID);
-        contextMenu.headerSection().appendItem(action.title(), () => {
+        contextMenu.footerSection().appendItem(action.title(), () => {
           const event = this.eventByIndex(entryIndex);
           if (!event || !this.parsedTrace) {
             return;

front_end/ui/legacy/ContextMenu.ts

@@ -334,6 +334,10 @@ export class SubMenu extends Item {
     return this.section('save');
   }
 
+  annotationSection(): Section {
+    return this.section('annotation');
+  }
+
   footerSection(): Section {
     return this.section('footer');
   }
@@ -687,8 +691,10 @@ export class ContextMenu extends SubMenu {
 
   private static pendingMenu: ContextMenu|null = null;
   private static useSoftMenu = false;
-  static readonly groupWeights =
-      ['header', 'new', 'reveal', 'edit', 'clipboard', 'debug', 'view', 'default', 'override', 'save', 'footer'];
+  static readonly groupWeights = [
+    'header', 'new', 'reveal', 'edit', 'clipboard', 'debug', 'view', 'default', 'override', 'save', 'annotation',
+    'footer'
+  ];
 }
 
 export interface Provider<T> {

front_end/ui/legacy/components/perf_ui/FlameChart.ts

@@ -1443,7 +1443,7 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
         new UI.ContextMenu.ContextMenu(event);
 
     // Generate context menu entries for annotations.
-    const annotationSection = this.contextMenu.section('annotations');
+    const annotationSection = this.contextMenu.annotationSection();
     annotationSection.appendItem(i18nString(UIStrings.labelEntry), () => {
       this.dispatchEventToListeners(
           Events.ENTRY_LABEL_ANNOTATION_ADDED, {entryIndex: this.selectedEntryIndex, withLinkCreationButton: false});