about:gpu support for thread name metadata.

chrome/browser/resources/gpu_internals/timeline.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 
 /**
  * @fileoverview Interactive visualizaiton of TimelineModel objects
  * based loosely on gantt charts. Each thread in the TimelineModel is given a
  * set of TimelineTracks, one per subrow in the thread. The Timeline class
  * acts as a controller, creating the individual tracks, while TimelineTracks
@@ skipping 189 matching lines @@
       if (!model)
         throw Error('Model cannot be null');
       if (this.model) {
         throw Error('Cannot set model twice.');
       }
       this.model_ = model;
 
       // Create tracks.
       this.tracks_.textContent = '';
       var threads = model.getAllThreads();
+      threads.sort(gpu.TimelineThread.compare);
       for (var tI = 0; tI < threads.length; tI++) {
         var thread = threads[tI];
         var track = new TimelineThreadTrack();
         track.thread = thread;
         track.viewport = this.viewport_;
         this.tracks_.appendChild(track);
 
       }
 
       this.needsViewportReset_ = true;
@@ skipping 266 matching lines @@
   /**
    * The TimelineModel being viewed by the timeline
    * @type {TimelineModel}
    */
   cr.defineProperty(Timeline, 'model', cr.PropertyKind.JS);
 
   return {
     Timeline: Timeline
   };
 });