Improve display of simd vector types and stack traces in Observatory.

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

Index: runtime/observatory/lib/src/elements/instance_ref.html
diff --git a/runtime/observatory/lib/src/elements/instance_ref.html b/runtime/observatory/lib/src/elements/instance_ref.html
index 2db80e22ea42dc96a5a406a66d3c67c458633308..dc65a694907d245e618def269a3df0b2c504a4ea 100644
--- a/runtime/observatory/lib/src/elements/instance_ref.html
+++ b/runtime/observatory/lib/src/elements/instance_ref.html
@@ -12,6 +12,16 @@
         font: 400 14px 'Montserrat', sans-serif;
         line-height: 150%;
       }
+      .errorBox {

[rmacnak, 2015/08/26 20:54:20]

.stacktraceBox ?

[turnidge, 2015/08/31 17:28:27]

Done.

+        margin-left: 1.5em;
+        background-color: #f5f5f5;
+        border: 1px solid #ccc;
+        padding: 10px;
+        font-family: consolas, courier, monospace;
+        font-size: 12px;
+        white-space: pre;
+        overflow-x: auto;
+      }
     </style>
     <span>
       <template if="{{ ref.isSentinel }}">
@@ -19,10 +29,18 @@
       </template>
 
       <template if="{{ ref.isBool || ref.isInt ||
-                       ref.isDouble || ref.isNull }}">
+                       ref.isDouble || ref.isSimdValue ||
+                       ref.isNull }}">
         <a on-click="{{ goto }}" _href="{{ url }}">{{ ref.valueAsString }}</a>
       </template>
 
+      <template if="{{ ref.isStackTrace }}">
+        <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref.clazz.name }}</em></a>
+        <curly-block expandKey="{{ expandKey }}">
+          <div class="errorBox">{{ ref.valueAsString }}</div>
+        </curly-block>
+      </template>
+
       <template if="{{ ref.isString }}">
         <a on-click="{{ goto }}" _href="{{ url }}">{{ asStringLiteral(ref.valueAsString, ref.valueAsStringIsTruncated) }}</a>
       </template>