Add support for asynchronous event notification to the observatory.

runtime/bin/vmservice/client/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 34 matching lines @@
       <action-link callback="{{ resume }}" label="resume"></action-link>
     </template>
 
     <template if="{{ isolate.running }}">
       <strong>running</strong>
       <action-link callback="{{ pause }}" label="pause"></action-link>
     </template>
 
     <template if="{{ isolate.idle }}">
       <strong>idle</strong>
+      <action-link callback="{{ pause }}" label="pause"></action-link>
     </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 == 'IsolateCreated' }}">
         at isolate start
       </template>
-      <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateShutdown' }}">
+      <template if="{{ isolate.pauseEvent.eventType == 'IsolateShutdown' }}">
         at isolate exit
       </template>
-      <template if="{{ isolate.pauseEvent['eventType'] == 'IsolateInterrupted' }}">
+      <template if="{{ isolate.pauseEvent.eventType == 'IsolateInterrupted' }}">
         at
         <function-ref ref="{{ isolate.topFrame['function'] }}">
         </function-ref>
         (<script-ref ref="{{ isolate.topFrame['script'] }}"
                      pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
       </template>
-      <template if="{{ isolate.pauseEvent['eventType'] == 'BreakpointReached' }}">
-        at breakpoint {{ isolate.pauseEvent['breakpoint']['id'] }}
+      <template if="{{ isolate.pauseEvent.eventType == 'BreakpointReached' }}">
+        at breakpoint {{ isolate.pauseEvent.breakpoint['id'] }}
         <function-ref ref="{{ isolate.topFrame['function'] }}">
         </function-ref>
         (<script-ref ref="{{ isolate.topFrame['script'] }}"
-                         pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
+                     pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
+      </template>
+      <template if="{{ isolate.pauseEvent.eventType == 'ExceptionThrown' }}">
+        at exception
+        <function-ref ref="{{ isolate.topFrame['function'] }}">
+        </function-ref>
+        (<script-ref ref="{{ isolate.topFrame['script'] }}"
+                     pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
       </template>
     </template>
 
     <template if="{{ isolate.running }}">
       at
       <function-ref ref="{{ isolate.topFrame['function'] }}">
       </function-ref>
       (<script-ref ref="{{ isolate.topFrame['script'] }}"
                    pos="{{ isolate.topFrame['tokenPos'] }}"></script-ref>)
     </template>
@@ skipping 88 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>