DevTools: move the "Capture *" checkboxes from timeline sidebar to the toolbar.

Source/devtools/front_end/timeline/TimelineFrameOverview.js

 /*
  * Copyright (C) 2013 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 118 matching lines @@
         }
         return visibleFrames;
     },
 
     /**
      * @param {!Array.<!WebInspector.TimelineFrame>} frames
      * @return {number}
      */
     _computeTargetFrameLength: function(frames)
     {
+        const targetFPS = 20;

[apavlov, 2014/07/25 09:10:10]

They say "const" prevents function optimizations. Let's use "var", perhaps with
the /** @const */ annotation whenever required?

+        var result = 1000.0 / targetFPS;
+        if (!frames.length)
+            return result;
+
         var durations = [];
         for (var i = 0; i < frames.length; ++i) {
             if (frames[i])
                 durations.push(frames[i].duration);
         }
         var medianFrameLength = durations.qselect(Math.floor(durations.length / 2));
 
         // Optimize appearance for 30fps, but leave some space so it's evident when a frame overflows.
         // However, if at least half frames won't fit at this scale, fall back to using autoscale.
-        const targetFPS = 20;
-        var result = 1000.0 / targetFPS;
         if (result >= medianFrameLength)
             return result;
 
         var maxFrameLength = Math.max.apply(Math, durations);
         return Math.min(medianFrameLength * 2, maxFrameLength);
     },
 
     /**
      * @param {!Array.<!WebInspector.TimelineFrame>} frames
      * @param {number} scale
@@ skipping 199 matching lines @@
      * @param {number} time
      * @param {function(number, {startTime:number, endTime:number}):number} comparator
      */
     _firstBarAfter: function(time, comparator)
     {
         return insertionIndexForObjectInListSortedByFunction(time, this._barTimes, comparator);
     },
 
     __proto__: WebInspector.TimelineOverviewBase.prototype
 }