Continue improving the documentation for the vm service protocol.

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="class_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="script_ref.html">
 <link rel="import" href="observatory_element.html">
 
 <polymer-element name="field-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <nav-bar>
       <top-nav-menu></top-nav-menu>
       <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu>
-      <template if="{{ field.owner.type == 'Class' }}">
-        <!-- TODO(turnidge): Add library nav menu here. -->
-        <class-nav-menu cls="{{ field.owner }}"></class-nav-menu>
-      </template>
-      <template if="{{ field.owner.type == 'Library' }}">
-        <library-nav-menu library="{{ field.owner }}"></library-nav-menu>
+      <library-nav-menu library="{{ field.library }}"></library-nav-menu>
+      <template if="{{ field.dartOwner is ServiceClass }}">
+        <class-nav-menu cls="{{ field.dartOwner }}"></class-nav-menu>
       </template>
       <nav-menu link="{{ makeLink('/inspect', field) }}" anchor="{{ field.name }}" last="{{ true }}"></nav-menu>
       <nav-refresh callback="{{ refresh }}"></nav-refresh>
       <nav-control></nav-control>
     </nav-bar>
 
     <div class="content">
       <h1>
         <template if="{{ field.isStatic }}">static</template>
         <template if="{{ field.isFinal }}">final</template>
         <template if="{{ field.isConst }}">const</template>
         <template if="{{ (field.declaredType.name == 'dynamic' &&
                          !field.isFinal && !field.isConst) }}">
           var
         </template>
         <template if="{{ (field.declaredType.name != 'dynamic') }}">
           {{ field.declaredType.name }}
         </template>
         {{ field.name }}
       </h1>
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">owner</div>
           <div class="memberValue">
-            <template if="{{ field.owner.type == 'Class' }}">
-              <class-ref ref="{{ field.owner }}"></class-ref>
-            </template>
-            <template if="{{ field.owner.type != 'Class' }}">
-              <library-ref ref="{{ field.owner }}"></library-ref>
-            </template>
+            <any-service-ref ref="{{ function.dartOwner }}"></any-service-ref>
           </div>
         </div>
         <div class="memberItem">
           <div class="memberName">script</div>
           <div class="memberValue">
             <script-ref ref="{{ field.script }}"></script-ref>
           </div>
         </div>
         <template if="{{ !field.isStatic }}">
           <div class="memberItem"
@@ skipping 26 matching lines @@
               <any-service-ref ref="{{ field.value }}"></any-service-ref>
             </div>
           </div>
         </template>
       </div>
     </div>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="field_view.dart"></script>