panel bar

arvo/eyre.hoon

@@ -447,7 +447,7 @@
       })
     }
     urb.away = function(){req("/~/auth.json?DELETE", {}, 
-      function(){document.getElementById("c").innerHTML = "" }
+      function(){document.body.innerHTML = "" }
     )}
     '''
   --
@@ -513,15 +513,9 @@
     %+  titl  'Log out'
     ;=  ;div.container
           ;div.row
-            ;div.col-md-4
+            ;div.col-md-10
               ;h1.sign: Bye!
-            ==
-            ;div.col-md-8#c
-              ;p.ship 
-                ;label.sig: ~
-                ;span#ship;
-              ==
-              ;button#act(onclick "urb.away()"): Go
+              ;button#act(onclick "urb.away()"): Log out
               ;pre:code#err;
               ;script@"/~/at/~/auth.js";
             ==
@@ -556,7 +550,7 @@
         ;link(rel "stylesheet", href "/lib/css/fonts.css");
         ;link(rel "stylesheet", href "/lib/css/bootstrap.css");
       ==
-      ;body:div#c:"*{b}"
+      ;body:"*{b}"
     ==
   --
 --

web.md

@@ -1,11 +1,14 @@
 ---
-anchor: none
 container: false
 layout: plan
+anchor: none
 ---
 
 <div class="above">
-  <div class="container stack">
+  <div class="container panel stack">
+    <panel></panel>
+  </div>
+  <div class="container plan stack">
     <div class="col-md-10">
       <plan></plan>
     </div>

web/lib/css/bootstrap.css

@@ -328,7 +328,7 @@ html {
 body {
   font-family: "bau", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1rem;
-  line-height: 2;
+  line-height: 1.5;
   color: #373a3c;
   background-color: #fff;
 }
@@ -646,7 +646,7 @@ mark,
 .blockquote-footer {
   display: block;
   font-size: 80%;
-  line-height: 2;
+  line-height: 1.5;
   color: #b1b7bd;
 }
 
@@ -682,7 +682,7 @@ mark,
   max-width: 100%;
   height: auto;
   padding: .25rem;
-  line-height: 2;
+  line-height: 1.5;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: .25rem;
@@ -741,7 +741,7 @@ pre {
   margin-top: 0;
   margin-bottom: 1rem;
   font-size: 90%;
-  line-height: 2;
+  line-height: 1.5;
   color: #373a3c;
 }
 
@@ -1679,7 +1679,7 @@ pre code {
 .table th,
 .table td {
   padding: .75rem;
-  line-height: 2;
+  line-height: 1.5;
   vertical-align: top;
   border-top: 1px solid #eceeef;
 }
@@ -1875,7 +1875,7 @@ pre code {
   width: 100%;
   padding: .375rem .75rem;
   font-size: 1rem;
-  line-height: 2;
+  line-height: 1.5;
   color: #55595c;
   background-color: #fff;
   background-image: none;
@@ -1936,7 +1936,7 @@ pre code {
   input[type="time"].form-control,
   input[type="datetime-local"].form-control,
   input[type="month"].form-control {
-    line-height: 2.75rem;
+    line-height: 2.25rem;
   }
   input[type="date"].input-sm,
   .input-group-sm input[type="date"].form-control,
@@ -1967,7 +1967,7 @@ pre code {
 }
 
 .form-control-static {
-  min-height: 2.75rem;
+  min-height: 2.25rem;
   padding-top: .375rem;
   padding-bottom: .375rem;
   margin-bottom: 0;
@@ -2074,9 +2074,9 @@ input[type="checkbox"].disabled {
 .form-control-danger {
   padding-right: 2.25rem;
   background-repeat: no-repeat;
-  background-position: center right .6875rem;
-  -webkit-background-size: 1.7875rem 1.7875rem;
-          background-size: 1.7875rem 1.7875rem;
+  background-position: center right .5625rem;
+  -webkit-background-size: 1.4625rem 1.4625rem;
+          background-size: 1.4625rem 1.4625rem;
 }
 
 .has-success .text-help,
@@ -2089,21 +2089,21 @@ input[type="checkbox"].disabled {
 .has-success.checkbox label,
 .has-success.radio-inline label,
 .has-success.checkbox-inline label {
-  color: #02d124;
+  color: #64de79;
 }
 
 .has-success .form-control {
-  border-color: #02d124;
+  border-color: #64de79;
 }
 
 .has-success .input-group-addon {
-  color: #02d124;
-  background-color: #a1feb0;
-  border-color: #02d124;
+  color: #64de79;
+  background-color: white;
+  border-color: #64de79;
 }
 
 .has-success .form-control-feedback {
-  color: #02d124;
+  color: #64de79;
 }
 
 .has-success .form-control-success {
@@ -2228,7 +2228,7 @@ input[type="checkbox"].disabled {
   padding: .375rem 1rem;
   font-size: 1rem;
   font-weight: normal;
-  line-height: 2;
+  line-height: 1.5;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
@@ -2406,28 +2406,28 @@ fieldset[disabled] a.btn {
 
 .btn-success {
   color: #fff;
-  background-color: #02d124;
-  border-color: #02d124;
+  background-color: #64de79;
+  border-color: #64de79;
 }
 
 .btn-success:hover {
   color: #fff;
-  background-color: #029e1b;
-  border-color: #01941a;
+  background-color: #3ad555;
+  border-color: #32d34d;
 }
 
 .btn-success:focus, .btn-success.focus {
   color: #fff;
-  background-color: #029e1b;
-  border-color: #01941a;
+  background-color: #3ad555;
+  border-color: #32d34d;
 }
 
 .btn-success:active, .btn-success.active,
 .open > .btn-success.dropdown-toggle {
   color: #fff;
-  background-color: #029e1b;
+  background-color: #3ad555;
   background-image: none;
-  border-color: #01941a;
+  border-color: #32d34d;
 }
 
 .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
@@ -2435,18 +2435,18 @@ fieldset[disabled] a.btn {
 .open > .btn-success.dropdown-toggle:focus,
 .open > .btn-success.dropdown-toggle.focus {
   color: #fff;
-  background-color: #017b15;
-  border-color: #01530e;
+  background-color: #29c244;
+  border-color: #22a038;
 }
 
 .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
-  background-color: #02d124;
-  border-color: #02d124;
+  background-color: #64de79;
+  border-color: #64de79;
 }
 
 .btn-success.disabled:hover, .btn-success:disabled:hover {
-  background-color: #02d124;
-  border-color: #02d124;
+  background-color: #64de79;
+  border-color: #64de79;
 }
 
 .btn-warning {
@@ -2624,31 +2624,31 @@ fieldset[disabled] a.btn {
 }
 
 .btn-success-outline {
-  color: #02d124;
+  color: #64de79;
   background-color: transparent;
   background-image: none;
-  border-color: #02d124;
+  border-color: #64de79;
 }
 
 .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active,
 .open > .btn-success-outline.dropdown-toggle {
   color: #fff;
-  background-color: #02d124;
-  border-color: #02d124;
+  background-color: #64de79;
+  border-color: #64de79;
 }
 
 .btn-success-outline:hover {
   color: #fff;
-  background-color: #02d124;
-  border-color: #02d124;
+  background-color: #64de79;
+  border-color: #64de79;
 }
 
 .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
-  border-color: #3cfd5c;
+  border-color: #b8f0c2;
 }
 
 .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
-  border-color: #3cfd5c;
+  border-color: #b8f0c2;
 }
 
 .btn-warning-outline {
@@ -2857,7 +2857,7 @@ input[type="button"].btn-block {
   padding: 3px 20px;
   clear: both;
   font-weight: normal;
-  line-height: 2;
+  line-height: 1.5;
   color: #373a3c;
   text-align: inherit;
   white-space: nowrap;
@@ -2912,7 +2912,7 @@ input[type="button"].btn-block {
   display: block;
   padding: 3px 20px;
   font-size: .875rem;
-  line-height: 2;
+  line-height: 1.5;
   color: #b1b7bd;
   white-space: nowrap;
 }
@@ -3741,8 +3741,8 @@ input[type="button"].btn-block {
 }
 
 .card-success {
-  background-color: #02d124;
-  border-color: #02d124;
+  background-color: #64de79;
+  border-color: #64de79;
 }
 
 .card-info {
@@ -3777,7 +3777,7 @@ input[type="button"].btn-block {
 
 .card-success-outline {
   background-color: transparent;
-  border-color: #02d124;
+  border-color: #64de79;
 }
 
 .card-warning-outline {
@@ -3938,7 +3938,7 @@ input[type="button"].btn-block {
   float: left;
   padding: .5rem .75rem;
   margin-left: -1px;
-  line-height: 2;
+  line-height: 1.5;
   color: #000;
   text-decoration: none;
   background-color: #fff;
@@ -4066,11 +4066,11 @@ a.label:focus, a.label:hover {
 }
 
 .label-success {
-  background-color: #02d124;
+  background-color: #64de79;
 }
 
 .label-success[href]:focus, .label-success[href]:hover {
-  background-color: #029e1b;
+  background-color: #3ad555;
 }
 
 .label-info {
@@ -4334,16 +4334,16 @@ a.label:focus, a.label:hover {
 }
 
 .progress-success[value]::-webkit-progress-value {
-  background-color: #02d124;
+  background-color: #64de79;
 }
 
 .progress-success[value]::-moz-progress-bar {
-  background-color: #02d124;
+  background-color: #64de79;
 }
 
 @media screen and (min-width: 0\0) {
   .progress-success .progress-bar {
-    background-color: #02d124;
+    background-color: #64de79;
   }
 }
 
@@ -4823,7 +4823,7 @@ button.close {
 
 .modal-title {
   margin: 0;
-  line-height: 2;
+  line-height: 1.5;
 }
 
 .modal-body {
@@ -4888,7 +4888,7 @@ button.close {
   font-size: .875rem;
   font-style: normal;
   font-weight: normal;
-  line-height: 2;
+  line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
@@ -4988,7 +4988,7 @@ button.close {
   font-size: .875rem;
   font-style: normal;
   font-weight: normal;
-  line-height: 2;
+  line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
@@ -5566,11 +5566,11 @@ a.text-primary:focus, a.text-primary:hover {
 }
 
 .text-success {
-  color: #02d124 !important;
+  color: #64de79 !important;
 }
 
 a.text-success:focus, a.text-success:hover {
-  color: #029e1b;
+  color: #3ad555;
 }
 
 .text-info {
@@ -5617,11 +5617,11 @@ a.bg-primary:focus, a.bg-primary:hover {
 
 .bg-success {
   color: #fff !important;
-  background-color: #02d124 !important;
+  background-color: #64de79 !important;
 }
 
 a.bg-success:focus, a.bg-success:hover {
-  background-color: #029e1b;
+  background-color: #3ad555;
 }
 
 .bg-info {
@@ -6004,6 +6004,10 @@ ul {
   padding: 0 1rem;
 }
 
+b, strong {
+  font-weight: 500;
+}
+
 hr {
   width: 66.666667%;
   height: 1px;
@@ -6042,7 +6046,7 @@ h3 code,
 h4 code,
 h5 code,
 h6 code {
-  font-weight: 600;
+  font-weight: 400;
 }
 
 .even,
@@ -6052,6 +6056,31 @@ h1:first-of-type {
   margin-bottom: 0;
 }
 
+h1.first,
+h2.first,
+h3.first {
+  padding-top: 0;
+  padding-bottom: 2rem;
+}
+
+h1.child,
+h2.child,
+h3.child {
+  padding-bottom: 0;
+}
+
+.gray {
+  color: #55595c;
+}
+
+.gray-light {
+  color: #b1b7bd;
+}
+
+.gray-lighter {
+  color: #eceeef;
+}
+
 @media (max-width: 767px) {
   h1 {
     font-size: 2rem;
@@ -6064,10 +6093,13 @@ h1:first-of-type {
 
 code,
 pre {
-  padding-left: .3rem;
   background-color: #f7f7f7;
 }
 
+p code {
+  padding: .2rem .1rem;
+}
+
 pre code {
   padding-left: 0;
   margin-left: 0;
@@ -6086,11 +6118,6 @@ textarea:focus {
   border-color: #000;
 }
 
-.container {
-  padding-top: 3rem;
-  padding-bottom: 9rem;
-}
-
 .lead {
   margin-bottom: 3rem;
 }
@@ -6128,7 +6155,7 @@ textarea:focus {
 }
 
 .green {
-  color: #02d124;
+  color: #64de79;
 }
 
 .yellow {
@@ -6150,7 +6177,7 @@ textarea:focus {
 }
 
 .inverse.green {
-  background-color: #02d124;
+  background-color: #64de79;
 }
 
 .inverse.yellow {
@@ -6249,13 +6276,11 @@ button#act {
 
 .lead .logo {
   display: inline-block;
-  width: 5rem;
-  height: 5rem;
-  margin-right: 3rem;
-  font-size: 4.4rem;
-  line-height: 5rem;
+  width: 3rem;
+  height: 3rem;
+  margin-right: 1rem;
   text-align: center;
-  border-radius: 5rem;
+  border-radius: 50%;
 }
 
 @media (max-width: 991px) {

web/tree/main.css

@@ -821,8 +821,23 @@ div.logo.inverse:before {
     background-color: #373a3c;
     border: none; }
 
-.body .plan .head,
-.body .plan .head a {
+.body .plan .panel.stack {
+  padding-top: 0;
+  padding-bottom: 0; }
+
+.body .plan .plan.stack {
+  padding-top: 4rem; }
+
+.body .plan .panel a {
+  text-decoration: none;
+  border-bottom: 2px solid #fff;
+  font-weight: 500; }
+
+.body .plan .pull-right {
+  float: right; }
+
+.body .plan .above,
+.body .plan .above a {
   color: #fff; }
 
 .body .plan .service {

web/tree/main.js

@@ -101,7 +101,7 @@ module.exports = {
 };
 
 
-},{"../dispatcher/Dispatcher.coffee":21,"../persistence/TreePersistence.coffee":23}],2:[function(require,module,exports){
+},{"../dispatcher/Dispatcher.coffee":22,"../persistence/TreePersistence.coffee":24}],2:[function(require,module,exports){
 var TreeActions, TreeStore, _load, code, div, recl, ref, span;
 
 _load = require('./LoadComponent.coffee');
@@ -255,7 +255,7 @@ module.exports = function(queries, Child, load) {
 };
 
 
-},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":24,"./LoadComponent.coffee":11}],3:[function(require,module,exports){
+},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":25,"./LoadComponent.coffee":11}],3:[function(require,module,exports){
 var Comments, TreeActions, TreeStore, a, clas, div, extras, h1, h3, img, input, load, p, query, reactify, recl, ref, rele, util;
 
 clas = require('classnames');
@@ -451,6 +451,7 @@ module.exports = query({
           if ((_.keys(props)).length === 0) {
             props[name] = _this.props.meta[name];
           }
+          props.key = name;
           return React.createElement(extras[name], props);
         }
       };
@@ -471,7 +472,7 @@ module.exports = query({
     parts = [
       extra('spam'), extra('logo', {
         color: this.props.meta.logo
-      }), reactify(this.props.body), extra('next', {
+      }), reactify(this.props.body, 'body'), extra('next', {
         dataPath: this.props.sein,
         curr: this.props.name
       }), extra('comments'), extra('footer', {
@@ -508,7 +509,7 @@ module.exports = query({
 }));
 
 
-},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":24,"../utils/util.coffee":26,"./Async.coffee":2,"./CommentsComponent.coffee":5,"./LoadComponent.coffee":11,"./Reactify.coffee":15,"classnames":27}],4:[function(require,module,exports){
+},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":25,"../utils/util.coffee":27,"./Async.coffee":2,"./CommentsComponent.coffee":5,"./LoadComponent.coffee":11,"./Reactify.coffee":16,"classnames":28}],4:[function(require,module,exports){
 var div, recl, ref, textarea;
 
 recl = React.createClass;
@@ -610,12 +611,10 @@ module.exports = query({
     });
     return div({}, div({
       className: "add-comment"
-    }, [
-      form({
-        ref: "in",
-        onSubmit: this.onSubmit
-      }, [textarea(textareaAttr), input(inputAttr)])
-    ]), (this.state.loading === true ? rele(load) : ""), div({
+    }, form({
+      ref: "in",
+      onSubmit: this.onSubmit
+    }, textarea(textareaAttr), input(inputAttr))), (this.state.loading === true ? rele(load) : ""), div({
       className: "comments"
     }, this.props.comt.map(function(props, key) {
       return rele(Comment, _.extend({
@@ -626,7 +625,7 @@ module.exports = query({
 }));
 
 
-},{"../actions/TreeActions.coffee":1,"../utils/util.coffee":26,"./Async.coffee":2,"./LoadComponent.coffee":11,"./Reactify.coffee":15,"classnames":27}],6:[function(require,module,exports){
+},{"../actions/TreeActions.coffee":1,"../utils/util.coffee":27,"./Async.coffee":2,"./LoadComponent.coffee":11,"./Reactify.coffee":16,"classnames":28}],6:[function(require,module,exports){
 var div, recl;
 
 recl = React.createClass;
@@ -643,6 +642,7 @@ module.exports = {
   module: require('./ModuleComponent.coffee'),
   script: require('./ScriptComponent.coffee'),
   plan: require('./PlanComponent.coffee'),
+  panel: require('./PanelComponent.coffee'),
   lost: recl({
     render: function() {
       return div({}, "<lost(", this.props.children, ")>");
@@ -651,7 +651,7 @@ module.exports = {
 };
 
 
-},{"./CodeMirror.coffee":4,"./EmailComponent.coffee":8,"./KidsComponent.coffee":9,"./ListComponent.coffee":10,"./ModuleComponent.coffee":12,"./PlanComponent.coffee":14,"./ScriptComponent.coffee":16,"./SearchComponent.coffee":17,"./TocComponent.coffee":19}],7:[function(require,module,exports){
+},{"./CodeMirror.coffee":4,"./EmailComponent.coffee":8,"./KidsComponent.coffee":9,"./ListComponent.coffee":10,"./ModuleComponent.coffee":12,"./PanelComponent.coffee":14,"./PlanComponent.coffee":15,"./ScriptComponent.coffee":17,"./SearchComponent.coffee":18,"./TocComponent.coffee":20}],7:[function(require,module,exports){
 var a, div, recl, ref, util;
 
 util = require('../utils/util.coffee');
@@ -709,7 +709,7 @@ module.exports = recl({
 });
 
 
-},{"../utils/util.coffee":26}],8:[function(require,module,exports){
+},{"../utils/util.coffee":27}],8:[function(require,module,exports){
 var button, div, input, p, reactify, recl, ref;
 
 reactify = require('./Reactify.coffee');
@@ -795,7 +795,7 @@ module.exports = recl({
 });
 
 
-},{"./Reactify.coffee":15}],9:[function(require,module,exports){
+},{"./Reactify.coffee":16}],9:[function(require,module,exports){
 var a, clas, div, hr, li, query, reactify, recl, ref, ul;
 
 clas = require('classnames');
@@ -883,7 +883,7 @@ module.exports = query({
 }));
 
 
-},{"./Async.coffee":2,"./Reactify.coffee":15,"classnames":27}],10:[function(require,module,exports){
+},{"./Async.coffee":2,"./Reactify.coffee":16,"classnames":28}],10:[function(require,module,exports){
 var a, clas, div, h1, li, pre, query, reactify, recl, ref, span, ul, util;
 
 clas = require('classnames');
@@ -1086,7 +1086,7 @@ module.exports = query({
 }));
 
 
-},{"../utils/util.coffee":26,"./Async.coffee":2,"./Reactify.coffee":15,"classnames":27}],11:[function(require,module,exports){
+},{"../utils/util.coffee":27,"./Async.coffee":2,"./Reactify.coffee":16,"classnames":28}],11:[function(require,module,exports){
 var div, recl, ref, span;
 
 recl = React.createClass;
@@ -1480,7 +1480,53 @@ module.exports = query({
 }));
 
 
-},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":24,"../utils/util.coffee":26,"./Async.coffee":2,"./BodyComponent.coffee":3,"./DpadComponent.coffee":7,"./Reactify.coffee":15,"./SibsComponent.coffee":18,"classnames":27}],14:[function(require,module,exports){
+},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":25,"../utils/util.coffee":27,"./Async.coffee":2,"./BodyComponent.coffee":3,"./DpadComponent.coffee":7,"./Reactify.coffee":16,"./SibsComponent.coffee":19,"classnames":28}],14:[function(require,module,exports){
+var a, li, nav, recl, ref, rele, ul;
+
+recl = React.createClass;
+
+rele = React.createElement;
+
+ref = React.DOM, nav = ref.nav, ul = ref.ul, li = ref.li, a = ref.a;
+
+module.exports = recl({
+  render: function() {
+    if (urb.user !== urb.ship) {
+      return div({
+        className: "panel"
+      }, [div({}, "Log in")]);
+    } else {
+      return nav({
+        className: "navbar panel"
+      }, [
+        ul({
+          className: "nav navbar-nav"
+        }, [
+          li({
+            className: "nav-item"
+          }, a({
+            href: "/talk"
+          }, "Talk")), li({
+            className: "nav-item"
+          }, a({
+            href: "/dojo"
+          }, "Dojo")), li({
+            className: "nav-item"
+          }, a({
+            href: "/static"
+          }, "Static")), li({
+            className: 'nav-item pull-right'
+          }, a({
+            href: "/~/away"
+          }, "Log out"))
+        ])
+      ]);
+    }
+  }
+});
+
+
+},{}],15:[function(require,module,exports){
 var Grid, TreeActions, a, button, code, div, h6, input, load, query, recl, ref1, ref2, rele, span, table, tbody, td, textarea, tr,
   slice = [].slice;
 
@@ -1656,7 +1702,7 @@ module.exports = query({
 }));
 
 
-},{"../actions/TreeActions.coffee":1,"./Async.coffee":2,"./LoadComponent.coffee":11}],15:[function(require,module,exports){
+},{"../actions/TreeActions.coffee":1,"./Async.coffee":2,"./LoadComponent.coffee":11}],16:[function(require,module,exports){
 var TreeStore, Virtual, div, load, reactify, recl, ref, rele, span, walk;
 
 recl = React.createClass;
@@ -1744,7 +1790,7 @@ module.exports = _.extend(reactify, {
 });
 
 
-},{"../stores/TreeStore.coffee":24,"./LoadComponent.coffee":11}],16:[function(require,module,exports){
+},{"../stores/TreeStore.coffee":25,"./LoadComponent.coffee":11}],17:[function(require,module,exports){
 var appendNext, recl, rele, waitingScripts;
 
 recl = React.createClass;
@@ -1791,7 +1837,7 @@ module.exports = recl({
 });
 
 
-},{}],17:[function(require,module,exports){
+},{}],18:[function(require,module,exports){
 var a, div, input, query, reactify, recl, ref,
   slice = [].slice;
 
@@ -1929,7 +1975,7 @@ module.exports = query({
 }));
 
 
-},{"./Async.coffee":2,"./Reactify.coffee":15}],18:[function(require,module,exports){
+},{"./Async.coffee":2,"./Reactify.coffee":16}],19:[function(require,module,exports){
 var a, clas, li, query, reactify, recl, ref, ul, util;
 
 util = require('../utils/util.coffee');
@@ -2014,7 +2060,7 @@ module.exports = query({
 }));
 
 
-},{"../utils/util.coffee":26,"./Async.coffee":2,"./Reactify.coffee":15,"classnames":27}],19:[function(require,module,exports){
+},{"../utils/util.coffee":27,"./Async.coffee":2,"./Reactify.coffee":16,"classnames":28}],20:[function(require,module,exports){
 var div, query, reactify, recl,
   slice = [].slice;
 
@@ -2151,7 +2197,7 @@ module.exports = query({
 }));
 
 
-},{"./Async.coffee":2,"./Reactify.coffee":15}],20:[function(require,module,exports){
+},{"./Async.coffee":2,"./Reactify.coffee":16}],21:[function(require,module,exports){
 var body, clas, div, head, query, recf, recl;
 
 query = require('./Async.coffee');
@@ -2194,7 +2240,7 @@ module.exports = query({
 }));
 
 
-},{"./Async.coffee":2,"./BodyComponent.coffee":3,"./NavComponent.coffee":13,"classnames":27}],21:[function(require,module,exports){
+},{"./Async.coffee":2,"./BodyComponent.coffee":3,"./NavComponent.coffee":13,"classnames":28}],22:[function(require,module,exports){
 module.exports = _.extend(new Flux.Dispatcher(), {
   handleServerAction: function(action) {
     return this.dispatch({
@@ -2211,7 +2257,7 @@ module.exports = _.extend(new Flux.Dispatcher(), {
 });
 
 
-},{}],22:[function(require,module,exports){
+},{}],23:[function(require,module,exports){
 var rend;
 
 rend = ReactDOM.render;
@@ -2240,7 +2286,7 @@ $(function() {
 });
 
 
-},{"./actions/TreeActions.coffee":1,"./components/Components.coffee":6,"./components/TreeComponent.coffee":20,"./utils/scroll.coffee":25,"./utils/util.coffee":26}],23:[function(require,module,exports){
+},{"./actions/TreeActions.coffee":1,"./components/Components.coffee":6,"./components/TreeComponent.coffee":21,"./utils/scroll.coffee":26,"./utils/util.coffee":27}],24:[function(require,module,exports){
 var dedup, pending, util, waspWait;
 
 util = require('../utils/util.coffee');
@@ -2326,7 +2372,7 @@ module.exports = {
 };
 
 
-},{"../utils/util.coffee":26}],24:[function(require,module,exports){
+},{"../utils/util.coffee":27}],25:[function(require,module,exports){
 var EventEmitter, MessageDispatcher, QUERIES, TreeStore, _curr, _data, _nav, _tree, _virt, clog;
 
 EventEmitter = require('events').EventEmitter.EventEmitter;
@@ -2600,7 +2646,7 @@ TreeStore.dispatchToken = MessageDispatcher.register(function(p) {
 module.exports = TreeStore;
 
 
-},{"../dispatcher/Dispatcher.coffee":21,"events":28}],25:[function(require,module,exports){
+},{"../dispatcher/Dispatcher.coffee":22,"events":29}],26:[function(require,module,exports){
 var scroll;
 
 scroll = {
@@ -2694,7 +2740,7 @@ scroll.init();
 module.exports = scroll;
 
 
-},{}],26:[function(require,module,exports){
+},{}],27:[function(require,module,exports){
 var _basepath;
 
 _basepath = window.urb.util.basepath("/");
@@ -2743,7 +2789,7 @@ module.exports = {
 };
 
 
-},{}],27:[function(require,module,exports){
+},{}],28:[function(require,module,exports){
 /*!
   Copyright (c) 2016 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -2793,7 +2839,7 @@ module.exports = {
 	}
 }());
 
-},{}],28:[function(require,module,exports){
+},{}],29:[function(require,module,exports){
 // Copyright Joyent, Inc. and other Node contributors.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a
@@ -3093,4 +3139,4 @@ function isUndefined(arg) {
   return arg === void 0;
 }
 
-},{}]},{},[22]);
+},{}]},{},[23]);