Improve CPU Profile View

runtime/observatory/lib/src/elements/cpu_profile.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="code_ref.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="sliding_checkbox.html">
 <link rel="import" href="view_footer.html">
 
 <polymer-element name="sample-buffer-control" extends="observatory-element">
   <template>
@@ skipping 73 matching lines @@
             <div class="memberValue">{{ sampleCount }} samples (spanning {{ timeSpan }})</div>
           </div>
           <div class="memberItem">
             <div class="memberName">Sampling</div>
             <div class="memberValue">{{ stackDepth }} stack frames @ {{ sampleRate }} Hz</div>
           </div>
           <template if="{{ showTagSelector }}">
             <div class="memberItem">
               <div class="memberName">Tag Order</div>
               <div class="memberValue">
-                <select value="{{tagSelector}}">
-                  <option value="UserVM">User &gt; VM</option>
-                  <option value="UserOnly">User</option>
-                  <option value="VMUser">VM &gt; User</option>
-                  <option value="VMOnly">VM</option>
-                  <option value="None">None</option>
-                </select>
+                <template if="{{ profileVM }}">
+                  <select value="{{tagSelector}}">
+                    <option value="UserVM">User &gt; VM</option>
+                    <option value="UserOnly">User</option>
+                    <option value="VMUser">VM &gt; User</option>
+                    <option value="VMOnly">VM</option>
+                    <option value="None">None</option>
+                  </select>
+                </template>
+                <template if="{{ !profileVM }}">
+                  <select value="{{tagSelector}}">
+                    <option value="UserOnly">User</option>
+                    <option value="None">None</option>
+                  </select>
+                </template>
               </div>
             </div>
           </template>
         </div>
       </template>
     </div>
   </template>
 </polymer-element>
 
 <polymer-element name="stack-trace-tree-config" extends="observatory-element">
@@ skipping 136 matching lines @@
 </polymer-element>
 
 <polymer-element name="cpu-profile-virtual-tree" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
     .full {
       height: 50%;
       width: 100%;
     }
+    .coldProfile {
+      background-color: #aea;
+    }
+    .mediumProfile {
+      background-color: #fe9;
+    }
+    .hotProfile {
+      background-color: #faa;
+    }
     </style>
     <div id="tree" class="full"></div>
   </template>
 </polymer-element>
 
 
 <polymer-element name="cpu-profile-table" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <nav-bar>
@@ skipping 194 matching lines @@
         </template>
         <template if="{{ focusedFunction == null }}">
           <span>No focused function</span>
         </template>
       </div>
     </div>
     <br>
     <br>
     <div class="flex-row centered">
       <div class="flex-item-90-percent outlined" style="margin: 16px; margin-left: 8px; margin-right: 8px">
-        <cpu-profile-tree id="cpuProfileTree"></cpu-profile-tree>
+        <cpu-profile-virtual-tree id="cpuProfileTree"></cpu-profile-virtual-tree>
       </div>
     </div>
   </template>
 </polymer-element>
 
 <polymer-element name="cpu-profile" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <nav-bar>
       <top-nav-menu></top-nav-menu>
@@ skipping 11 matching lines @@
     </style>
     <sample-buffer-control id="sampleBufferControl"></sample-buffer-control>
     <br>
     <stack-trace-tree-config id="stackTraceTreeConfig"></stack-trace-tree-config>
     <br>
     <cpu-profile-virtual-tree id="cpuProfileVirtualTree"></cpu-profile-virtual-tree>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="cpu_profile.dart"></script>