DevTools: Move GPU activity on timeline out of experiment.

third_party/WebKit/Source/devtools/front_end/timeline/TimelineFlameChart.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 377 matching lines @@
         this._appendInteractionRecords();
 
         var threads = this._model.virtualThreads();
         var compositorThreads = threads.filter(thread => thread.name.startsWith("CompositorTileWorker"));
         var otherThreads = threads.filter(thread => !thread.name.startsWith("CompositorTileWorker"));
         if (compositorThreads.length) {
             this._appendHeader(WebInspector.UIString("Rasterizer Threads"), this._headerLevel1);
             for (var i = 0; i < compositorThreads.length; ++i)
                 this._appendSyncEvents(compositorThreads[i].events, WebInspector.UIString("Rasterizer Thread %d", i), this._headerLevel2);
         }
+        this._appendGPUEvents();
 
         this._appendThreadTimelineData(WebInspector.UIString("Main Thread"), this._model.mainThreadEvents(), this._model.mainThreadAsyncEvents(), true);
-        if (Runtime.experiments.isEnabled("gpuTimeline"))
-            this._appendGPUEvents();
 
         otherThreads.forEach(thread => this._appendThreadTimelineData(thread.name, thread.events, thread.asyncEventsByGroup));
 
         /**
          * @param {!WebInspector.TimelineFlameChartMarker} a
          * @param {!WebInspector.TimelineFlameChartMarker} b
          */
         function compareStartTime(a, b)
         {
             return a.startTime() - b.startTime();
@@ skipping 127 matching lines @@
             this._appendAsyncEvent(asyncEvent, this._currentLevel + level);
             lastUsedTimeByLevel[level] = asyncEvent.endTime;
         }
         this._entryTypeByLevel.length = this._currentLevel + lastUsedTimeByLevel.length;
         this._entryTypeByLevel.fill(WebInspector.TimelineFlameChartEntryType.Event, this._currentLevel);
         this._currentLevel += lastUsedTimeByLevel.length;
     },
 
     _appendGPUEvents: function()
     {
-        if (this._appendSyncEvents(this._model.gpuTasks().map(record => record.traceEvent()), WebInspector.UIString("GPU"), this._headerLevel1))
+        if (this._appendSyncEvents(this._model.gpuEvents(), WebInspector.UIString("GPU"), this._headerLevel1, false))
             ++this._currentLevel;
     },
 
     _appendInteractionRecords: function()
     {
         if (!this._irModel)
             return;
         this._irModel.interactionRecords().forEach(this._appendSegment, this);
         this._entryTypeByLevel[this._currentLevel++] = WebInspector.TimelineFlameChartEntryType.InteractionRecord;
     },
@@ skipping 887 matching lines @@
 /**
   * @constructor
   * @param {!WebInspector.TimelineSelection} selection
   * @param {number} entryIndex
   */
 WebInspector.TimelineFlameChartView.Selection = function(selection, entryIndex)
 {
     this.timelineSelection = selection;
     this.entryIndex = entryIndex;
 }