Allow observatory to distinguish between user-level and vm-level types.

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="service_ref.html">
 
 <polymer-element name="io-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
@@ skipping 34 matching lines @@
       <ul class="list-group">
         <li class="list-group-item">
           <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/file/randomaccessfiles'))}}">Random Access Files</a>
         </li>
       </ul>
 
       <br>
 
       <ul class="list-group">
         <li class="list-group-item">
-          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/processes'))}}">Processess</a>
+          <a on-click="{{ goto }}" _href="{{gotoLink(io.isolate.relativeLink('io/processes'))}}">Processes</a>
         </li>
       </ul>
 
     </div>
     <br>
     <hr>
   </template>
 </polymer-element>
 
 <polymer-element name="io-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
-    <template if="{{ ref.serviceType == 'Socket' }}">
+    <template if="{{ ref.type == 'Socket' }}">
       <io-socket-ref ref="{{ ref }}"></io-socket-ref>
     </template>
-    <template if="{{ ref.serviceType == 'HttpServerConnection' }}">
+    <template if="{{ ref.type == 'HttpServerConnection' }}">
       <io-http-server-connection-ref ref="{{ ref }}"></io-http-server-connection-ref>
     </template>
-    <template if="{{ ref.serviceType == 'HttpServer' }}">
+    <template if="{{ ref.type == 'HttpServer' }}">
       <io-http-server-ref ref="{{ ref }}"></io-http-server-ref>
     </template>
-    <template if="{{ ref.serviceType == 'WebSocket' }}">
+    <template if="{{ ref.type == 'WebSocket' }}">
       <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref>
     </template>
-    <template if="{{ ref.serviceType == 'Process' }}">
+    <template if="{{ ref.type == 'Process' }}">
       <io-process-ref ref="{{ ref }}"></io-process-ref>
     </template>
   </template>
 </polymer-element>
 
 <polymer-element name="io-http-server-list-view" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <nav-bar>
@@ skipping 490 matching lines @@
           </template>
         </div>
       </div>
     </div>
     <br>
     <hr>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="io_view.dart"></script>