Misc Observatory tweaks.

runtime/observatory/lib/src/elements/stack_trace_tree_config.dart

 // Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 import 'dart:async';
 import 'dart:html';
 import 'package:observatory/models.dart' as M;
 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart';
 import 'package:observatory/src/elements/helpers/tag.dart';
 
@@ skipping 143 matching lines @@
             ..text = 'Call Tree Filter'
             ..title = 'case-sensitive substring match',
           new SpanElement()
             ..classes = ['memberValue']
             ..children = _createFilter()
         ]);
     }
     return members;
   }
 
+  String get modeDescription {
+    if (_mode == ProfileTreeMode.function) {
+      return 'Inlined frames expanded.';
+    } else {
+      return 'Inlined frames not expanded.';
+    }
+  }
+
   List<Element> _createModeSelect() {
     var s;
     return [
       s = new SelectElement()
         ..classes = ['mode-select']
         ..value = modeToString(_mode)
         ..children = ProfileTreeMode.values.map((mode) {
           return new OptionElement(
               value: modeToString(mode),
               selected: _mode == mode)..text = modeToString(mode);
         }).toList(growable: false)
         ..onChange.listen((_) {
           _mode = ProfileTreeMode.values[s.selectedIndex];
+          _r.dirty();
         })
         ..onChange.map(_toEvent).listen(_triggerModeChange),
+      new SpanElement()
+        ..text = ' $modeDescription'
     ];
   }
 
+  String get directionDescription {
+    if (_direction == M.ProfileTreeDirection.inclusive) {
+      return 'Tree is rooted at "main". Child nodes are callees.';
+    } else {
+      return 'Tree is rooted at top-of-stack. Child nodes are callers.';
+    }
+  }
+
   List<Element> _createDirectionSelect() {
     var s;
     return [
       s = new SelectElement()
         ..classes = ['direction-select']
         ..value = directionToString(_direction)
         ..children = M.ProfileTreeDirection.values.map((direction) {
           return new OptionElement(
               value: directionToString(direction),
               selected: _direction == direction)
             ..text = directionToString(direction);
         }).toList(growable: false)
         ..onChange.listen((_) {
           _direction = M.ProfileTreeDirection.values[s.selectedIndex];
+          _r.dirty();
         })
         ..onChange.map(_toEvent).listen(_triggerDirectionChange),
       new SpanElement()
-        ..text = 'Tree is rooted at ' +
-            (_direction == 'Down' ? '"main"' : 'function / code') +
-            '. Child nodes are callers.'
+        ..text = ' $directionDescription'
     ];
   }
 
   List<Element> _createFilter() {
     var t;
     return [
       t = new TextInputElement()
         ..placeholder = 'Search filter'
         ..value = filter
         ..onChange.listen((_) {
@@ skipping 24 matching lines @@
   }
 
   StackTraceTreeConfigChangedEvent _toEvent(_) {
     return new StackTraceTreeConfigChangedEvent(this);
   }
 
   void _triggerModeChange(e) => _onModeChange.add(e);
   void _triggerDirectionChange(e) => _onDirectionChange.add(e);
   void _triggerFilterChange(e) => _onFilterChange.add(e);
 }