Finish moving service protocol to json rpc.

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 183 matching lines @@
   <template>
     <nav-menu link="/vm" anchor="Observatory" last="{{ last }}">
       <nav-menu-item link="/vm-connect/" anchor="Connect to a different VM"></nav-menu-item>
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-nav-menu" extends="observatory-element">
   <template>
-    <nav-menu link="{{ hashLinkWorkaround }}" anchor="{{ isolate.name }}" last="{{ last }}">
-      <nav-menu-item link="{{ '/debugger' + isolate.link }}"
+    <nav-menu link="{{ makeLink('/inspect', isolate) }}" anchor="{{ isolate.name }}" last="{{ last }}">
+      <nav-menu-item link="{{ makeLink('/debugger', isolate) }}"
                      anchor="debugger"></nav-menu-item>
-      <nav-menu-item link="{{ '/profiler' + isolate.link }}"
+      <nav-menu-item link="{{ makeLink('/profiler', isolate) }}"
                      anchor="cpu profile"></nav-menu-item>
-      <nav-menu-item link="{{ '/allocation-profiler' + isolate.link }}"
+      <nav-menu-item link="{{ makeLink('/allocation-profiler', isolate) }}"
                      anchor="allocation profile"></nav-menu-item>
-      <nav-menu-item link="{{ '/heap-map' + isolate.link }}"
+      <nav-menu-item link="{{ makeLink('/heap-map', isolate) }}"
                      anchor="heap map"></nav-menu-item>
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="library-nav-menu" extends="observatory-element">
   <template>
-    <nav-menu link="{{ library.link }}"
+    <nav-menu link="{{ makeLink('/inspect', library) }}"
               anchor="{{ library.name }}" last="{{ last }}">
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="class-nav-menu" extends="observatory-element">
   <template>
-    <nav-menu link="{{ cls.link }}"
+    <nav-menu link="{{ makeLink('/inspect', cls) }}"
               anchor="{{ cls.name }}" last="{{ last }}">
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="nav-notify" extends="observatory-element">
   <template>
     <style>
       .menu {
@@ skipping 73 matching lines @@
       a.boxclose:hover {
         background: rgba(255,255,255,0.5);
       }
     </style>
     <template if="{{ event.eventType == 'IsolateInterrupted' ||
                      event.eventType == 'BreakpointReached' ||
                      event.eventType == 'ExceptionThrown' }}">
       <div class="item">
         Isolate
         <a class="link" on-click="{{ goto }}"
-           _href="{{ event.isolate.link }}">{{ event.isolate.name }}</a>
+           _href="{{ gotoLink('/inspect', event.isolate) }}">{{ event.isolate.name }}</a>
         is paused
         <template if="{{ event.breakpoint != null }}">
           at breakpoint
         </template>
         <template if="{{ event.eventType == 'ExceptionThrown' }}">
           at exception
         </template>
 
         <br><br>
         <action-link callback="{{ resume }}" label="resume" color="white">
@@ skipping 12 matching lines @@
         Disconnected from VM
         <br><br>
         <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
       </div>
     </template>
   </template>
 </polymer-element>
 
 
 <script type="application/dart" src="nav_bar.dart"></script>