diff --git a/public/index.html b/public/index.html
index bf85fb3..864ad7c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,9 @@
     <div id="htext">
         Editing <b>index</b>
         <strong data-bind="text: _keys().length"></strong>
+        <div data-bind="visible: _getMode()">
+        mode: <strong data-bind="text: _getMode()"></strong>
+        </div>
         <div id="main">
             <ul class="folders">
                 <!-- ko foreach: _keys() -->
@@ -158,6 +161,10 @@
                 })
             }
         });
+        viewModel._getMode = ko.computed(function() {
+            var id =  viewModel._chosenFolderId();
+            return id && viewModel[id].mode;
+        });
 
         ko.applyBindings(viewModel);
         window.viewModel=viewModel;
diff --git a/public/style.css b/public/style.css
index c3c6ac9..9bb106c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -28,6 +28,10 @@ body {
     font-family: baskerville, palatino, 'palatino linotype', georgia, serif;
 }
 
+#htext div {
+    display: inline;
+}
+
 #editor {
     margin: 0;
     position: absolute;