Incoming references service request and UI.

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

+<link rel="import" href="../../../../packages/polymer/polymer.html">
+<link rel="import" href="curly_block.html">
+<link rel="import" href="observatory_element.html">
+<link rel="import" href="service_ref.html">
+
+<polymer-element name="inbound-reference" extends="service-ref">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+    <style>
+      .errorBox {
+        background-color: #f5f5f5;
+        border: 1px solid #ccc;
+        padding: 10px;
+        font-family: consolas, courier, monospace;
+        font-size: 1em;
+        line-height: 1.2em;
+        white-space: pre;
+      }
+    </style>
+    <div>
+      from <service-ref-downcast ref="{{ source }}"></service-ref-downcast>
+      <template if="{{ slotIsNum }}">via [{{ slot }}]</template>      

[koda, 2014/08/21 18:21:20]

Ditto; consider using whatever description the retaining path uses.

[rmacnak, 2014/08/21 22:06:44]

Changed retaining path to "in [2] of". This way they both look like the language
expression to access the slot.

+      <template if="{{ slotIsField }}">via <field-ref ref="{{ slot }}"></template>
+
+      <curly-block callback="{{ expander() }}">
+        <div class="memberList">
+          <div class="memberItem">
+            <div class="memberName"><!-- BOGUS way to achieve indentation -->
+            <template repeat="{{ reference in inboundReferences] }}">
+              <inbound-reference ref="{{ reference }}"></inbound-reference>              
+            </template> 
+            </div>
+          </div>
+        </div>
+      </curly-block>
+    </div>
+  </template>
+</polymer-element>
+
+<script type="application/dart" src="inbound_reference.dart"></script>