DevTools: Highlight changed scope variables as they change

Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js

Index: Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
diff --git a/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js b/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
index 0c9a41124100e4af1076981c007e6de7a3c60e82..ebc877469d53a583a3fa2492084d34eaa345da12 100644
--- a/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
+++ b/Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js
@@ -36,7 +36,7 @@ WebInspector.WatchExpressionsSidebarPane = function()
 {
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch Expressions"));
 
-    this.section = new WebInspector.WatchExpressionsSection();
+    this.section = new WebInspector.WatchExpressionsSection(this);
     this.bodyElement.appendChild(this.section.element);
 
     var refreshButton = this.titleElement.createChild("button", "pane-title-button refresh");
@@ -100,8 +100,9 @@ WebInspector.WatchExpressionsSidebarPane.prototype = {
 /**
  * @constructor
  * @extends {WebInspector.Section}
+ * @param {!WebInspector.SidebarPane} sidebarPane
  */
-WebInspector.WatchExpressionsSection = function()
+WebInspector.WatchExpressionsSection = function(sidebarPane)
 {
     this._watchObjectGroupId = "watch-group";
 
@@ -124,6 +125,7 @@ WebInspector.WatchExpressionsSection = function()
     this.element.addEventListener("mouseleave", this._mouseLeave.bind(this), true);
     this.element.addEventListener("dblclick", this._sectionDoubleClick.bind(this), false);
     this.emptyElement.addEventListener("contextmenu", this._emptyElementContextMenu.bind(this), false);
+    this.pane = sidebarPane;
 }
 
 WebInspector.WatchExpressionsSection.NewWatchExpression = "\xA0";