Major rework of vm service events.

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="isolate_ref.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="script_inset.html">
 <link rel="import" href="script_ref.html">
 <polymer-element name="isolate-summary" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
@@ skipping 23 matching lines @@
       <div class="flex-item-20-percent"></div>
     </div>
 
     <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary>
 
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-run-state" extends="observatory-element">
   <template>
-    <template if="{{ isolate.pauseEvent != null }}">
+    <template if="{{ isolate.paused }}">
       <strong>paused</strong>
     </template>
 
     <template if="{{ isolate.running }}">
       <strong>running</strong>
     </template>
 
     <template if="{{ isolate.idle }}">
       <strong>idle</strong>
     </template>
 
     <template if="{{ isolate.loading }}">
       <strong>loading...</strong>
     </template>
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-location" extends="observatory-element">
   <template>
     <template if="{{ isolate.pauseEvent != null }}">
-      <template if="{{ isolate.pauseEvent.eventType == 'IsolateCreated' }}">
+      <template if="{{ isolate.pauseEvent.eventType == 'PauseStart' }}">
         at isolate start
       </template>
 
-      <template if="{{ isolate.pauseEvent.eventType == 'IsolateShutdown' }}">
+      <template if="{{ isolate.pauseEvent.eventType == 'PauseExit' }}">
         at isolate exit
       </template>
 
-      <template if="{{ isolate.pauseEvent.eventType == 'IsolateInterrupted' ||
-                       isolate.pauseEvent.eventType == 'BreakpointReached' ||
-                       isolate.pauseEvent.eventType == 'ExceptionThrown' }}">
+      <template if="{{ isolate.pauseEvent.eventType == 'PauseInterrupted' ||
+                       isolate.pauseEvent.eventType == 'PauseBreakpoint' ||
+                       isolate.pauseEvent.eventType == 'PauseException' }}">
         <template if="{{ isolate.pauseEvent.breakpoint != null }}">
           by breakpoint
         </template>
-        <template if="{{ isolate.pauseEvent.eventType == 'ExceptionThrown' }}">
+        <template if="{{ isolate.pauseEvent.eventType == 'PauseException' }}">
           by exception
         </template>
         at
         <function-ref ref="{{ isolate.topFrame['function'] }}">
         </function-ref>
         (<script-ref ref="{{ isolate.topFrame['script'] }}"
                      pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
       </template>
     </template>
 
@@ skipping 100 matching lines @@
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-counter-chart" extends="observatory-element">
   <template>
     <div id="counterPieChart" style="height: 200px"></div>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="isolate_summary.dart"></script>