DevTools: Use better event titles on timeline tree view.

Source/devtools/front_end/timeline/TimelineTreeView.js

 // Copyright 2015 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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.TimelineModel} model
  */
 WebInspector.TimelineTreeView = function(model)
@@ skipping 341 matching lines @@
      * @param {string} columnIdentifier
      * @return {!Element}
      */
     _createNameCell: function(columnIdentifier)
     {
         var cell = this.createTD(columnIdentifier);
         var container = cell.createChild("div", "name-container");
         var icon = container.createChild("div", "activity-icon");
         var name = container.createChild("div", "activity-name");
         var link = container.createChild("div", "activity-link");
-        name.textContent = this._profileNode.name;
-        var color;
         var event = this._profileNode.event;
         if (event) {
+            name.textContent = event.name === WebInspector.TimelineModel.RecordType.JSFrame
+                ? WebInspector.beautifyFunctionName(event.args["data"]["functionName"])
+                : WebInspector.TimelineUIUtils.eventTitle(event);
             var url = WebInspector.TimelineTreeView.eventURL(event);
             if (url)
                 link.appendChild(WebInspector.linkifyResourceAsNode(url));
             var category = WebInspector.TimelineUIUtils.eventStyle(event).category;
-            color = category.fillColorStop1;
+            icon.style.backgroundColor = category.fillColorStop1;
         } else {
-            color = WebInspector.TimelineUIUtils.colorForURL(this._profileNode.name);
+            name.textContent = this._profileNode.name;
+            icon.style.backgroundColor = WebInspector.TimelineUIUtils.colorForURL(this._profileNode.name);
         }
-        icon.style.backgroundColor = color || "lightGrey";
         return cell;
     },
 
     /**
      * @param {string} columnIdentifier
      * @return {?Element}
      */
     _createValueCell: function(columnIdentifier)
     {
         if (columnIdentifier !== "self" && columnIdentifier !== "total")
@@ skipping 28 matching lines @@
         if (!this._profileNode.children)
             return;
         for (var node of this._profileNode.children.values()) {
             var gridNode = new WebInspector.TimelineTreeView.GridNode(node, this._totalTime);
             this.insertChildOrdered(gridNode);
         }
     },
 
     __proto__: WebInspector.SortableDataGridNode.prototype
 }