Incoming references service request and UI.

runtime/bin/vmservice/observatory/lib/src/elements/instance_view.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="class_ref.html">
 <link rel="import" href="error_view.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="inbound_reference.html">
 <link rel="import" href="instance_ref.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="nav_bar.html">
 
 <polymer-element name="instance-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <nav-bar>
       <top-nav-menu></top-nav-menu>
       <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
@@ skipping 55 matching lines @@
                 <eval-link callback="{{ retainingPath }}"
                            label="[find]"
                            expr="10">
                 </eval-link>
               </template>
               <template if="{{ path != null }}">
                 <template repeat="{{ element in path['elements'] }}">
                 <div class="memberItem">
                   <div class="memberName">[{{ element['index']}}]</div>
                   <div class="memberValue">
-                    <instance-ref ref="{{ element['value'] }}"></instance-ref>
+                    <any-service-ref ref="{{ element['value'] }}"></any-service-ref>
                     <template if="{{ element['parentField'] != null }}">
-                      in <field-ref ref="{{ element['parentField'] }}"></field-ref>
+                      in <field-ref ref="{{ element['parentField'] }}"></field-ref> of
                     </template>
                     <template if="{{ element['parentListIndex'] != null }}">
-                      at list index {{ element['parentListIndex'] }} of
+                      in [{{ element['parentListIndex'] }}] of
                     </template>
                   </div>
                   </div>
                 </template>
                 <template if="{{ path['length'] > path['elements'].length }}">
                   showing {{ path['elements'].length }} of {{ path['length'] }}
                   <eval-link
                     callback="{{ retainingPath }}"
                     label="[find more]"
                     expr="{{ path['elements'].length * 2 }}">
                   </eval-link>
                 </template>
               </template>
             </div>
           </div>
+          <div class="memberItem">
+            <div class="memberName">inbound references</div>
+            <div class="memberValue">
+              <template if="{{ inboundReferences == null }}">
+                <eval-link callback="{{ fetchInboundReferences }}"
+                           label="[find]"
+                           expr="100">
+                </eval-link>
+              </template>
+              <template if="{{ inboundReferences != null }}">
+                <template repeat="{{ reference in inboundReferences['references'] }}">
+                  <inbound-reference ref="{{ reference }}"></inbound-reference>
+                </template>
+              </template>
+            </div>
+          </div>
           <template if="{{ instance['type_class'] != null }}">
             <div class="memberItem">
               <div class="memberName">type class</div>
               <div class="memberValue">
                 <class-ref ref="{{ instance['type_class'] }}">
                 </class-ref>
               </div>
             </div>
           </template>
           <template if="{{ instance['closureFunc'] != null }}">
@@ skipping 76 matching lines @@
         <eval-box callback="{{ eval }}"></eval-box>
       </div>
       <br><br><br><br>
       <br><br><br><br>
 
     </template>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="instance_view.dart"></script>