Show flags in Observatory.

runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html

Index: runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
diff --git a/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html b/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
index 9daacb0cf69fd8bc47be4f155c9cb7ec187562a8..b4a13d44bbf2055d3bd4f53cafc81d2526becd9c 100644
--- a/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
+++ b/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/io_view.html
@@ -61,6 +61,21 @@
   </template>
 </polymer-element>
 
+<polymer-element name="io-ref" extends="service-ref">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+    <template if="{{ ref.serviceType == 'Socket' }}">
+      <io-socket-ref ref="{{ ref }}"></io-socket-ref>
+    </template>
+    <template if="{{ ref.serviceType == 'HttpServer' }}">
+      <io-http-server-ref ref="{{ ref }}"></io-http-server-ref>
+    </template>
+    <template if="{{ ref.serviceType == 'WebSocket' }}">
+      <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref>
+    </template>
+  </template>
+</polymer-element>
+
 <polymer-element name="io-http-server-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
@@ -186,6 +201,12 @@
       <br>
 
       <div class="memberList">
+        <template if="{{ socket['owner'] != null }}">
+          <div class="memberItem">
+            <div class="memberName">Owner</div>
+            <div class="memberValue"><io-ref ref="{{ socket['owner'] }}"></io-ref></div>
+          </div>
+        </template>
         <div class="memberItem">
           <div class="memberName">Address</div>
           <div class="memberValue">{{ socket['address'] }}</div>