diff --git a/package.json b/package.json
index 8d46571a..77e38dc4 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
     "multer": "^1.4.2",
     "mustache-express": "^1.3.0",
     "neuroweblab": "github:neuroanatomy/neuroweblab",
-    "nwl-components": "^0.0.20",
+    "nwl-components": "^0.0.21",
     "pako": "^1.0.11",
     "passport": "^0.4.1",
     "passport-github": "^1.1.0",
diff --git a/templates/project.mustache b/templates/project.mustache
index cad5862d..63d88598 100644
--- a/templates/project.mustache
+++ b/templates/project.mustache
@@ -141,11 +141,14 @@
                             </ButtonsGroup>
                         </Row>
                         <Row>
-                            <Chat
-                                v-if="displayChat"
-                                :receivedMessages="receivedMessages"
-                                :notification="notification"
-                                @send-message="sendChatMessage" />
+                            <div class="text">
+                                <Chat
+                                    v-if="displayChat"
+                                    :receivedMessages="receivedMessages"
+                                    :notification="notification"
+                                    @send-message="sendChatMessage" />
+                                <ScriptConsole v-if="displayScript"/>
+                            </div>
                         </Row>
                     </template>
                     <template v-slot:content>
@@ -180,6 +183,14 @@
         padding: 10px;
         width: 200px;
     }
+    .text {
+        opacity: 0.5;
+        width: 100%;
+        height: 100%;
+    }
+    .text:hover {
+        opacity: 1;
+    }
     </style>
     <script src="/lib/atlasmaker.js"></script>
     <script src="/lib/brainbox.js"></script>
diff --git a/test/integration/client.js b/test/integration/client.js
index 3245a96f..27aa2049 100644
--- a/test/integration/client.js
+++ b/test/integration/client.js
@@ -89,12 +89,13 @@ describe('TESTING CLIENT-SIDE RENDERING', function () {
     // OPEN PROJECT PAGE
     it('Project page renders as expected', async function () {
       await page.goto(U.serverURL + '/project/' + U.projectTest.shortname);
-      await page.waitForSelector('#sliderBlock');
-      await page.waitForSelector('#buttonsBlock');
-      await page.waitForSelector('#penSizeBlock');
+      await page.waitForSelector('.editor .tools');
+      await page.waitForSelector('.editor .tools .range-slider');
+      await page.waitForSelector('.editor .tools button[title="Change pen size to 1"]');
+      await page.waitForSelector('.editor .tools button[title="Change pen size to 15"]');
       await page.waitForSelector('canvas');
-      await page.waitForSelector('#notificationsBlock');
-      await page.waitForSelector('#textInputBlock');
+      await page.waitForSelector('.editor .tools .notifications');
+      await page.waitForSelector('.editor .tools .chat input[type=text]');
 
       const annotation = await page.waitForSelector('#volAnnotations tbody tr td:first-child');
       assert.equal('Cerebrum', await page.evaluate((el) => el.textContent, annotation));
diff --git a/view/atlasmaker/src/atlasmaker.js b/view/atlasmaker/src/atlasmaker.js
index 907813e5..7df14fbe 100755
--- a/view/atlasmaker/src/atlasmaker.js
+++ b/view/atlasmaker/src/atlasmaker.js
@@ -332,23 +332,15 @@ var me = {
     me._createOffscreenCanvases();
     me._createOnscreenCanvases(elem);
 
+    // load tools
+    me.loadTools();
+
     // event connect: Configure mouse events for desktop computers
     // (touch events are configured in the initCursor function)
     me.canvas.onmousedown = me.mousedown;
     me.canvas.onmousemove = me.mousemove;
     me.canvas.onmouseup = me.mouseup;
 
-
-    // text input
-    Promise.all([
-      me.loadScript('https://unpkg.com/codeflask/build/codeflask.min.js'),
-      me.loadScript('https://cdn.jsdelivr.net/gh/r03ert0/consolita.js@v0.1.1/consolita.js')
-    ]).then(() => {
-      window.onload = () => {
-        Consolita.init('#logScript');
-      };
-    });
-
     // long-press event
     me.loadScript('https://cdn.jsdelivr.net/gh/john-doherty/long-press-event@2.1.0/dist/long-press-event.min.js')
       .then(() => {
diff --git a/view/atlasmaker/src/html/img/3drender.svg b/view/atlasmaker/src/html/img/3drender.svg
deleted file mode 100644
index 6bd92f22..00000000
--- a/view/atlasmaker/src/html/img/3drender.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><path d="m1415.7505 1148.2572-647.73145 380.2478-647.77475-380.2478v-760.48132l647.77475-380.290436 647.73145 380.290436z" fill="#fff"/><path d="m1415.7505 1148.2572v-760.48132l-647.73145 380.24776v760.48136z" fill-opacity=".698039"/><path d="m120.2443 1148.2572v-760.48132l647.77475 380.24776v760.48136z" fill-opacity=".396078"/><path d="m194.348 43.5-45.528 26.727-45.531-26.727" fill="none" stroke="#fff" stroke-width="1.6" transform="matrix(14.227102 0 0 14.227102 -1349.2584 -231.09805)"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/adjust.svg b/view/atlasmaker/src/html/img/adjust.svg
deleted file mode 100644
index 4164f2fb..00000000
--- a/view/atlasmaker/src/html/img/adjust.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><path d="m904.35472 1528.2773-7.8769-1261.09396c-148.79498 0-227.67351 27.02518-324.00196 83.18399-95.00724 55.38855-174.26188 142.18467-228.83188 237.66442-47.07633 82.36826-74.06588 179.31169-76.46065 274.15354-2.84006 112.47682 21.26033 229.98731 74.15355 329.29191 53.09547 99.6843 135.9322 188.0924 232.77034 246.217 97.87177 58.745 231.58083 90.5831 330.2475 90.5831zm759.64528-632.2773c0 139.3333-34.3333 267.8333-103 385.5s-161.8333 210.8333-279.5 279.5-246.1667 103-385.5 103c-139.33333 0-267.83333-34.3333-385.5-103s-210.83333-161.8333-279.5-279.5-103-246.1667-103-385.5c0-139.33333 34.33333-267.83333 103-385.5s161.83333-210.83333 279.5-279.5 246.16667-103 385.5-103c139.3333 0 267.8333 34.33333 385.5 103s210.8333 161.83333 279.5 279.5 103 246.16667 103 385.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/bars.svg b/view/atlasmaker/src/html/img/bars.svg
deleted file mode 100644
index 9b125ad8..00000000
--- a/view/atlasmaker/src/html/img/bars.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m257.82663 514.45448q0-11.49079 27.06538-19.8879 27.06538-8.39711 64.10223-8.39711h1094.01156q37.0368 0 64.1022 8.3971 27.0654 8.39711 27.0654 19.8879v56.57001q0 11.49079-27.0654 19.8879-27.0654 8.39711-64.1022 8.39711h-1094.01156q-37.03685 0-64.10223-8.39711-27.06538-8.39711-27.06538-19.8879v-56.57001z"/><path d="m257.82663 1228.5074q0-11.4908 27.06538-19.8879 27.06538-8.3971 64.10223-8.3971h1094.01156q37.0368 0 64.1022 8.3971 27.0654 8.3971 27.0654 19.8879v56.57q0 11.4908-27.0654 19.8879-27.0654 8.3971-64.1022 8.3971h-1094.01155q-37.03684 0-64.10223-8.3971-27.06538-8.3971-27.06538-19.8879v-56.57z"/><path d="m257.82666 871.48099q0-11.49079 27.06538-19.88789 27.0654-8.39712 64.10223-8.39712h1094.01143q37.0367 0 64.1022 8.39711 27.0654 8.39711 27.0654 19.88789v56.57002q0 11.4908-27.0654 19.8879-27.0655 8.3971-64.1022 8.3971h-1094.01142q-37.03684 0-64.10224-8.3971-27.06538-8.3971-27.06538-19.8879v-56.57002z"/></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/caret-square-o-left.svg b/view/atlasmaker/src/html/img/caret-square-o-left.svg
deleted file mode 100644
index 238fd7ba..00000000
--- a/view/atlasmaker/src/html/img/caret-square-o-left.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><path d="m1521.4994 1516.4129-3.8342-1245.79429c-.027-8.66663-3.1667-16.16667-9.5-22.5s-13.8334-9.47618-22.5-9.5l-802.92142-2.20708c-8.66663-.0238-18.05957 1.72753-24.3929 8.06086s-7.58076 4.20013-7.6071 23.93914l-1.666 1248.77587c-.0116 8.6668 3.16667 16.1667 9.5 22.5s13.83332 9.5083 22.5 9.5l808.42162-.7745c8.6666-.01 16.1667-3.1667 22.5-9.5s9.5267-13.8334 9.5-22.5zm142.5006-1100.4129v960c0 79.3333-28.1667 147.1667-84.5 203.5s-124.1667 84.5-203.5 84.5h-960c-79.33333 0-147.16667-28.1667-203.5-84.5s-84.5-124.1667-84.5-203.5v-960c0-79.33333 28.16667-147.16667 84.5-203.5s124.16667-84.5 203.5-84.5h960c79.3333 0 147.1667 28.16667 203.5 84.5s84.5 124.16667 84.5 203.5z" fill="#fff" transform="matrix(.93801453 0 0 .87258542 55.538981 114.16346)"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/caret-square-o-right.svg b/view/atlasmaker/src/html/img/caret-square-o-right.svg
deleted file mode 100644
index 1ffa0e42..00000000
--- a/view/atlasmaker/src/html/img/caret-square-o-right.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><path d="m1521.4994 1516.4129-3.8342-1245.79429c-.027-8.66663-3.1667-16.16667-9.5-22.5s-13.8334-9.47618-22.5-9.5l-802.92142-2.20708c-8.66663-.0238-18.05957 1.72753-24.3929 8.06086s-7.58076 4.20013-7.6071 23.93914l-1.666 1248.77587c-.0116 8.6668 3.16667 16.1667 9.5 22.5s13.83332 9.5083 22.5 9.5l808.42162-.7745c8.6666-.01 16.1667-3.1667 22.5-9.5s9.5267-13.8334 9.5-22.5zm142.5006-1100.4129v960c0 79.3333-28.1667 147.1667-84.5 203.5s-124.1667 84.5-203.5 84.5h-960c-79.33333 0-147.16667-28.1667-203.5-84.5s-84.5-124.1667-84.5-203.5v-960c0-79.33333 28.16667-147.16667 84.5-203.5s124.16667-84.5 203.5-84.5h960c79.3333 0 147.1667 28.16667 203.5 84.5s84.5 124.16667 84.5 203.5z" fill="#fff" transform="matrix(-.93801453 0 0 -.87258542 1736.461 1677.8365)"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/chat.svg b/view/atlasmaker/src/html/img/chat.svg
deleted file mode 100644
index 3b879ba3..00000000
--- a/view/atlasmaker/src/html/img/chat.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 511.626 511.626" height="511.626" viewBox="0 0 511.626 511.626" width="511.626" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m301.927 327.605c30.926-13.038 55.34-30.785 73.23-53.248 17.888-22.458 26.833-46.915 26.833-73.372 0-26.458-8.945-50.917-26.84-73.376-17.888-22.459-42.298-40.208-73.228-53.249-30.93-13.039-64.571-19.556-100.928-19.556-36.354 0-69.995 6.521-100.927 19.556-30.929 13.04-55.34 30.789-73.229 53.249-17.891 22.463-26.838 46.918-26.838 73.377 0 22.648 6.767 43.975 20.28 63.96 13.512 19.981 32.071 36.829 55.671 50.531-1.902 4.572-3.853 8.754-5.852 12.566-2 3.806-4.377 7.467-7.139 10.991-2.76 3.525-4.899 6.283-6.423 8.275-1.523 1.998-3.997 4.812-7.425 8.422-3.427 3.617-5.617 5.996-6.567 7.135 0-.191-.381.24-1.143 1.287-.763 1.047-1.191 1.52-1.285 1.431-.096-.103-.477.373-1.143 1.42-.666 1.048-1 1.571-1 1.571l-.715 1.423c-.282.575-.476 1.137-.57 1.712-.096.567-.144 1.19-.144 1.854s.094 1.28.288 1.854c.381 2.471 1.475 4.466 3.283 5.996 1.807 1.52 3.756 2.279 5.852 2.279h.857c9.515-1.332 17.701-2.854 24.552-4.569 29.312-7.61 55.771-19.797 79.372-36.545 17.129 3.046 33.879 4.568 50.247 4.568 36.357.013 70.002-6.502 100.931-19.542z"/><path d="m491.354 338.166c13.518-19.889 20.272-41.247 20.272-64.09 0-23.414-7.146-45.316-21.416-65.68-14.277-20.362-33.694-37.305-58.245-50.819 4.374 14.274 6.563 28.739 6.563 43.398 0 25.503-6.368 49.676-19.129 72.519-12.752 22.836-31.025 43.01-54.816 60.524-22.08 15.988-47.205 28.261-75.377 36.829-28.164 8.562-57.573 12.848-88.218 12.848-5.708 0-14.084-.377-25.122-1.137 38.256 25.119 83.177 37.685 134.756 37.685 16.371 0 33.119-1.526 50.251-4.571 23.6 16.755 50.06 28.931 79.37 36.549 6.852 1.718 15.037 3.237 24.554 4.568 2.283.191 4.381-.476 6.283-1.999 1.903-1.522 3.142-3.61 3.71-6.272-.089-1.143 0-1.77.287-1.861.281-.09.233-.712-.144-1.852-.376-1.144-.568-1.715-.568-1.715l-.712-1.424c-.198-.376-.52-.903-.999-1.567-.476-.66-.855-1.143-1.143-1.427-.28-.284-.705-.763-1.28-1.424-.568-.66-.951-1.092-1.143-1.283-.951-1.143-3.139-3.521-6.564-7.139-3.429-3.613-5.899-6.42-7.422-8.418-1.523-1.999-3.665-4.757-6.424-8.282-2.758-3.518-5.14-7.183-7.139-10.991-1.998-3.806-3.949-7.995-5.852-12.56 23.602-13.716 42.156-30.513 55.667-50.409z"/></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/download.svg b/view/atlasmaker/src/html/img/download.svg
deleted file mode 100644
index 9583f1cc..00000000
--- a/view/atlasmaker/src/html/img/download.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 438.533 438.533" height="438.533" viewBox="0 0 438.533 438.533" width="438.533" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m312.24353 148.5142h-55.71476v-105.614341c0-2.80155-.87617-5.09976-2.61533-6.90091-1.73202-1.7959-3.95908-2.69858-6.66486-2.69858h-55.7249c-2.70783 0-4.93385.90268-6.67504 2.69858-1.74219 1.8022-2.61227 4.09936-2.61227 6.90091v105.610141h-55.72084c-4.25487 0-7.15784 2.00186-8.70692 5.99928-1.54907 3.80512-.86805 7.30024 2.03188 10.50427l92.86604 96.00645c2.13046 1.798 4.35345 2.69753 6.67502 2.69753 2.31854 0 4.54456-.89953 6.67706-2.69753l92.57534-95.70381c1.93329-2.39908 2.8979-4.80867 2.8979-7.2004 0-2.79736-.86907-5.09976-2.61534-6.90407-1.73711-1.79905-3.96313-2.69752-6.67298-2.69752z"/><path d="m36.23525 305.81445v98.48438h366.0625v-98.48438h-42.73828v55.7461h-280.58594v-55.7461z"/></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/erase.svg b/view/atlasmaker/src/html/img/erase.svg
deleted file mode 100644
index 2d0b0116..00000000
--- a/view/atlasmaker/src/html/img/erase.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1919.9512" width="1919.9512" xmlns="http://www.w3.org/2000/svg"><path d="m895.97559 1471.9756 336.00001-384h-768.00001l-336 384zm1013.00001-1077.00003q15 34 9.5 71.5-5.5 37.5-30.5 65.5l-896.00001 1024.00003q-38 44-96 44h-768q-37.999999 0-69.499999-20.5-31.5-20.5-47.5-54.5-15.0000002-34-9.5000002-71.5 5.5-37.5 30.5000002-65.5l895.999999-1024.00003q38-44 96.00001-44h768q38 0 69.5 20.5 31.5 20.5 47.5 54.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/eyedropper.svg b/view/atlasmaker/src/html/img/eyedropper.svg
deleted file mode 100644
index df54ea54..00000000
--- a/view/atlasmaker/src/html/img/eyedropper.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m-482.71786 1264.7964c47.30973 124.8869 112.44893 107.4729 112.68455 180.62.14228 44.1772-49.9678 80.0544-111.84205 80.156-61.87176.1016-112.20992-35.6125-112.35223-79.7897-.25437-78.9652 64.18518-53.7188 111.51473-180.9881z"/><g transform="translate(9.590453 28.241584)"><ellipse cx="1076.8032" cy="-686.12292" rx="220.37535" ry="298.82251" transform="matrix(.69676716 .71729738 -.7086439 .70556631 0 0)"/><path d="m886.8516 158.66406c-.6886-.005-1.3805.25382-1.9121.77735l-112.54106 110.81445c-1.06336 1.04705-1.07635 2.74719-.0293 3.81055l404.17776 410.47265c.4976.50542 1.1429.76705 1.7969.79688l64.2031 65.20312c1.047 1.06336 2.7472 1.07635 3.8105.0293l112.541-110.81445c1.0634-1.04705 1.0764-2.74524.029-3.8086l-404.1774-410.47461c-.4972-.50491-1.1416-.76465-1.7949-.79492l-64.2051-65.20508c-.5235-.53168-1.2099-.80132-1.8984-.80664z"/><g fill-rule="evenodd"><path d="m800 464.125 93.75 93.75-875 878.125s17.648209-85.5337 28.125-109.375c18.61452-42.3597 78.72725-122.1817 106.25-159.375 29.84314-40.329 58.54891-64.9235 81.25-112.5 7.83415-16.4187 43.75-125 43.75-125z"/><path d="m956.25 623.5-915.625 831.25s66.80141-6.6189 103.125-18.75c44.5948-14.8935 74.04104-32.1969 93.75-43.75 30.19522-17.7001 78.81364-50.1428 106.25-71.875 27.81048-22.0286 28.68428-29.0772 59.375-46.875 21.09446-12.2328 66.443-43.7367 90.625-46.875 11.4099-1.4807 59.375-18.75 59.375-18.75l496.875-496.875z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/fill.svg b/view/atlasmaker/src/html/img/fill.svg
deleted file mode 100644
index ec7f1264..00000000
--- a/view/atlasmaker/src/html/img/fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 438.536 438.536" height="438.536" viewBox="0 0 438.536 438.536" width="438.536" xmlns="http://www.w3.org/2000/svg"><path d="m245.25184 47.054688 153.0625 153.556642s1.52555 28.59311-1.60156 46.03906c-3.14673 17.55545-13.99429 39.48505-27.81445 55.92188-14.06355 16.72628-31.8086 30.85937-31.8086 30.85937-11.62468 8.56254-21.2119 13.66338-34.89062 18.93164-20.92292 7.17692-36.68939 8.61603-58.0625 10.56641l-111.46094-105.53516 1.97461-46.41406c20.56398-14.3572 37.90458-23.98141 55.63281-37.23242 15.2493-13.03418 31.87879-29.55696 43.20899-47.80469 5.55683-8.94948 9.91374-17.2689 11.61523-29.390626 1.02053-7.270398.26938-12.293627-3.80664-15.921875-4.32709-3.851744-11.37437-2.916701-17.25586-2.05664-15.96158 2.334087-34.96827 11.998246-47.48633 23.261721-9.08676 7.50325-15.22282 14.0503-20.7246 21.16015l-12.29493 16.88477-30.61328 1.48047c-1.32945 1.32946 1.98711-7.16142 12.83789-22.71289 9.28011-13.30038 12.23863-16.84013 27.94141-30.244143 6.59185-5.626853 11.72626-9.333009 30.20898-19.623047 13.55679-7.547585 30.41102-14.037575 45.71094-17.841797l15.62695-3.884765zm-80.70507 113.386722c17.78054-.37749-12.69607 6.5244-20.07032 9.93164-11.04472 5.10318-17.06318 9.47708-20.16992 11.91015-7.40299 5.79771-11.51519 12.33458-13.1875 20.62891-1.2782 6.33957-1.56543 9.52759-2.14453 15.96875-2.90586 32.32117-2.88219 64.17803-2.38281 96.42578.11225 7.24833.25957 15.07702 2.15429 22.07422 1.74208 6.43347 3.60472 13.04246 9.11719 16.78906 8.32899 5.66087 19.36265 6.5987 29.45117 6.27344 23.31246-.75159 39.55588-12.8877 45.10743 9.4375 1.05367 4.23728-3.91797 8.23437-3.91797 8.23437-4.91505 4.33235-12.50439 3.16763-20.67578 4.11329-10.90474 1.26198-19.98027 2.82163-29.48829 4.67382-11.50198 2.24061-19.32695 3.04354-28.37695 3.80469-9.84032.82763-19.81579 1.13849-29.625 0-5.71035-.66276-11.25665-2.38032-16.78711-3.94922-4.00563-1.13632-8.46104-2.66556-11.85156-3.95117-4.80776-1.823-11.61661-4.7385-11.84961-9.875-.10548-2.32518 2.67769-4.37996 4.9375-4.9375 3.55514-.87712 10.19385-1.60088 13.82617-4.9375 4.01269-3.68603 6.12297-11.8091 7.08594-17.43164 7.68763-44.88606-.80073-105.42932-.17383-129.41797.43073-16.48251 3.48841-29.04393 17.77539-40.48633 5.34084-4.27746 15.71077-11.61474 77.02539-15.10351 1.63547-.0931 3.03534-.15062 4.22071-.17578z" fill="#fff" fill-rule="evenodd" stroke="#fff" stroke-width="1.062861"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/floppy.svg b/view/atlasmaker/src/html/img/floppy.svg
deleted file mode 100644
index 8277beb8..00000000
--- a/view/atlasmaker/src/html/img/floppy.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><path d="m384 1408h768v-384h-768zm896 0h128v-896q0-14-10-38.5-10-24.5-20-34.5l-281-281q-10-10-34-20-24-10-39-10v416q0 40-28 68-28 28-68 28h-576q-40 0-68-28-28-28-28-68v-416h-128v1280h128v-416q0-40 28-68 28-28 68-28h832q40 0 68 28 28 28 28 68zm-384-928v-320q0-13-9.5-22.5-9.5-9.5-22.5-9.5h-192q-13 0-22.5 9.5-9.5 9.5-9.5 22.5v320q0 13 9.5 22.5 9.5 9.5 22.5 9.5h192q13 0 22.5-9.5 9.5-9.5 9.5-22.5zm640 32v928q0 40-28 68-28 28-68 28h-1344q-40 0-68-28-28-28-28-68v-1344q0-40 28-68 28-28 68-28h928q40 0 88 20 48 20 76 48l280 280q28 28 48 76 20 48 20 88z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/fullscreen.svg b/view/atlasmaker/src/html/img/fullscreen.svg
deleted file mode 100644
index c00355c4..00000000
--- a/view/atlasmaker/src/html/img/fullscreen.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><path d="m1213.9023 1075.3696-307.36953-307.36959 307.36953-307.36957 124.6796 124.67949q25.109 26.84072 60.6081 12.12161 33.7673-14.7191 33.7673-51.08395v-387.89173q0-22.51158-16.4509-38.96234-16.4507-16.45077-38.9623-16.45077h-387.89167q-36.36485 0-51.08396 34.63319-14.71911 33.76736 12.12162 59.74225l124.67951 124.67949-307.36959 307.36956-307.36957-307.36956 124.67949-124.67949q26.84072-25.97489 12.12161-59.74225-14.7191-34.63319-51.08395-34.63319h-387.89174q-22.51157 0-38.96234 16.45077-16.45076 16.45076-16.45076 38.96234v387.89173q0 36.36485 34.63319 51.08395 33.76736 14.71911 59.74225-12.12161l124.67949-124.67949 307.36956 307.36957-307.36956 307.36959-124.67949-124.67951q-16.45076-16.45077-38.96234-16.45077-10.38995 0-20.77991 4.32915-34.63319 14.71911-34.63319 51.08396v387.89177q0 22.5116 16.45076 38.9623 16.45077 16.4508 38.96234 16.4508h387.89174q36.36485 0 51.08395-34.6332 14.71911-33.7673-12.12161-59.7422l-124.67949-124.6795 307.36957-307.36963 307.36959 307.36963-124.67951 124.6795q-26.84073 25.9749-12.12162 59.7422 14.71911 34.6332 51.08396 34.6332h387.89177q22.5116 0 38.9622-16.4509 16.4509-16.4507 16.4509-38.9622v-387.89177q0-36.36485-33.7673-51.08396-11.2558-4.32915-21.6458-4.32915-22.5116 0-38.9623 16.45077z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/landmark.svg b/view/atlasmaker/src/html/img/landmark.svg
deleted file mode 100644
index 8ec34991..00000000
--- a/view/atlasmaker/src/html/img/landmark.svg
+++ /dev/null
@@ -1,84 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   height="1536"
-   width="1536"
-   version="1.1"
-   id="svg840"
-   sodipodi:docname="landmark.svg"
-   inkscape:version="1.0beta1 (32d4812, 2019-09-19)">
-  <metadata
-     id="metadata846">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs844" />
-  <sodipodi:namedview
-     units="in"
-     pagecolor="#000000"
-     bordercolor="#666666"
-     inkscape:document-rotation="0"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1600"
-     inkscape:window-height="907"
-     id="namedview842"
-     showgrid="false"
-     inkscape:zoom="0.175"
-     inkscape:cx="914.28571"
-     inkscape:cy="800"
-     inkscape:window-x="0"
-     inkscape:window-y="23"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg840" />
-  <linearGradient
-     id="a"
-     gradientTransform="matrix(0.6959328,0,0,0.69873334,-1177.0928,-1176.5071)"
-     gradientUnits="userSpaceOnUse"
-     x1="-599.44781"
-     x2="1171.5452"
-     y1="757.00183"
-     y2="762.83765">
-    <stop
-       offset="0"
-       stop-color="#fff"
-       id="stop833" />
-    <stop
-       offset="1"
-       stop-color="#fff"
-       stop-opacity="0"
-       id="stop835" />
-  </linearGradient>
-  <path
-     id="ellipse838"
-     style="fill:none;stroke:#ffffff;stroke-width:86.92913386;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:3.2759;stroke-miterlimit:4;stroke-dasharray:none"
-     d="m 272.2659,652.85316 c 0,-132.87162 52.22898,-260.30117 145.19715,-354.25558 92.96817,-93.95444 219.06009,-146.73748 350.53694,-146.73748 131.47685,0 257.56871,52.78304 350.53691,146.73748 92.9682,93.95441 145.1972,221.38396 145.1972,354.25558 0,132.87162 -74.3987,261.4959 -145.1972,373.32564 -76.7289,121.1972 -262.36463,366.0423 -350.53691,366.0423 -98.99844,0 -276.96633,-247.4366 -350.53694,-366.0423 C 347.71734,913.73932 272.2659,785.72478 272.2659,652.85316"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="csssssssc" />
-  <ellipse
-     cx="-768"
-     cy="-634.1701"
-     rx="228.35516"
-     ry="229.27409"
-     style="fill:#ffffff;stroke:#ffffff;stroke-width:31.64976378;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:3.2759;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1"
-     transform="scale(-1)"
-     id="ellipse2005" />
-</svg>
diff --git a/view/atlasmaker/src/html/img/link.svg b/view/atlasmaker/src/html/img/link.svg
deleted file mode 100644
index 0f108c14..00000000
--- a/view/atlasmaker/src/html/img/link.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><path d="m1349.5324 410.13387q0 37.27772-26.0944 63.37212l-193.8441 193.84411q-26.0944 26.0944-63.3722 26.0944-39.1416 0-67.09984-29.82217 2.79584-2.79583 17.70694-17.24094 14.911-14.44512 20.0367-20.03677 5.1257-5.59166 13.9792-17.70692 8.8534-12.11526 12.1152-23.76454 3.2618-11.64929 3.2618-25.62843 0-37.27771-26.0944-63.37212-26.0943-26.0944-63.37209-26.0944-13.97914 0-25.62843 3.2618-11.64929 3.2618-23.76454 12.11526-12.11526 8.85346-17.70692 13.97914-5.59166 5.12569-20.03677 20.03678-14.44511 14.91108-17.24094 17.70691-30.75412-28.89023-30.75412-68.03183 0-37.27771 26.0944-63.37211l191.98021-192.91218q25.1625-25.16246 63.3722-25.16246 37.2777 0 63.3721 24.23052l136.9956 136.06366q26.0944 26.0944 26.0944 62.44017zm-655.15587 657.01983q0 37.2777-26.0944 63.3721l-191.98023 192.9122q-26.0944 26.0944-63.37212 26.0944-36.34577 0-63.37212-25.1625l-136.9956-136.0636q-26.0944-26.0944-26.0944-62.4402 0-37.2777 26.0944-63.3721l193.84412-193.8442q25.16246-25.16246 63.37212-25.16246 39.1416 0 67.09988 28.89023-2.79583 2.79583-17.70691 17.24095-14.91109 14.44511-20.03677 20.03677-5.12569 5.59165-13.97915 17.70691-8.85345 12.11526-12.11525 23.7645-3.2618 11.6493-3.2618 25.6285 0 37.2777 26.0944 63.3721 26.0944 26.0944 63.37211 26.0944 13.97914 0 25.62843-3.2618 11.64929-3.2618 23.76454-12.1152 12.11526-8.8535 17.70692-13.9792 5.59165-5.1257 20.03677-20.0367 14.44511-14.9111 17.24094-17.707 30.75412 28.8903 30.75412 68.0319zm834.08887-657.01983q0-111.83314-79.2151-189.1844l-136.9956-136.063609q-77.3513-77.351262-189.1844-77.351262-112.7651 0-190.11641 79.215142l-191.98023 192.912129q-77.35125 77.35126-77.35125 189.1844 0 114.62897 82.01097 194.77606l-82.01097 82.01097q-80.14708-82.01097-193.84411-82.01097-111.83315 0-190.11635 78.2832l-193.844107 193.84416q-78.2832055 78.28321-78.2832055 190.11641 0 111.8331 79.2151455 189.1844l136.995597 136.0636q77.35126 77.3513 189.1844 77.3513 112.76509 0 190.11635-79.2151l191.98022-192.9122q77.35126-77.3513 77.35126-189.1844 0-114.629-82.01098-194.77613l82.01098-82.01101q80.14708 82.01101 193.84409 82.01101 111.8332 0 190.1164-78.2832l193.8441-193.84415q78.2832-78.2832 78.2832-190.11635z" fill="#fff" horiz-adv-x="1664" unicode="&#xf0c1;"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/paint.svg b/view/atlasmaker/src/html/img/paint.svg
deleted file mode 100644
index dfeabdec..00000000
--- a/view/atlasmaker/src/html/img/paint.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 432.544 432.544" height="432.544" viewBox="0 0 432.544 432.544" width="432.544" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m0 313.775v118.77h118.771l237.541-237.541-118.773-118.772zm103.638 82.224-30.55.004v-36.546h-36.543v-30.553l25.981-25.981 67.093 67.092zm143.045-271.229c4.182 0 6.276 2.095 6.276 6.28 0 1.906-.664 3.521-1.999 4.856l-154.746 154.745c-1.333 1.328-2.952 1.995-4.854 1.995-4.184 0-6.279-2.098-6.279-6.279 0-1.906.666-3.521 1.997-4.856l154.747-154.743c1.329-1.332 2.948-1.998 4.858-1.998z"/><path d="m421.976 77.654-67.091-66.806c-7.232-7.229-15.893-10.848-25.982-10.848-10.283 0-18.842 3.619-25.693 10.848l-47.394 47.109 118.773 118.77 47.394-47.392c7.042-7.043 10.561-15.608 10.561-25.697-.004-9.895-3.522-18.558-10.568-25.984z"/></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/preciseCursor.svg b/view/atlasmaker/src/html/img/preciseCursor.svg
deleted file mode 100644
index f4471526..00000000
--- a/view/atlasmaker/src/html/img/preciseCursor.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 438.533 438.533" height="438.533" viewBox="0 0 438.533 438.533" width="438.533" xmlns="http://www.w3.org/2000/svg"><circle cx="266.93713" cy="266.42563" fill="none" r="151.44254" stroke="#fff" stroke-dashoffset="3.2759" stroke-width="45"/><path d="m2.395149.700323h99.859383v99.859383h-99.859383z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/ruler.svg b/view/atlasmaker/src/html/img/ruler.svg
deleted file mode 100644
index 36830932..00000000
--- a/view/atlasmaker/src/html/img/ruler.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><path d="m2.7402858 1161.1464 372.1132742 372.1133 1158.40614-1158.40612-372.1132-372.1132731-116.5903 116.5903031 217.4287 217.42882-48.4611 48.46122-217.42888-217.42882-132.91042 132.91041 128.92134 128.92133-48.48335 48.4833-128.9213-128.92132-132.90007 132.90006 128.92132 128.92132-48.48327 48.48329-128.92133-128.92132-132.91043 132.91042 217.42882 217.42882-48.46115 48.46115-217.42882-217.42881-132.91045 132.91045 128.92132 128.92129-48.48462 48.48468-128.92132-128.92135-132.89742 132.89735 128.92133 128.9214-48.48462 48.4846-128.921318-128.9213z" fill="#fff" stroke="#fff" stroke-dasharray="5.751652 5.751652" stroke-width=".958609"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/scroll.svg b/view/atlasmaker/src/html/img/scroll.svg
deleted file mode 100644
index 326116d8..00000000
--- a/view/atlasmaker/src/html/img/scroll.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0beta1 (76ce730, 2019-10-19)"
-   height="438.53299"
-   width="438.53299"
-   sodipodi:docname="scroll.svg"
-   id="svg835"
-   style="color:#adb5bd;font-size:112px;line-height:128.8px;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#adb5bd"
-   version="1.1"
-   class="svg-inline--fa fa-scroll fa-w-20 fa-7x"
-   viewBox="0 0 438.53299 438.53299"
-   role="img"
-   data-icon="scroll"
-   data-prefix="fas"
-   focusable="false"
-   aria-hidden="true">
-  <metadata
-     id="metadata841">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs839" />
-  <sodipodi:namedview
-     inkscape:current-layer="svg835"
-     inkscape:window-maximized="0"
-     inkscape:window-y="23"
-     inkscape:window-x="0"
-     inkscape:cy="182.85714"
-     inkscape:cx="344.28571"
-     inkscape:zoom="0.7"
-     units="px"
-     showgrid="false"
-     id="namedview837"
-     inkscape:window-height="880"
-     inkscape:window-width="1600"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0"
-     guidetolerance="10"
-     gridtolerance="10"
-     objecttolerance="10"
-     borderopacity="1"
-     inkscape:document-rotation="0"
-     bordercolor="#666666"
-     pagecolor="#000000" />
-  <path
-     sodipodi:nodetypes="sssscsssccsscsscscscsssc"
-     inkscape:connector-curvature="0"
-     id="path833"
-     style="color:#adb5bd;font-size:112px;line-height:128.8px;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#adb5bd;fill:#ffffff;fill-opacity:1;stroke-width:0.684368"
-     class=""
-     d="m 38.337924,18.123636 c -17.607276,0 -31.9285713,15.15953 -31.9285713,33.797372 v 45.063157 c 0,6.224355 4.7626783,11.265785 10.6428573,11.265785 H 70.266496 V 51.921008 c 0,-18.637842 -14.321295,-33.797372 -31.928572,-33.797372 z M 176.69507,350.39949 V 307.75144 H 368.2665 V 85.71838 c 0,-37.275684 -28.6426,-67.594744 -63.85715,-67.594744 H 80.63663 c 6.751563,9.442141 10.91558,21.067029 10.91558,33.797372 V 352.8146 c 0,27.36884 23.04844,49.04139 49.7221,44.44354 20.93316,-3.60504 35.42076,-24.40451 35.42076,-46.85865 z m 21.28571,-20.11647 v 22.53158 c 0,37.26864 -28.64259,67.59475 -63.85714,67.59475 h 223.5 c 41.14795,0 74.5,-35.30417 74.5,-78.86054 0,-6.22435 -4.76268,-11.26579 -10.64286,-11.26579 z"
-     fill="currentColor" />
-</svg>
diff --git a/view/atlasmaker/src/html/img/show.svg b/view/atlasmaker/src/html/img/show.svg
deleted file mode 100644
index 56c20d6f..00000000
--- a/view/atlasmaker/src/html/img/show.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><ellipse cx="-772.66711" cy="-769.0257" rx="654.74829" ry="657.38306" style="fill:none;stroke:#fff;stroke-width:90.748;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:3.2759" transform="scale(-1)"/><g fill="#fff"><rect height="407.54755" ry="2.402309" width="97.641602" x="719.1792" y="-9.774996"/><rect height="407.54755" ry="2.402309" width="97.641602" x="719.1792" y="1141.4336"/><rect height="407.54755" ry="2.402309" transform="rotate(90)" width="97.641602" x="719.1792" y="-1541.0392"/><rect height="407.54755" ry="2.402309" transform="rotate(90)" width="97.641602" x="719.1792" y="-407.54755"/></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/times-circle.svg b/view/atlasmaker/src/html/img/times-circle.svg
deleted file mode 100644
index 62d8d0f6..00000000
--- a/view/atlasmaker/src/html/img/times-circle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg"><circle cx="771.36877" cy="769.58008" fill="#fff" r="741.44299"/><path d="m476.54792 425.97171q10.06623-10.03115 30.83387-3.90314 20.76765 6.128 39.12031 24.54484l542.1094 544.00499q18.3526 18.4168 24.4081 39.2057 6.0555 20.7889-4.0107 30.8201l-49.5568 49.3841q-10.0662 10.0311-30.8339 3.9031-20.7676-6.128-39.1203-24.5448l-542.10936-544.005q-18.35266-18.41684-24.40814-39.20574-6.05548-20.78891 4.01075-30.82006l49.55678-49.3841z"/><path d="m1110.0283 476.54791q10.0311 10.06622 3.9031 30.83387-6.128 20.76765-24.5448 39.12031l-544.00501 542.10941q-18.41683 18.3526-39.20574 24.4081-20.7889 6.0555-30.82005-4.0107l-49.38409-49.5568q-10.03115-10.0662-3.90316-30.8339 6.12802-20.7676 24.54485-39.1203l544.00501-542.10937q18.41679-18.35266 39.20569-24.40815 20.789-6.05547 30.8201 4.01076l49.3841 49.55678z"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/undo.svg b/view/atlasmaker/src/html/img/undo.svg
deleted file mode 100644
index ba242318..00000000
--- a/view/atlasmaker/src/html/img/undo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 438.536 438.536" height="438.536" viewBox="0 0 438.536 438.536" width="438.536" xmlns="http://www.w3.org/2000/svg"><path d="m388.54414 147.92304c-9.73441-22.66722-22.82404-42.22073-39.26217-58.658858-16.44149-16.43898-35.99416-29.526086-58.66222-39.264686-22.66553-9.7386-46.44473-14.604127-71.34596-14.604127-23.4622 0-46.16631 4.425264-68.11653 13.285856-21.94518 8.858915-41.45845 21.348107-58.538103 37.470927l-31.12864-30.889635c-4.789214-4.948548-10.29375-6.064717-16.521154-3.353541-6.385899 2.717047-9.578429 7.427434-9.578429 14.130326v107.262128c0 4.14937 1.517018 7.74107 4.550215 10.77343 3.034874 3.03319 6.626575 4.55021 10.775942 4.55021h107.262139c6.7054 0 11.41327-3.19253 14.12696-9.57759 2.71202-6.22489 1.59585-11.73026-3.35354-16.52115l-32.80163-33.03896c11.17679-10.53526 23.9444-18.63525 38.30952-24.30247 14.36597-5.666388 29.36843-8.501678 45.01158-8.501678 16.5983 0 32.44271 3.2353 47.52651 9.696668 15.08632 6.46557 28.12982 15.20456 39.14477 26.21867 11.0141 11.01158 19.75309 24.05928 26.21866 39.14476 6.45969 15.0838 9.69415 30.92318 9.69415 47.52652 0 16.6025-3.23362 32.44187-9.69415 47.52484-6.46557 15.0838-15.20456 28.12982-26.21866 39.14476-11.01495 11.0141-24.06348 19.75561-39.14477 26.21866-15.0838 6.46305-30.92821 9.695-47.52651 9.695-18.99501 0-36.95184-4.15021-53.87217-12.44726-16.91781-8.29706-31.20327-20.02816-42.85554-35.19834-1.11617-1.59501-2.95269-2.55436-5.50705-2.87554-2.39503 0-4.39088.717-5.98673 2.15183l-32.800793 33.04231c-1.27551 1.28305-1.95393 2.91663-2.03444 4.9083-.0788 2.00004.44194 3.7938 1.55811 5.38964 17.40001 21.0697 38.467183 37.39043 63.207403 48.95884 24.74022 11.57093 50.83981 17.35975 78.29288 17.35975 24.90123 0 48.68043-4.87056 71.34596-14.60497 22.66806-9.73356 42.21486-22.82654 58.65887-39.26384 16.44065-16.444 29.52775-35.99332 39.26468-58.65886 9.73692-22.66554 14.60077-46.45144 14.60077-71.34764.00084-24.90458-4.86637-48.67791-14.59993-71.34428z" fill="#fff" transform="matrix(.77966051 0 0 .77966051 48.313794 48.312625)"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/img/upload.svg b/view/atlasmaker/src/html/img/upload.svg
deleted file mode 100644
index fb14a77d..00000000
--- a/view/atlasmaker/src/html/img/upload.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 438.533 438.533" height="438.533" viewBox="0 0 438.533 438.533" width="438.533" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m126.28945 148.5037h55.71476v105.61434c0 2.80155.87617 5.09976 2.61533 6.90091 1.73202 1.7959 3.95908 2.69858 6.66486 2.69858h55.7249c2.70783 0 4.93385-.90268 6.67504-2.69858 1.74219-1.8022 2.61227-4.09936 2.61227-6.90091v-105.61014h55.72084c4.25487 0 7.15784-2.00186 8.70692-5.99928 1.54907-3.80512.86805-7.30024-2.03188-10.50427l-92.86604-96.006445c-2.13046-1.798-4.35345-2.69753-6.67502-2.69753-2.31854 0-4.54456.89953-6.67706 2.69753l-92.57534 95.703805c-1.93329 2.39908-2.8979 4.80867-2.8979 7.2004 0 2.79736.86907 5.09976 2.61534 6.90407 1.73711 1.79905 3.96313 2.69752 6.67298 2.69752z"/><path d="m36.235244 305.81445v98.48438h366.062506v-98.48438h-42.73828v55.7461h-280.585945v-55.7461z"/></g></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/html/toolsFull.html b/view/atlasmaker/src/html/toolsFull.html
deleted file mode 100644
index 8653e52e..00000000
--- a/view/atlasmaker/src/html/toolsFull.html
+++ /dev/null
@@ -1,208 +0,0 @@
-<div id="tools-side" style="display:block;height:100%">
-  <div id="tools-minimized">
-      <div>
-          <img alt="menu" style="width:28px;position:absolute;top:10px;left:10px" src="./img/bars.svg" />
-      </div>
-  </div>
-
-  <div id="tools-maximized" style="display:flex;flex-direction:column;height:100%">
-
-      <!-- tools hide/show, display left/right -->
-      <div id="headerBlock" style="flex:0 1 28px;background:#333">
-          <div style="display:flex">
-              <div style="flex:0 0 28px"><div id="display-minimize" title="Minimize toolbar" class="a push noBorder"><img class="icon" alt="close" src="./img/times-circle.svg" /></div></div>
-              <div style="flex:1 1 auto"></div>
-              <div style="flex:0 0 28px"><div id="display-left" title="Display to the left" class="a push noBorder"><img class="icon" alt="left" src="./img/caret-square-o-left.svg" /></div></div>
-              <div style="flex:0 0 28px"><div id="display-right" title="Display to the right" class="a push noBorder"><img class="icon" alt="right" src="./img/caret-square-o-right.svg" /></div></div>
-          </div>
-      </div>
-
-      <!-- slider -->
-      <div id="sliderBlock" style="flex:0 0 28px">
-          <div style="display:flex">
-              <div style="flex:0 0 28px">
-                  <div id="prev" class="a push">-</div>
-              </div>
-              <div style="flex:1 0 28px;display:flex">
-                  <div style="flex:1;position:relative">
-                      <div id="slice" class="slider" data-max="100" data-val="0" style="position:absolute;height:100%;margin-left:10px;width:calc(100% - 20px)">
-                          <div class="track" style="position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;display:inline-block"></div>
-                          <div class="thumb" style="position:absolute;left:0;top:50%;transform:translate(-10px,-10px);border-radius:10px;padding:0;width:20px;height:20px;background:#fff;display:inline-block"></div>
-                      </div>
-                  </div>
-              </div>
-              <div style="flex:0 0 28px">
-                  <div id="next" class="a push">+</div>
-              </div>
-          </div>
-      </div>
-
-      <!-- buttons -->
-      <div id="buttonsBlock" style="flex:0 0 auto">
-          <div style="display:flex;flex-wrap:wrap">
-
-              <div style="flex:1 0 250px;width:50px">
-                  <div id="plane" style="display:flex" class="chose">
-                      <div style="flex:1"><div title="sag" class="a sub pressed">Sag</div></div>
-                      <div style="flex:1"><div title="cor" class="a sub">Cor</div></div>
-                      <div style="flex:1"><div title="axi" class="a sub">Axi</div></div>
-                  </div>
-                  <div style="display:flex">
-                      <div style="flex:1"><div id="fullscreen" title="Full screen" class="a toggle"><img class="icon" alt="fullscreen" src="./img/fullscreen.svg" /></div></div>
-                      <div style="flex:1"><div id="3drender" title="3D render" class="a push"><img class="icon" alt="3d render" src="./img/3drender.svg" /></div></div>
-                      <div id="text" style="flex:2;display:flex" class="chose">
-                          <div style="flex:1"><div id="bubble" title="Chat" class="a sub pressed"><img class="icon" alt="chat" src="./img/chat.svg" /></div></div>
-                          <div style="flex:1"><div id="script" title="Script" class="a sub"><img class="icon" alt="script" src="./img/scroll.svg" /></div></div>
-                      </div>
-                      <div style="flex:1"><div id="link" title="Link" class="a push"><img class="icon" alt="link" src="./img/link.svg" /></div></div>
-                      <div style="flex:1"><div id="precise" title="Precise cursor" class="a toggle"><img class="icon" alt="precise cursor" src="./img/preciseCursor.svg" /></div></div>
-                  </div>
-              </div>
-
-              <div style="flex:1 0 250px;width:50px">
-                  <div id="paintTool" style="display:flex" class="chose">
-                      <div style="flex:1"><div title="Show" class="a sub pressed"><img class="icon" alt="show" src="./img/show.svg" /></div></div>
-                      <div style="flex:1"><div title="Paint" class="a sub"><img class="icon" alt="paint" src="./img/paint.svg" /></div></div>
-                      <div style="flex:1"><div title="Erase" class="a sub"><img class="icon" alt="erase" src="./img/erase.svg" /></div></div>
-                      <div style="flex:1"><div title="Landmark" class="a sub"><img class="icon" alt="landmark" src="./img/landmark.svg" /></div></div>
-                      <div style="flex:1"><div title="Measure" class="a sub"><img class="icon" alt="ruler" src="./img/ruler.svg" /></div></div>
-                      <div style="flex:1"><div title="Adjust" class="a sub"><img class="icon" alt="adjust" src="./img/adjust.svg" /></div></div>
-                      <div style="flex:1"><div title="Eyedrop" class="a sub"><img class="icon" alt="eyedropper" src="./img/eyedropper.svg" /></div></div>
-                  </div>
-                  <div style="display:flex">
-                      <div style="flex:1"><div id="color" title="Color" style="height:24px;background:#f00" class="a push"></div></div>
-                      <div style="flex:1"><div id="fill" class="a toggle"><img class="icon" alt="fill" src="./img/fill.svg" /></div></div>
-                      <div style="flex:1"><div id="undo" title="Undo" class="a push"><img class="icon" alt="undo" src="./img/undo.svg" /></div></div>
-                      <div style="flex:1"><div id="upload" title="Upload" class="a push"><img class="icon" alt="upload" src="./img/upload.svg" /></div></div>
-                      <div style="flex:1"><div id="download" title="Download" class="a push"><img class="icon" alt="download" src="./img/download.svg" /></div></div>
-                      <div style="flex:1"><div id="save" title="Save" class="a push"><img class="icon" alt="save" src="./img/floppy.svg" /></div></div>
-                  </div>
-              </div>
-
-          </div>
-      </div>
-
-      <!-- pen size -->
-      <div id="penSizeBlock" style="flex:0 0 28px">
-          <div style="display:flex" class="chose" id="penSize">
-              <div style="flex:1"><div title="1" class="a sub pressed">1</div></div>
-              <div style="flex:1"><div title="2" class="a sub">2</div></div>
-              <div style="flex:1"><div title="3" class="a sub">3</div></div>
-              <div style="flex:1"><div title="5" class="a sub">5</div></div>
-              <div style="flex:1"><div title="10" class="a sub">10</div></div>
-              <div style="flex:1"><div title="15" class="a sub">15</div></div>
-          </div>
-      </div>
-
-      <!-- notifications -->
-      <div id="notificationsBlock" style="flex:0 1 auto;position:relative;display:flex">
-          <div style="flex:1 1 28px"><div id="notifications" class="label">Chat (disconnected)</div></div>
-      </div>
-
-      <style>
-          .token.message {
-              color: red;
-          }
-          .codeflask__flatten {
-              white-space: pre-wrap;
-              word-wrap: break-word;
-              caret-color:white;
-              font-size:inherit;
-          }
-          .codeflask {
-              background:rgba(0,0,0,1);
-              position: relative;
-          }
-          #logChat:not(.hidden) {
-              flex:1;
-              height:auto;
-              display:flex;
-              flex-direction:column;
-          }
-      </style>
-
-      <div id="textInputBlock" style="flex:1 1 auto;position:relative;display:flex">
-          <div id="textInputBlockContent" style="flex:1;display:flex;flex-direction:column">
-              <div style="flex:1 1 80px;display:flex">
-                  <div id="logChat">
-                      <div style="flex:1 1 30px; overflow:scroll">
-                          <div class="text" style="overflow:auto;height:100%"></div>
-                      </div>
-                      <div style="flex:0"><input id="msg" type="text" style="width:100%" /></div>
-                  </div>
-                  <div id="logScript" class="text hidden" style="flex:1;height:auto"></div>
-              </div>
-          </div>
-      </div>
-
-  </div>
-
-</div>
-
-<!-- Loading indicator -->
-<div id="loadingIndicator">
-  <p>Loading...</p>
-  <div class="disc"></div>
-</div>
-<!-- End Loading indicator -->
-
-<!-- Labels -->
-<div id="labelset">
-  <div style="z-index:23;text-align:right">
-      <img id="labels-close" class="button" alt="close" src="./img/times-circle.svg"/>
-  </div>
-
-  <ul style="padding-left:1rem">
-      <li>
-          <b>Label Set</b><br/>
-          <span id="labels-name"></span>
-      </li>
-      <li>
-          <b>Labels</b><br/>
-          <div id="label-list">
-          </div>
-          <div id="label-template">
-              <div class="label-color"></div>
-              <span class="label-name">Label Name</span>
-          </div>
-      </li>
-  </ul>
-</div>
-<!-- End Labels -->
-
-<!-- black overlay -->
-<div id="landmarksDialog" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100">
-  <!-- centered content -->
-  <div style="position:relative;padding:1rem;margin:2rem auto;background-color:#333;max-width:600px;text-align:center;border:1px solid #777;height:calc(100% - 4rem);box-sizing:border-box">
-    
-    <h2 class="selection-header">Landmarks</h2>
-
-    <!-- overflow: scroll -->
-    <div style="display:inline-block;max-width:600px;padding:2rem;overflow:scroll;max-height:calc(100% - 10rem)">
-      <table class="tabContent">
-        <thead>
-          <tr>
-            <th>Label</th>
-            <th>Voxel Coordinates</th>
-            <th>World Coordinates</th>
-          </tr>
-        </thead>
-        <tbody>
-        </tbody>
-      </table>
-      <div style="text-align:right">
-        <!--<img id="importLandmarks" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/upload-square.svg" title="upload csv" alt="upload csv"/>-->
-        <img id="exportLandmarks" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/download-square.svg" title="download csv" alt="download csv"/>
-        <!--<img id="addLandmark" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/plus-square.svg" title="add new landmark" alt="add new landmark entry"/>-->
-        <img id="removeLandmark" class="button" style="width:20px; height:20px; margin:8 2 0 0" src="/img/minus-square.svg" title="remove landmark" alt="remove landmark entry"/>
-      </div>  
-    </div>
-
-    <!-- Save/Cancel buttons -->
-    <div style="display:block;margin:0 auto;max-width:200px">
-        <h2 id="landmarksDialogOk" class="pushButton">Save</h2>
-        <h2 id="landmarksDialogCancel" class="pushButton">Cancel</h2>
-    </div>
-  </div>
-</div>
-
diff --git a/view/atlasmaker/src/html/toolsLight.html b/view/atlasmaker/src/html/toolsLight.html
deleted file mode 100644
index ee188bb4..00000000
--- a/view/atlasmaker/src/html/toolsLight.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<div id="tools-side" style="display:block">
-    <div id="tools-minimized">
-        <div>
-            <img style="width:28px;position:absolute;top:10px;left:10px" src="./img/bars.svg" />
-        </div>
-    </div>
-    
-    <div id="tools-maximized" style="display:flex;flex-direction:column;height:100%">
-        <!-- tools hide/show, display left/right -->
-        <div id="headerBlock" style="flex:0 1 28px;background:#333">
-
-            <div style="display:flex">
-                <div style="flex:0 0 28px"><div id="display-minimize" title="Minimize toolbar" class="a push noBorder"><img class="icon" src="./img/times-circle.svg" /></div></div>
-                <div style="flex:1 1 auto"></div>
-                <div style="flex:0 0 28px"><div id="display-left" title="Display to the left" class="a push noBorder"><img class="icon" src="./img/caret-square-o-left.svg" /></div></div>
-                <div style="flex:0 0 28px"><div id="display-right" title="Display to the right" class="a push noBorder"><img class="icon" src="./img/caret-square-o-right.svg" /></div></div>
-            </div>
-
-        </div>
-
-        <!-- slider -->
-        <div id="sliderBlock" style="flex:0 0 28px">
-            <div style="display:flex">
-                <div style="flex:0 0 28px">
-                    <div id="prev" class="a push">-</div>
-                </div>
-                <div style="flex:1 0 28px;display:flex">
-                    <div style="flex:1;position:relative">
-                        <div id="slice" class="slider" data-max="100" data-val="0" style="position:absolute;height:100%;margin-left:10px;width:calc(100% - 20px)">
-                            <div class="track" style="position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;display:inline-block"></div>
-                            <div class="thumb" style="position:absolute;left:0;top:50%;transform:translate(-10px,-10px);border-radius:10px;padding:0;width:20px;height:20px;background:#fff;display:inline-block"></div>
-                        </div>
-                    </div>
-                </div>
-                <div style="flex:0 0 28px">
-                    <div id="next" class="a push">+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id="buttonsBlock" style="flex:0 0 auto">
-            <div style="display:flex;flex-wrap:wrap">
-
-                <div style="flex:1 0 150px;width:50px">
-                    <div id="plane" style="display:flex" class="chose">
-                        <div style="flex:1"><div title="sag" class="a pressed">Sag</div></div>
-                        <div style="flex:1"><div title="cor" class="a">Cor</div></div>
-                        <div style="flex:1"><div title="axi" class="a">Axi</div></div>
-                    </div>
-                </div>
-
-                <div style="flex:1 0 150px;width:50px">
-                    <div style="display:flex">
-                        <div style="flex:1"><div id="fullscreen" title="Full screen" class="a toggle"><img class="icon" src="./img/fullscreen.svg" /></div></div>
-                        <div style="flex:1"><div id="3drender" title="3D render" class="a push"><img class="icon" src="./img/3drender.svg" /></div></div>
-                        <div style="flex:1"><div id="link" title="Link" class="a push"><img class="icon" src="./img/link.svg" /></div></div>
-                    </div>
-                </div>
-
-                <div style="flex:1 0 150px;width:50px">
-                    <div id="paintTool" style="display:flex" class="chose">
-                        <div style="flex:1"><div title="Show" class="a pressed"><img class="icon" src="./img/show.svg" /></div></div>
-                        <div style="flex:1"><div title="Adjust" class="a"><img class="icon" src="./img/adjust.svg" /></div></div>
-                        <div style="flex:1"><div title="Eyedrop" class="a"><img class="icon" src="./img/eyedropper.svg" /></div></div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-
-</div>
-
-<!-- Loading indicator -->
-<div id="loadingIndicator">
-    <p>Loading...</p>
-    <div class="disc"></div>
-</div>
-<!-- End Loading indicator -->
diff --git a/view/atlasmaker/src/resources/ReadMe.md b/view/atlasmaker/src/resources/ReadMe.md
deleted file mode 100644
index 3c62a650..00000000
--- a/view/atlasmaker/src/resources/ReadMe.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Notes on UI
-
-The file `flex-tools-full` shows the flex box design for the full tools bar. The file
-`flex-tools-light` shows the design for the reduced tools bar, including only the viewing
-functionalities.
-
-Aligning the different divs together is not simple. One important point is to use
-`box-sizing: border-box` as box-sizing model. With this setting, the `width: 100%` value
-takes into account not only the div's content, but also the padding and the border.
-Importantly, it does not take into account the margin, so it's better to avoid using
-margin.
-
-The main flex of the full tool bar has 5 children: (1) header, (2) slider, (3) buttons,
-(4) pen size and (5) chat. The size of the first 4 children is fixed, but the chat child's
-height stretches to fill the total height of main flex. A problem appears when we want to
-make a div inside this last children (the chat box) use 100% of the height. The solution
-is to make the chat box itself a flex container, and then make the div inside it flexible.
-
-In the chat box this pattern is used several times, like this:
-
-```
-<div id='textInputBlock' style='flex:1 1 auto;display:flex'>
-    <div id='textInputBlockContent' style='flex:1;display:flex;flex-direction:column'>
-        <div style='flex:0 0 28px'></div>
-        <div style='flex:1 1 auto;display:flex'>
-            <div id='log' class='a' style='flex:1'></div>
-        </div>
-        <div style='flex:0 0 28px'></div>
-    </div>
-</div>
-```
diff --git a/view/atlasmaker/src/resources/flex-tools-full-tabs.html b/view/atlasmaker/src/resources/flex-tools-full-tabs.html
deleted file mode 100644
index d86a276d..00000000
--- a/view/atlasmaker/src/resources/flex-tools-full-tabs.html
+++ /dev/null
@@ -1,140 +0,0 @@
-<html>
-<body>
-<style>
-* {
-    box-sizing: border-box;
-}
-body {
-    background: yellow;
-    height:100%;
-    font-size:10px;
-}
-.img {
-    display:inline-block;
-    background:yellow;
-    width:25px;
-    height:25px;
-}
-div {
-    border: thin solid black;
-    padding:10px;
-}
-div::before {
-    content:attr(id);
-    position:absolute;
-    color:white;
-    margin-top:-10px;
-    background: #555;
-}
-</style>
-
-<div id='toolsSide' style='display:block;height:100%;background:white'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column;height:100%;background:pink'>
-
-        <!-- tools hide/show, display left/right -->
-        <div id='toolbarHeaderBlock' style='flex:0 1 28px;background:#fdd'>
-
-            <div style='display:flex;background:#333'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push'><span class='img icon'>-</span></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push'><span class='img icon'>&lt;</span></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push'><span class='img icon'>&gt;</span></div></div>
-            </div>
-
-        </div>
-
-        <!-- slider -->
-        <div id='sliderBlock' style='flex:0 0 28px;background:#dfd'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;position:relative'>
-                    <div style='display:inline-block;width:100%;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:relative;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;height:0;display:inline-block'></div>
-                            <div class='thumb' style='transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;padding:0;width:20px;height:20px;background-color:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttonsBlock' style='flex:0 0 auto;background:#ddf'>
-            <div style='display:flex;flex-wrap:wrap'>
-
-                <div id='buttons-left' style='flex:1 0 250px;width:50px;background:#faa'>
-                    <div id='plane' style='display:flex;background:red' class='chose'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                    <div id='view' style='display:flex;background:green'>
-                        <div style='flex:1'><div id='fullscreen' title='Full screen' class='a toggle'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='3drender' title='3D render' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='bubble' title='Chat' class='a toggle pressed'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='script' title='Script' class='a toggle pressed'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='link' title='Link' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='precise' title='Precise cursor' class='a toggle'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-
-                <div id='buttons-right' style='flex:1 0 250px;width:50px;background:#afa'>
-                    <div id='paint' style='display:flex;background:red' class='chose'>
-                        <div style='flex:1'><div id='show' title='Show' class='a pressed'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='paint' title='Paint' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='erase' title='Erase' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='measure' title='Measure' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='adjust' title='Adjust' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='eyedrop' title='Eyedrop' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                    <div id='fill' style='display:flex;background:green'>
-                        <div style='flex:1'><div id='color'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='fill' class='a toggle'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='undo' title='Undo' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='upload' title='Upload' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='download' title='Download' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='save' title='Save' class='a push'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-
-        <!-- pen size -->
-        <div id='penSizeBlock' style='flex:0 0 28px;background:#fdd'>
-            <div style='display:flex' class='chose' id='penSize'>
-                <div style='flex:1'><div title='1' class='a pressed'>1</div></div>
-                <div style='flex:1'><div title='2' class='a'>2</div></div>
-                <div style='flex:1'><div title='3' class='a'>3</div></div>
-                <div style='flex:1'><div title='5' class='a'>5</div></div>
-                <div style='flex:1'><div title='10' class='a'>10</div></div>
-                <div style='flex:1'><div title='15' class='a'>15</div></div>
-            </div>
-        </div>
-
-        <!-- notifications -->
-        <div style='flex:0 0 28px;background:yellow;'>
-            <div id='notifications'>Notifications</div>
-        </div>
-
-        <!-- chat -->
-        <div id='textBlock' style='flex:1 1 auto;background:#afa;position:relative;display:flex'>
-            <div id='textBlockContent' style='flex:1;background:yellow;display:flex;flex-direction:column'>
-                <div style='flex:0 0 28px;display:flex'>
-                    <div id='tabChat' style="flex:0 0 40px">Chat</div>
-                    <div id='tabScript' style="flex:0 0 40px">Script</div>
-                </div>
-                <div style='flex:1 1 auto;background:#f99;display:flex'><div id='log' class='a' style='flex:1;height:auto'></div></div>
-                <div style='flex:0 0 28px'><input id='textEnter' type='text' style='width:100%'></div>
-            </div>
-        </div>
-    </div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/view/atlasmaker/src/resources/flex-tools-full.html b/view/atlasmaker/src/resources/flex-tools-full.html
deleted file mode 100644
index b566d7de..00000000
--- a/view/atlasmaker/src/resources/flex-tools-full.html
+++ /dev/null
@@ -1,131 +0,0 @@
-<html>
-<body>
-<style>
-* {
-    box-sizing: border-box;
-}
-body {
-    background: yellow;
-    height:100%;
-    font-size:10px;
-}
-.img {
-    display:inline-block;
-    background:yellow;
-    width:25px;
-    height:25px;
-}
-div {
-    border: thin solid black;
-    padding:10px;
-}
-div::before {
-    content:attr(id);
-    position:absolute;
-    color:white;
-    margin-top:-10px;
-    background: #555;
-}
-</style>
-
-<div id='toolsSide' style='display:block;height:100%;background:white'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column;height:100%;background:pink'>
-
-        <!-- tools hide/show, display left/right -->
-        <div id='toolbarHeaderBlock' style='flex:0 1 28px;background:#fdd'>
-
-            <div style='display:flex;background:#333'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push'><span class='img icon'>-</span></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push'><span class='img icon'>&lt;</span></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push'><span class='img icon'>&gt;</span></div></div>
-            </div>
-
-        </div>
-
-        <!-- slider -->
-        <div id='sliderBlock' style='flex:0 0 28px;background:#dfd'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;position:relative'>
-                    <div style='display:inline-block;width:100%;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:relative;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;height:0;display:inline-block'></div>
-                            <div class='thumb' style='transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;padding:0;width:20px;height:20px;background-color:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttonsBlock' style='flex:0 0 auto;background:#ddf'>
-            <div style='display:flex;flex-wrap:wrap'>
-
-                <div id='buttons-left' style='flex:1 0 250px;width:50px;background:#faa'>
-                    <div id='plane' style='display:flex;background:red' class='chose'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                    <div id='view' style='display:flex;background:green'>
-                        <div style='flex:1'><div id='fullscreen' title='Full screen' class='a toggle'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='3drender' title='3D render' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='link' title='Link' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='bubble' title='Chat' class='a toggle pressed'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='upload' title='Upload' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='download' title='Download' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='precise' title='Precise cursor' class='a toggle'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-
-                <div id='buttons-right' style='flex:1 0 250px;width:50px;background:#afa'>
-                    <div id='paint' style='display:flex;background:red' class='chose'>
-                        <div style='flex:1'><div id='show' title='Show' class='a pressed'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='paint' title='Paint' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='erase' title='Erase' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='measure' title='Measure' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='adjust' title='Adjust' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='eyedrop' title='Eyedrop' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                    <div id='fill' style='display:flex;background:green'>
-                        <div style='flex:1'><div id='color'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='fill' class='a toggle'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='undo' title='Undo' class='a push'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='save' title='Save' class='a push'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-
-        <!-- pen size -->
-        <div id='penSizeBlock' style='flex:0 0 28px;background:#fdd'>
-            <div style='display:flex' class='chose' id='penSize'>
-                <div style='flex:1'><div title='1' class='a pressed'>1</div></div>
-                <div style='flex:1'><div title='2' class='a'>2</div></div>
-                <div style='flex:1'><div title='3' class='a'>3</div></div>
-                <div style='flex:1'><div title='5' class='a'>5</div></div>
-                <div style='flex:1'><div title='10' class='a'>10</div></div>
-                <div style='flex:1'><div title='15' class='a'>15</div></div>
-            </div>
-        </div>
-
-        <!-- chat -->
-        <div id='textInputBlock' style='flex:1 1 auto;background:#afa;position:relative;display:flex'>
-            <div id='textInputBlockContent' style='flex:1;background:yellow;display:flex;flex-direction:column'>
-                <div style='flex:0 0 28px'><div id='chat'>Chat (disconnected)</div></div>
-                <div style='flex:1 1 auto;background:#f99;display:flex'><div id='log' class='a' style='flex:1;height:auto'></div></div>
-                <div style='flex:0 0 28px'><input id='msg' type='text' style='width:100%'></div>
-            </div>
-        </div>
-    </div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/view/atlasmaker/src/resources/flex-tools-light.html b/view/atlasmaker/src/resources/flex-tools-light.html
deleted file mode 100644
index b4731186..00000000
--- a/view/atlasmaker/src/resources/flex-tools-light.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<style>
-* {
-    box-sizing: border-box;
-}
-body {
-    background: #555;
-}
-.img {
-    display:inline-block;
-    background:yellow;
-    width:25px;
-    height:25px;
-}
-div {
-    border: thin solid black;
-    padding:5px;
-}
-div::before {
-    content:attr(id);
-    position:absolute;
-    color:white;
-    margin-top:-10px;
-    background: #555;
-}
-</style>
-
-<div id='tools-side' style='display:block'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column'>
-
-        <!-- tools hide/show, display left/right -->
-        <div id='headerBlock' style='flex:0 0 28px;background:#fdd'>
-            <div style='display:flex;background:#333'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push'><span class='img icon'>-</span></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push'><span class='img icon'>&lt;</span></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push'><span class='img icon'>&gt;</span></div></div>
-            </div>
-        </div>
-
-        <!-- slider -->
-        <div id='slider' style='flex:0 0 28px;background:#dfd'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;position:relative;align-self:center'>
-                    <div style='display:inline-block;width:100%;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:relative;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;height:0;display:inline-block'></div>
-                            <div class='thumb' style='transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;padding:0;width:20px;height:20px;background-color:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttons' style='flex:0 0 auto;background:#ddf'>
-            <div style='display:flex'>
-                <div style='flex:1 1 50%'>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 1 16.7%;align-self:center'><div id='full' title='Full' class='a pressed'><span class='img icon'></span></div></div>
-
-                <div style='flex:1 1 33.3%'>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='adjust' title='Adjust' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='eyedrop' title='Eyedrop' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-    </div>
-</div>
diff --git a/view/atlasmaker/src/resources/ui-tools-full.html b/view/atlasmaker/src/resources/ui-tools-full.html
deleted file mode 100644
index 64f76d99..00000000
--- a/view/atlasmaker/src/resources/ui-tools-full.html
+++ /dev/null
@@ -1,142 +0,0 @@
-<html>
-<body style='background:#222'>
-<link rel="stylesheet" type="text/css" href="../css/ui.css" />
-
-<style>
-* {
-    box-sizing: border-box;
-}
-</style>
-
-<div id='toolsSide' style='display:block;height:100%'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column;height:100%'>
-
-        <!-- tools hide/show, display left/right -->
-        <div id='toolbarHeaderBlock' style='flex:0 1 28px;background:#333'>
-
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push noBorder'><img class='icon' src='../svg/times-circle.svg' /></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push noBorder'><img class='icon' src='../svg/caret-square-o-left.svg' /></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push noBorder'><img class='icon' src='../svg/caret-square-o-right.svg' /></div></div>
-            </div>
-
-        </div>
-
-        <!-- slider -->
-        <div id='sliderBlock' style='flex:0 0 28px'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;display:flex'>
-                    <div style='flex:1;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:absolute;height:100%;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;display:inline-block'></div>
-                            <div class='thumb' style='position:absolute;left:0;top:50%;transform:translate(-10px,-10px);border-radius:10px;padding:0;width:20px;height:20px;background:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttonsBlock' style='flex:0 0 auto'>
-            <div style='display:flex;flex-wrap:wrap'>
-
-                <div style='flex:1 0 250px;width:50px'>
-                    <div id='plane' style='display:flex' class='chose'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a pressed'>Sag</div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'>Cor</div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'>Axi</div></div>
-                    </div>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='fullscreen' title='Full screen' class='a toggle'><img class='icon' src='../svg/fullscreen.svg' /></div></div>
-                        <div style='flex:1'><div id='3drender' title='3D render' class='a push'><img class='icon' src='../svg/3drender.svg' /></div></div>
-                        <div style='flex:1'><div id='link' title='Link' class='a push'><img class='icon' src='../svg/link.svg' /></div></div>
-                        <div style='flex:1'><div id='bubble' title='Chat' class='a toggle pressed'><img class='icon' src='../svg/chat.svg' /></div></div>
-                        <div style='flex:1'><div id='upload' title='Upload' class='a push'><img class='icon' src='../svg/upload.svg' /></div></div>
-                        <div style='flex:1'><div id='download' title='Download' class='a push'><img class='icon' src='../svg/download.svg' /></div></div>
-                        <div style='flex:1'><div id='precise' title='Precise cursor' class='a toggle'><img class='icon' src='../svg/preciseCursor.svg' /></div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 0 250px;width:50px'>
-                    <div id='paint' style='display:flex' class='chose'>
-                        <div style='flex:1'><div title='Show' class='a pressed'><img class='icon' src='../svg/show.svg' /></div></div>
-                        <div style='flex:1'><div title='Paint' class='a'><img class='icon' src='../svg/paint.svg' /></div></div>
-                        <div style='flex:1'><div title='Erase' class='a'><img class='icon' src='../svg/erase.svg' /></div></div>
-                        <div style='flex:1'><div title='Measure' class='a'><img class='icon' src='../svg/ruler.svg' /></div></div>
-                        <div style='flex:1'><div title='Adjust' class='a'><img class='icon' src='../svg/adjust.svg' /></div></div>
-                        <div style='flex:1'><div title='Eyedrop' class='a'><img class='icon' src='../svg/eyedropper.svg' /></div></div>
-                    </div>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='color'><div id='color' title='Color' style='height:24px;background:#f00' class='a push'></div></div></div>
-                        <div style='flex:1'><div id='fill' class='a toggle'><img class='icon' src='../svg/fill.svg' /></div></div>
-                        <div style='flex:1'><div id='undo' title='Undo' class='a push'><img class='icon' src='../svg/undo.svg' /></div></div>
-                        <div style='flex:1'><div id='save' title='Save' class='a push'><img class='icon' src='../svg/floppy.svg' /></div></div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-
-        <!-- pen size -->
-        <div id='penSizeBlock' style='flex:0 0 28px'>
-            <div style='display:flex' class='chose' id='penSize'>
-                <div style='flex:1'><div title='1' class='a pressed'>1</div></div>
-                <div style='flex:1'><div title='2' class='a'>2</div></div>
-                <div style='flex:1'><div title='3' class='a'>3</div></div>
-                <div style='flex:1'><div title='5' class='a'>5</div></div>
-                <div style='flex:1'><div title='10' class='a'>10</div></div>
-                <div style='flex:1'><div title='15' class='a'>15</div></div>
-            </div>
-        </div>
-
-        <!-- chat -->
-        <div id='textInputBlock' style='flex:1 1 auto;position:relative;display:flex'>
-            <div id='textInputBlockContent' style='flex:1;display:flex;flex-direction:column'>
-                <div style='flex:0 0 28px'><div id='chat' class='label'>Chat (disconnected)</div></div>
-                <div style='flex:1 1 auto;display:flex'><div id='log' class='a' style='flex:1;height:auto;background:#333'></div></div>
-                <div style='flex:0 0 28px'><input id='msg' type='text' style='width:100%'></div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<script src='../../downloads/jquery-3.2.1.min.js'></script>
-<script src='../atlasmaker-ui.js'></script>
-<script>
-    const mui = AtlasMakerUI;
-    mui.push($("#display-minimize"),()=>console.log("minimize"));
-    mui.push($("#display-left"),()=>console.log("left"));
-    mui.push($("#display-right"),()=>console.log("right"));
-
-    mui.slider($("#slice"),()=>{});
-    mui.push($("#prev"),()=>console.log("prev"));
-    mui.push($("#next"),()=>console.log("next"));
-
-    mui.chose($("#plane"),()=>console.log("plane"));
-
-    mui.chose($("#paint"),()=>console.log("paint"));
-
-    mui.chose($("#penSize"),()=>console.log("size"));
-    mui.toggle($("#precise"),()=>console.log("precise"));
-    mui.toggle($("#fullscreen"),()=>console.log("full"));
-    mui.toggle($("#bubble"),()=>console.log("chat"));
-    mui.push($("#3drender"),()=>console.log("3d"));
-    mui.push($("#link"),()=>console.log("link"));
-    mui.push($("#upload"),()=>console.log("upload"));
-    mui.push($("#download"),()=>console.log("download"));
-
-    mui.push($("#color"),()=>console.log("color"));
-    mui.toggle($("#fill"),()=>console.log("fill"));
-    mui.push($("#undo"),()=>console.log("undo"));
-    mui.push($("#save"),()=>console.log("save"));
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/view/atlasmaker/src/resources/ui-tools-light.html b/view/atlasmaker/src/resources/ui-tools-light.html
deleted file mode 100644
index 46738bb4..00000000
--- a/view/atlasmaker/src/resources/ui-tools-light.html
+++ /dev/null
@@ -1,110 +0,0 @@
-<html>
-<body style='background:#222'>
-<link rel="stylesheet" type="text/css" href="../css/ui.css" />
-
-<style>
-* {
-    box-sizing: border-box;
-}
-</style>
-
-<div id='toolsSide' style='display:block;height:100%'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column;height:100%'>
-        <!-- tools hide/show, display left/right -->
-        <div id='toolbarHeaderBlock' style='flex:0 1 28px;background:#333'>
-
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push noBorder'><img class='icon' src='../svg/times-circle.svg' /></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push noBorder'><img class='icon' src='../svg/caret-square-o-left.svg' /></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push noBorder'><img class='icon' src='../svg/caret-square-o-right.svg' /></div></div>
-            </div>
-
-        </div>
-
-        <!-- slider -->
-        <div id='sliderBlock' style='flex:0 0 28px'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;display:flex'>
-                    <div style='flex:1;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:absolute;height:100%;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;display:inline-block'></div>
-                            <div class='thumb' style='position:absolute;left:0;top:50%;transform:translate(-10px,-10px);border-radius:10px;padding:0;width:20px;height:20px;background:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttonsBlock' style='flex:0 0 auto'>
-            <div style='display:flex'>
-
-                <div style='flex:1 0 30px;width:50px'>
-                    <div id='plane' style='display:flex' class='chose'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a pressed'>Sag</div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'>Cor</div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'>Axi</div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 0 30px;width:50px'>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='fullscreen' title='Full screen' class='a toggle'><img class='icon' src='../svg/fullscreen.svg' /></div></div>
-                        <div style='flex:1'><div id='3drender' title='3D render' class='a push'><img class='icon' src='../svg/3drender.svg' /></div></div>
-                        <div style='flex:1'><div id='link' title='Link' class='a push'><img class='icon' src='../svg/link.svg' /></div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 0 30px;width:50px'>
-                    <div id='paint' style='display:flex' class='chose'>
-                        <div style='flex:1'><div title='Show' class='a pressed'><img class='icon' src='../svg/show.svg' /></div></div>
-                        <div style='flex:1'><div title='Adjust' class='a'><img class='icon' src='../svg/adjust.svg' /></div></div>
-                        <div style='flex:1'><div title='Eyedrop' class='a'><img class='icon' src='../svg/eyedropper.svg' /></div></div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-</div>
-
-<script src='../../downloads/jquery-3.2.1.min.js'></script>
-<script src='../atlasmaker-ui.js'></script>
-<script>
-    const mui = AtlasMakerUI;
-    mui.push($("#display-minimize"),()=>console.log("minimize"));
-    mui.push($("#display-left"),()=>console.log("left"));
-    mui.push($("#display-right"),()=>console.log("right"));
-
-    mui.slider($("#slice"),()=>{});
-    mui.push($("#prev"),()=>console.log("prev"));
-    mui.push($("#next"),()=>console.log("next"));
-
-    mui.chose($("#plane"),()=>console.log("plane"));
-
-    mui.chose($("#paint"),()=>console.log("paint"));
-
-    mui.chose($("#penSize"),()=>console.log("size"));
-    mui.toggle($("#precise"),()=>console.log("precise"));
-    mui.toggle($("#fullscreen"),()=>console.log("full"));
-    mui.toggle($("#bubble"),()=>console.log("chat"));
-    mui.push($("#3drender"),()=>console.log("3d"));
-    mui.push($("#link"),()=>console.log("link"));
-    mui.push($("#upload"),()=>console.log("upload"));
-    mui.push($("#download"),()=>console.log("download"));
-
-    mui.push($("#color"),()=>console.log("color"));
-    mui.toggle($("#fill"),()=>console.log("fill"));
-    mui.push($("#undo"),()=>console.log("undo"));
-    mui.push($("#save"),()=>console.log("save"));
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/view/atlasmaker/src/tools/adjust/adjust.svg b/view/atlasmaker/src/tools/adjust/adjust.svg
deleted file mode 100644
index 4164f2fb..00000000
--- a/view/atlasmaker/src/tools/adjust/adjust.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><path d="m904.35472 1528.2773-7.8769-1261.09396c-148.79498 0-227.67351 27.02518-324.00196 83.18399-95.00724 55.38855-174.26188 142.18467-228.83188 237.66442-47.07633 82.36826-74.06588 179.31169-76.46065 274.15354-2.84006 112.47682 21.26033 229.98731 74.15355 329.29191 53.09547 99.6843 135.9322 188.0924 232.77034 246.217 97.87177 58.745 231.58083 90.5831 330.2475 90.5831zm759.64528-632.2773c0 139.3333-34.3333 267.8333-103 385.5s-161.8333 210.8333-279.5 279.5-246.1667 103-385.5 103c-139.33333 0-267.83333-34.3333-385.5-103s-210.83333-161.8333-279.5-279.5-103-246.1667-103-385.5c0-139.33333 34.33333-267.83333 103-385.5s161.83333-210.83333 279.5-279.5 246.16667-103 385.5-103c139.3333 0 267.8333 34.33333 385.5 103s210.8333 161.83333 279.5 279.5 103 246.16667 103 385.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/tools/adjust/alpha.svg b/view/atlasmaker/src/tools/adjust/alpha.svg
deleted file mode 100644
index e16fb5e5..00000000
--- a/view/atlasmaker/src/tools/adjust/alpha.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1536" width="1536" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientTransform="matrix(.8707121 0 0 .87421598 -1443.0979 -1443.9413)" gradientUnits="userSpaceOnUse" x1="-599.44781" x2="1171.5452" y1="757.00183" y2="762.83765"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><ellipse cx="-772.66711" cy="-769.0257" rx="654.74829" ry="657.38306" style="stroke:#fff;stroke-width:90.748;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:3.2759;fill:url(#a)" transform="scale(-1)"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/tools/adjust/icon.svg b/view/atlasmaker/src/tools/adjust/icon.svg
deleted file mode 100644
index 4164f2fb..00000000
--- a/view/atlasmaker/src/tools/adjust/icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><path d="m904.35472 1528.2773-7.8769-1261.09396c-148.79498 0-227.67351 27.02518-324.00196 83.18399-95.00724 55.38855-174.26188 142.18467-228.83188 237.66442-47.07633 82.36826-74.06588 179.31169-76.46065 274.15354-2.84006 112.47682 21.26033 229.98731 74.15355 329.29191 53.09547 99.6843 135.9322 188.0924 232.77034 246.217 97.87177 58.745 231.58083 90.5831 330.2475 90.5831zm759.64528-632.2773c0 139.3333-34.3333 267.8333-103 385.5s-161.8333 210.8333-279.5 279.5-246.1667 103-385.5 103c-139.33333 0-267.83333-34.3333-385.5-103s-210.83333-161.8333-279.5-279.5-103-246.1667-103-385.5c0-139.33333 34.33333-267.83333 103-385.5s161.83333-210.83333 279.5-279.5 246.16667-103 385.5-103c139.3333 0 267.8333 34.33333 385.5 103s210.8333 161.83333 279.5 279.5 103 246.16667 103 385.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/atlasmaker/src/tools/adjust/index.html b/view/atlasmaker/src/tools/adjust/index.html
deleted file mode 100644
index 6f3d439c..00000000
--- a/view/atlasmaker/src/tools/adjust/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!-- Transparency -->
-<div>
-    <img src="./alpha.svg" style="width:20px;vertical-align:middle"/>
-    <div id="alphaLevel" class="slider" data-max="100" data-val="0" style="display:inline-block;position:relative;margin-left:10px;width:calc(100% - 30px - 20px);height:100%;vertical-align:middle">
-        <div class="track"
-                style="position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;display:inline-block"
-        ></div>
-        <div class="thumb"
-                style="transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;width:20px;height:20px;background-color:#fff;display:inline-block"
-        ></div>
-    </div>
-</div>
-
-<!-- Brightness -->
-<div>
-    <img src="./sun-o.svg" style="width:20px;vertical-align:middle"/>
-    <div id="minLevel" class="slider" data-max="100" data-val="0" style="display:inline-block;position:relative;margin-left:10px;width:calc(100% - 30px - 20px);height:100%;vertical-align:middle">
-        <div class="track"
-                style="position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;display:inline-block"
-        ></div>
-        <div class="thumb"
-                style="transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;width:20px;height:20px;background-color:#fff;display:inline-block"
-        ></div>
-    </div>
-</div>
-
-<!-- Contrast -->
-<div>
-    <img src="./adjust.svg" style="width:20px;vertical-align:middle"/>
-    <div id="maxLevel" class="slider" data-max="100" data-val="0" style="display:inline-block;position:relative;margin-left:10px;width:calc(100% - 30px - 20px);height:100%;vertical-align:middle">
-        <div class="track"
-                style="position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;display:inline-block"
-        ></div>
-        <div class="thumb"
-                style="transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;width:20px;height:20px;background-color:#fff;display:inline-block"
-        ></div>
-    </div>
-</div>
diff --git a/view/atlasmaker/src/tools/adjust/index.js b/view/atlasmaker/src/tools/adjust/index.js
deleted file mode 100644
index e8511f34..00000000
--- a/view/atlasmaker/src/tools/adjust/index.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/* global AtlasMakerWidget $ */
-import html from './index.html';
-
-// append HTML
-const el = document.createElement("div");
-el.id = "adjust";
-el.style.width = "calc(100% - 20px )";
-el.style.position ="absolute";
-el.style.bottom = 0;
-el.style.left = 0;
-el.style.padding = "10px";
-
-el.innerHTML = html;
-AtlasMakerWidget.container.querySelector("#resizable").appendChild(el);
-
-// Transparency
-AtlasMakerWidget.slider($('.slider#alphaLevel'), function (x) {
-  $('#alphaLevel').data('val', x);
-  $('#alphaLevel .thumb')[0].style.left = x + '%';
-  AtlasMakerWidget.alphaLevel = x / 100;
-  AtlasMakerWidget.drawImages();
-});
-$('.slider#alphaLevel').data({ max: 100, val: 50 });
-$('#alphaLevel .thumb')[0].style.left = (AtlasMakerWidget.alphaLevel * 100) + '%';
-
-// Brightness
-AtlasMakerWidget.slider($('.slider#minLevel'), function (x) {
-  $('#minLevel').data('val', x);
-  $('#minLevel .thumb')[0].style.left = x + '%';
-
-  var b = (2 * x / 100);
-  var c = (2 * $('#maxLevel').data('val') / 100);
-  $('#canvas').css({
-    'webkit-filter': 'brightness(' + b + ') contrast(' + c + ')',
-    'filter': 'brightness(' + b + ') contrast(' + c + ')'
-  });
-});
-$('.slider#minLevel').data({ max: 100, val: 50 });
-$('#minLevel .thumb')[0].style.left = '50%';
-
-// Contrast
-AtlasMakerWidget.slider($('.slider#maxLevel'), function (x) {
-  $('#maxLevel').data('val', x);
-  $('#maxLevel .thumb')[0].style.left = x + '%';
-
-  var b = (2 * $('#minLevel').data('val') / 100);
-  var c = (2 * x / 100);
-  $('#canvas').css({
-    'webkit-filter': 'brightness(' + b + ') contrast(' + c + ')',
-    'filter': 'brightness(' + b + ') contrast(' + c + ')'
-  });
-});
-$('.slider#maxLevel').data({ max: 100, val: 50 });
-$('#maxLevel .thumb')[0].style.left = '50%';
-
-var observer = new MutationObserver(function (mutations) {
-  mutations.forEach(function (mutation) {
-    if (mutation.attributeName === 'class') {
-      console.log('mutation', mutation);
-      var attributeValue = $(mutation.target).prop(mutation.attributeName);
-      if (attributeValue === 'a sub') {
-        $('#adjust').remove();
-      }
-      observer.disconnect();
-      // delete observer;
-    }
-  });
-});
-observer.observe($('#paintTool [title="Adjust"]')[0], {
-  attributes: true
-});
\ No newline at end of file
diff --git a/view/atlasmaker/src/tools/adjust/sun-o.svg b/view/atlasmaker/src/tools/adjust/sun-o.svg
deleted file mode 100644
index 2af83736..00000000
--- a/view/atlasmaker/src/tools/adjust/sun-o.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="1792" viewBox="0 0 1792 1792" width="1792" xmlns="http://www.w3.org/2000/svg"><path d="m1472 896q0-117-45.5-223.5t-123-184-184-123-223.5-45.5-223.5 45.5-184 123-123 184-45.5 223.5 45.5 223.5 123 184 184 123 223.5 45.5 223.5-45.5 184-123 123-184 45.5-223.5zm276 277q-4 15-20 20l-292 96v306q0 16-13 26-15 10-29 4l-292-94-180 248q-10 13-26 13t-26-13l-180-248-292 94q-14 6-29-4-13-10-13-26v-306l-292-96q-16-5-20-20-5-17 4-29l180-248-180-248q-9-13-4-29 4-15 20-20l292-96v-306q0-16 13-26 15-10 29-4l292 94 180-248q9-12 26-12t26 12l180 248 292-94q14-6 29 4 13 10 13 26v306l292 96q16 5 20 20 5 16-4 29l-180 248 180 248q9 12 4 29z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/view/brainbox/src/pages/project-page.js b/view/brainbox/src/pages/project-page.js
index 54578a56..01469530 100644
--- a/view/brainbox/src/pages/project-page.js
+++ b/view/brainbox/src/pages/project-page.js
@@ -13,6 +13,7 @@ import {
   ProjectPage,
   RangeSlider,
   Row,
+  ScriptConsole,
   Table,
   TextAnnotations,
   VolumeAnnotations
@@ -74,9 +75,9 @@ const PageContents = {
       brightnessValue: Vue.ref(50),
       contrastValue: Vue.ref(50),
       linkPrefix: `${config.baseURL}/mri?url=`,
+      volumeAnnotations: Vue.ref([]),
       // define a map associating annotations keys to value selectors
       // to extract content within the TextAnnotations component
-      volumeAnnotations: Vue.ref([]),
       extractTextKeys: (_files) => {
         if (!_files) {
           return;
@@ -161,6 +162,7 @@ const PageContents = {
 
       window.addEventListener('newMessage', this.handleNewChatMessages);
       window.addEventListener('newNotification', this.handleNewNotification);
+
       document.addEventListener('keydown', function(event) {
         const selectedTr = document.querySelector('tr.selected');
         if (!selectedTr) { return; }
@@ -473,6 +475,7 @@ app.component('Table', Table);
 app.component('Row', Row);
 app.component('Chat', Chat);
 app.component('AdjustSettings', AdjustSettings);
+app.component('ScriptConsole', ScriptConsole);
 app.provide('displaySettings', true);
 app.provide('config', config);
 app.provide('user', loggedUser);