Standardize on using "kind" to distinguish sub-varieties of a type.

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="observatory_element.html">
 
 <polymer-element name="nav-bar" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       nav {
         position: fixed;
@@ skipping 304 matching lines @@
         background: rgba(255,255,255,0.5);
       }
     </style>
     <template if="{{ event != null }}">
       <template if="{{ notifyOnPause && event.isPauseEvent }}">
         <div class="item">
           Isolate
           <a class="link" on-click="{{ goto }}"
              _href="{{ gotoLink('/inspect', event.isolate) }}">{{ event.isolate.name }}</a>
           is paused
-          <template if="{{ event.eventType == 'PauseStart' }}">
+          <template if="{{ event.kind == 'PauseStart' }}">
             at isolate start
           </template>
-          <template if="{{ event.eventType == 'PauseExit' }}">
+          <template if="{{ event.kind == 'PauseExit' }}">
             at isolate exit
           </template>
           <template if="{{ event.breakpoint != null }}">
             at breakpoint {{ event.breakpoint.number }}
           </template>
-          <template if="{{ event.eventType == 'PauseException' }}">
+          <template if="{{ event.kind == 'PauseException' }}">
             due to exception
           </template>
 
           <br><br>
           [<a class="link" on-click="{{ goto }}"
               _href="{{ gotoLink('/debugger', event.isolate) }}">debug</a>]
 
           <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
         </div>
       </template>
-      <template if="{{ event.eventType == 'ConnectionClosed' }}">
+      <template if="{{ event.kind == 'ConnectionClosed' }}">
         <div class="item">
           Disconnected from VM: {{ event.reason }}
           <br><br>
           [<a class="link" on-click="{{ goto }}"
               _href="{{ gotoLink('/vm-connect') }}">Connect to a VM</a>]
           <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
         </div>
       </template>
-      <template if="{{ event.eventType == 'Inspect' }}">
+      <template if="{{ event.kind == 'Inspect' }}">
         <div class="item">
           Inspect <any-service-ref ref="{{ event.inspectee }}"></any-service-ref>
           <br><br>
           <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
         </div>
       </template>
     </template>
   </template>
 </polymer-element>
 
@@ skipping 73 matching lines @@
         [<a class="link" on-click="{{ goto }}"
             _href="{{ gotoLink('vm-connect') }}">Connect to a different VM</a>]
         <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
     </div>
     </template>
   </template>
 </polymer-element>
 
 
 <script type="application/dart" src="nav_bar.dart"></script>