Rank most retaining instances for each class.

runtime/observatory/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 148 matching lines @@
                   <eval-link callback="{{ reachable }}"
                            label="[more]"
                            expr="{{ instances['sampleCount'] * 2 }}">
                   </eval-link>
                 </template>
                 of total {{ instances['totalCount'] }}
               </template>
             </div>
           </div>
           <div class="memberItem">
-            <div class="memberName">retained size</div>
+            <div class="memberName">total retained memory size</div>
             <div class="memberValue">
               <template if="{{ retainedBytes == null }}">
                 <eval-link callback="{{ retainedSize }}"
                            label="[calculate]">
                 </eval-link>
               </template>
               <template if="{{ retainedBytes != null }}">
                 {{ retainedBytes | formatSize }}
               </template>
             </div>
           </div>
+          <div class="memberItem">
+            <div class="memberName">toplist by retained memory</div>
+            <div class="memberValue">
+              <template if="{{ mostRetained == null }}">
+                <eval-link callback="{{ retainedToplist }}"
+                           label="[find]">
+                </eval-link>
+              </template>
+              <template if="{{ mostRetained != null }}">
+                <template repeat="{{ most in mostRetained }}">
+                  {{ most.retainedSize | formatSize }}<instance-ref ref="{{ most }}"></instance-ref><br>
+                </template>
+              </template>
+            </div>
+          </div>
         </template>
     </div>
 
     <hr>
 
     <div class="content">
       <eval-box callback="{{ eval }}"></eval-box>
     </div>
 
     <hr>
     <script-inset script="{{ cls.script }}"
                   startPos="{{ cls.tokenPos }}"
                   endPos="{{ cls.endTokenPos }}">
     </script-inset>
 
     <br><br><br><br>
     <br><br><br><br>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="class_view.dart"></script>