We can now name the current VM using the service protocol.

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 160 matching lines @@
   <template>
     <nav-menu link="/vm" anchor="Observatory" last="{{ last }}">
       <nav-menu-item link="/vm-connect" anchor="Connect to a VM"></nav-menu-item>
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="vm-nav-menu">
   <template>
-    <nav-menu link="/vm" anchor="{{ vm.target.name }}" last="{{ last }}">
+    <nav-menu link="/vm" anchor="{{ nameAndAddress(vm.name, vm.target) }}" last="{{ last }}">
       <template repeat="{{ isolate in vm.isolates }}">
         <nav-menu-item link="{{ makeLink('/inspect', isolate) }}"
                        anchor="{{ isolate.name }}"></nav-menu-item>
       </template>
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-nav-menu" extends="observatory-element">
@@ skipping 258 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>