Send allocation stats with each class and show in class view.

runtime/bin/vmservice/client/lib/src/elements/class_view.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="curly_block.html">
 <link rel="import" href="eval_box.html">
 <link rel="import" href="eval_link.html">
 <link rel="import" href="field_ref.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="instance_ref.html">
 <link rel="import" href="library_ref.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
@@ skipping 68 matching lines @@
               </template>
             </div>
           </div>
         </template>
         <template if="{{ cls.name != cls.vmName }}">
           <div class="memberItem">
             <div class="memberName">vm name</div>
             <div class="memberValue">{{ cls.vmName }}</div>
           </div>
         </template>
-        <div class="memberItem">
-          <div class="memberName">retained size<br>(all instances)</div>
-          <div class="memberValue">
-            <eval-link callback="{{ retainedSize }}"></eval-link>
-          </div>
-        </div>
       </div>
     </div>
 
     <template if="{{ cls.error != null }}">
       <!-- TODO(turnidge): Don't use instance-ref for error display here -->
       <instance-ref ref="{{ cls.error }}"></instance-ref>
     </template>
 
     <hr>
 
@@ skipping 26 matching lines @@
               <div class="memberItem">
                 <div class="memberValue">
                   <function-ref ref="{{ function }}" qualified="{{ false }}">
                   </function-ref>
                 </div>
               </div>
             </template>
           </div>
         </curly-block><br><br>
       </template>
+      
+      <template if="{{ !cls.hasNoAllocations }}">
+        current instances ({{ cls.newSpace.current.instances + cls.oldSpace.current.instances }})
+          <div class="memberItem">
+            <div class="memberName">shallow size</div>
+            <div class="memberValue">
+              {{ cls.newSpace.current.bytes + cls.oldSpace.current.bytes }}
+            </div>
+          </div>
+          <div class="memberItem">
+            <div class="memberName">retained size</div>
+            <div class="memberValue">
+              <eval-link callback="{{ retainedSize }}"></eval-link>
+            </div>
+          </div>
+        </template>
     </div>
 
     <hr>
 
     <div class="content">
       <eval-box callback="{{ eval }}"></eval-box>
     </div>
     <br><br><br><br>
     <br><br><br><br>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="class_view.dart"></script>