DevTools: Add "New" button to launch timeline landing page.

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

Index: third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js
diff --git a/third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js b/third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js
index ee4b00e5fa4a005dd818d8382a51c1f40d49b3f7..8a2264638c5ededb34773e0bf0ef629c18b83fec 100644
--- a/third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js
+++ b/third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js
@@ -293,6 +293,10 @@ Timeline.TimelinePanel = class extends UI.Panel {
 
     // Record
     if (Runtime.experiments.isEnabled('timelineLandingPage')) {
+      const newButton = new UI.ToolbarButton(
+          Common.UIString('New recording'), 'largeicon-add', Common.UIString('New'));
+      newButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
+      this._panelToolbar.appendToolbarItem(newButton);
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButton(this._toggleRecordAction));
       this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('main.reload'));
     } else if (Runtime.experiments.isEnabled('timelineRecordingPerspectives') &&
@@ -305,9 +309,11 @@ Timeline.TimelinePanel = class extends UI.Panel {
     }
 
     // Clear
-    var clearButton = new UI.ToolbarButton(Common.UIString('Clear recording'), 'largeicon-clear');
-    clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
-    this._panelToolbar.appendToolbarItem(clearButton);
+    if (!Runtime.experiments.isEnabled('timelineLandingPage')) {
+      const clearButton = new UI.ToolbarButton(Common.UIString('Clear recording'), 'largeicon-clear');
+      clearButton.addEventListener(UI.ToolbarButton.Events.Click, this._clear, this);
+      this._panelToolbar.appendToolbarItem(clearButton);
+    }
 
     this._panelToolbar.appendSeparator();
 
@@ -371,6 +377,7 @@ Timeline.TimelinePanel = class extends UI.Panel {
       this._onModeChanged();
     }
 
+    // Checkboxes
     if (Runtime.experiments.isEnabled('timelineLandingPage')) {
       if (!this._model.isEmpty()) {
         this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(Common.UIString('Memory'),
@@ -421,14 +428,16 @@ Timeline.TimelinePanel = class extends UI.Panel {
         this._panelToolbar.appendToolbarItem(checkbox);
       }
     }
-    this._panelToolbar.appendSeparator();
-    this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
 
     this._panelToolbar.appendSeparator();
     this._cpuThrottlingCombobox = new UI.ToolbarComboBox(this._onCPUThrottlingChanged.bind(this));
     this._panelToolbar.appendToolbarItem(this._createNetworkConditionsSelect());
     this._panelToolbar.appendToolbarItem(this._cpuThrottlingCombobox);
     this._populateCPUThrottingCombobox();
+
+    this._panelToolbar.appendSeparator();
+    this._panelToolbar.appendToolbarItem(UI.Toolbar.createActionButtonForId('components.collect-garbage'));
+
     this._updateTimelineControls();
   }