DevTools: better visual feedback for hovered objects is Layers3DView

Source/devtools/front_end/timeline/LayerTreeOutline.js

Index: Source/devtools/front_end/timeline/LayerTreeOutline.js
diff --git a/Source/devtools/front_end/timeline/LayerTreeOutline.js b/Source/devtools/front_end/timeline/LayerTreeOutline.js
index b481c1dc4eeb0714f5073250025b44af372ac4ed..4311cf9167579c1c97b2aee08dee5a4d09cd4882 100644
--- a/Source/devtools/front_end/timeline/LayerTreeOutline.js
+++ b/Source/devtools/front_end/timeline/LayerTreeOutline.js
@@ -140,7 +140,8 @@ WebInspector.LayerTreeOutline.prototype = {
         var node = this._treeOutline.treeElementFromEvent(event);
         if (node === this._lastHoveredNode)
             return;
-        this.dispatchEventToListeners(WebInspector.LayerTreeOutline.Events.LayerHovered, node && node.representedObject ? {layer: node.representedObject} : null);
+        var selection = node && node.representedObject ? new WebInspector.Layers3DView.LayerSelection(node.representedObject) : null;
+        this.dispatchEventToListeners(WebInspector.LayerTreeOutline.Events.LayerHovered, selection);
     },
 
     /**
@@ -149,7 +150,8 @@ WebInspector.LayerTreeOutline.prototype = {
     _selectedNodeChanged: function(node)
     {
         var layer = /** @type {!WebInspector.Layer} */ (node.representedObject);
-        this.dispatchEventToListeners(WebInspector.LayerTreeOutline.Events.LayerSelected, {layer: layer});
+        var selection = node.representedObject ? new WebInspector.Layers3DView.LayerSelection(node.representedObject) : null;
+        this.dispatchEventToListeners(WebInspector.LayerTreeOutline.Events.LayerSelected, selection);
     },
 
     /**