diff --git a/assets/icons/info.svg b/assets/icons/info.svg
new file mode 100644
index 000000000..bfc9e20d9
--- /dev/null
+++ b/assets/icons/info.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
+    <path d="M960 0c530.193 0 960 429.807 960 960s-429.807 960-960 960S0 1490.193 0 960 429.807 0 960 0Zm0 101.053c-474.384 0-858.947 384.563-858.947 858.947S485.616 1818.947 960 1818.947 1818.947 1434.384 1818.947 960 1434.384 101.053 960 101.053Zm-42.074 626.795c-85.075 39.632-157.432 107.975-229.844 207.898-10.327 14.249-10.744 22.907-.135 30.565 7.458 5.384 11.792 3.662 22.656-7.928 1.453-1.562 1.453-1.562 2.94-3.174 9.391-10.17 16.956-18.8 33.115-37.565 53.392-62.005 79.472-87.526 120.003-110.867 35.075-20.198 65.9 9.485 60.03 47.471-1.647 10.664-4.483 18.534-11.791 35.432-2.907 6.722-4.133 9.646-5.496 13.23-13.173 34.63-24.269 63.518-47.519 123.85l-1.112 2.886c-7.03 18.242-7.03 18.242-14.053 36.48-30.45 79.138-48.927 127.666-67.991 178.988l-1.118 3.008a10180.575 10180.575 0 0 0-10.189 27.469c-21.844 59.238-34.337 97.729-43.838 138.668-1.484 6.37-1.484 6.37-2.988 12.845-5.353 23.158-8.218 38.081-9.82 53.42-2.77 26.522-.543 48.24 7.792 66.493 9.432 20.655 29.697 35.43 52.819 38.786 38.518 5.592 75.683 5.194 107.515-2.048 17.914-4.073 35.638-9.405 53.03-15.942 50.352-18.932 98.861-48.472 145.846-87.52 41.11-34.26 80.008-76 120.788-127.872 3.555-4.492 3.555-4.492 7.098-8.976 12.318-15.707 18.352-25.908 20.605-36.683 2.45-11.698-7.439-23.554-15.343-19.587-3.907 1.96-7.993 6.018-14.22 13.872-4.454 5.715-6.875 8.77-9.298 11.514-9.671 10.95-19.883 22.157-30.947 33.998-18.241 19.513-36.775 38.608-63.656 65.789-13.69 13.844-30.908 25.947-49.42 35.046-29.63 14.559-56.358-3.792-53.148-36.635 2.118-21.681 7.37-44.096 15.224-65.767 17.156-47.367 31.183-85.659 62.216-170.048 13.459-36.6 19.27-52.41 26.528-72.201 21.518-58.652 38.696-105.868 55.04-151.425 20.19-56.275 31.596-98.224 36.877-141.543 3.987-32.673-5.103-63.922-25.834-85.405-22.986-23.816-55.68-34.787-96.399-34.305-45.053.535-97.607 15.256-145.963 37.783Zm308.381-388.422c-80.963-31.5-178.114 22.616-194.382 108.33-11.795 62.124 11.412 115.76 58.78 138.225 93.898 44.531 206.587-26.823 206.592-130.826.005-57.855-24.705-97.718-70.99-115.729Z" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/examples/al-animation-CS-CDS-2022.html b/examples/al-animation-CS-CDS-2022.html
index a5d2ca832..1840629b8 100644
--- a/examples/al-animation-CS-CDS-2022.html
+++ b/examples/al-animation-CS-CDS-2022.html
@@ -71,9 +71,9 @@
             aladin.setFoV(400)
             await delay(2000)
 
-            aladin.setProjection('HPX')
-            aladin.setFoV(400)
-            await delay(2000)
+            //aladin.setProjection('HPX')
+            //aladin.setFoV(400)
+            //await delay(2000)
 
             aladin.setProjection('AIT')
             aladin.setFoV(400)
@@ -326,7 +326,7 @@
 
             await delay(1000)
 
-            notify('Projection support:', 'Orthographic, Mercator, HEALPix, Aitoff', 6500)
+            notify('Projection support:', 'Orthographic, Mercator, Aitoff', 6500)
 
             await delay(1000)
 
diff --git a/examples/al-easy-access-simbad-ned.html b/examples/al-easy-access-simbad-ned.html
index f904cba11..e3bf71dc5 100644
--- a/examples/al-easy-access-simbad-ned.html
+++ b/examples/al-easy-access-simbad-ned.html
@@ -5,10 +5,9 @@
 <body>
 
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-
+<script>let aladin;</script>
 <script type="module">
   import A from '../src/js/A.js';
-  let aladin;
   A.init.then(() => {
       // Start up Aladin Lite
       aladin = A.aladin('#aladin-lite-div', {
@@ -20,6 +19,7 @@
         showLayersControl: false,
         showSimbadPointerControl: false,
         showShareControl: true,
+        showStatusBar: true,
       });
 
       aladin.addCatalog(A.catalogFromSimbad('09 55 52.4 +69 40 47', 0.1, {onClick: 'showTable', limit: 1000}));
diff --git a/src/core/src/app.rs b/src/core/src/app.rs
index 684e761b5..749646f37 100644
--- a/src/core/src/app.rs
+++ b/src/core/src/app.rs
@@ -486,9 +486,12 @@ impl App {
 
     pub(crate) fn add_moc(
         &mut self,
-        cfg: al_api::moc::MOC,
+        mut cfg: al_api::moc::MOC,
         moc: HEALPixCoverage,
     ) -> Result<(), JsValue> {
+        // change the moc thickness
+        cfg.line_width = (cfg.line_width + 0.5) * 2.0 / self.camera.get_width();
+
         self.moc
             .push_back(moc, cfg, &mut self.camera, &self.projection);
         self.request_redraw = true;
@@ -1226,7 +1229,6 @@ impl App {
         // Recompute the ndc_to_clip
         self.camera.set_projection(&self.projection);
 
-
         self.request_for_new_tiles = true;
         self.request_redraw = true;
 
diff --git a/src/core/src/renderable/coverage/moc.rs b/src/core/src/renderable/coverage/moc.rs
index ff7b5a61f..b69201691 100644
--- a/src/core/src/renderable/coverage/moc.rs
+++ b/src/core/src/renderable/coverage/moc.rs
@@ -363,8 +363,6 @@ impl MOCIntern {
         match self.mode {
             RenderModeType::Perimeter { thickness, color }
             | RenderModeType::Edge { thickness, color } => {
-                let thickness = (thickness + 0.5) * 2.0 / camera.get_width();
-
                 rasterizer.add_stroke_paths(
                     paths_iter,
                     thickness,
diff --git a/src/css/aladin.css b/src/css/aladin.css
index 496de1141..dde8d6f6f 100644
--- a/src/css/aladin.css
+++ b/src/css/aladin.css
@@ -639,6 +639,23 @@ canvas {
     display: inline-block;
 }
 
+.aladin-img {
+    object-fit: 'contain';
+    vertical-align: 'middle';
+}
+
+@keyframes rotating {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+}
+.rotating {
+    animation: rotating 2s linear infinite;
+}
+
 .aladin-toolbar {
     display: flex;
     align-items: center;
@@ -700,7 +717,7 @@ canvas {
 
 .aladin-vertical-list {
     display: flex;
-    align-items: center; 
+    align-items: flex-end; 
     list-style: none;
     flex-direction: column;
 }
@@ -856,18 +873,12 @@ canvas {
     width: 100%;
 }
 
-.aladin-layer-label {
-	padding: 0 4px 0 4px;
-	color: #ddd;
-    border-radius: 8px;
-    cursor: pointer;
-    user-select: none;
-
+.aladin-status-bar-message {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 
-    max-width: 150px;
+    max-width: 40vw;
 }
 
 .aladin-sp-title a {
diff --git a/src/js/A.js b/src/js/A.js
index a9b08d38c..c8e83d64e 100644
--- a/src/js/A.js
+++ b/src/js/A.js
@@ -303,7 +303,7 @@ A.catalog = function (options) {
 A.catalogFromURL = function (url, options, successCallback, errorCallback, useProxy) {
     options.url = url;
     var catalog = A.catalog(options);
-
+console.log(options)
     const processVOTable = function (table) {
         let {sources, footprints, fields, type} = table;
         catalog.setFields(fields);
@@ -517,33 +517,4 @@ A.init = (async () => {
     }
 })();
 
-/**
- * Gives to the user an entry point to the WebAssembly API 
- * This should not be used. Prefer calling the JS API instead
- *
- * @function
- * @name A.queryWasmAPI
- * @memberof A
- * @async
- * 
- * @param {Function} callback - A callback with the wasm object as parameter
- *
- * @throws {string} Throws an error if WebGL2 is not supported by the browser.
- *
- * @example
- * // Usage example:
- * A.queryWasmAPI((wasm) => {
- *      let vertices = wasm.HEALPixVertices(8, [0, 1, 2])
- * })
- */
-A.queryWasmAPI = function(callback) {
-    (async () => {
-        await A.init;
-
-        if (Aladin.wasmLibs.core) {
-            callback(Aladin.wasmLibs.core)
-        }        
-    })();
-};
-
 export default A;
diff --git a/src/js/Aladin.js b/src/js/Aladin.js
index 71ee390c1..803c9cbab 100644
--- a/src/js/Aladin.js
+++ b/src/js/Aladin.js
@@ -62,6 +62,7 @@ import { Input } from "./gui/Widgets/Input.js";
 
 import A from "./A.js";
 import { SnapshotActionButton } from "./gui/Button/Snapshot.js";
+import { StatusBarBox } from "./gui/Box/StatusBarBox.js";
 /**
  * @typedef {Object} AladinOptions
  * @description Options for configuring the Aladin Lite instance.
@@ -356,7 +357,7 @@ export let Aladin = (function () {
 
         ////////////////////////////////////////////////////
         let menu = new Menu({
-            direction: 'horizontal',
+            direction: 'vertical',
             position: {
                 anchor: 'right top'
             }
@@ -460,6 +461,11 @@ export let Aladin = (function () {
             
             this.addUI(zoomControlToolbar)
         }
+
+        // Status bar
+        if (options.showStatusBar) {
+            this.statusBar = new StatusBarBox(this);
+        }
     }
 
     /**** CONSTANTS ****/
@@ -498,6 +504,7 @@ export let Aladin = (function () {
 
         // Other UI elements
         showContextMenu: false,
+        showStatusBar: false,
         // Internal
         showReticle: true,
         showCatalog: true, // TODO: still used ??
diff --git a/src/js/AladinUtils.js b/src/js/AladinUtils.js
index 72bd1fc2e..8f96a5960 100644
--- a/src/js/AladinUtils.js
+++ b/src/js/AladinUtils.js
@@ -98,7 +98,7 @@ export let AladinUtils = {
              * @param {number | number[]} lon - Longitude or an array of longitudes.
              * @param {number | number[]} lat - Latitude or an array of latitudes.
              * @throws {string} Throws an error if A.init is not called first.
-             * @returns {number | number[]} ipix - Pixel index or an array of pixel indices.
+             * @returns {number[]} ipix - Pixel index or an array of pixel indices.
              */
             ang2pix: function(nside, lon, lat) {
                 let wasm = Aladin.wasmLibs.core;
@@ -129,7 +129,7 @@ export let AladinUtils = {
              * @param {number | number[]} ipix - Pixel index or an array of pixel indices.
              *
              * @throws {string} Throws an error if A.init is not called first.
-             * @returns {LonLat | LonLat[]} lonlat - Longitude and latitude or an array of longitudes and latitudes.
+             * @returns {LonLat[]} lonlat - Longitude and latitude or an array of longitudes and latitudes.
              */
             pix2ang: function(nside, ipix) {
                 let wasm = Aladin.wasmLibs.core;
diff --git a/src/js/Catalog.js b/src/js/Catalog.js
index 1e882c4cf..ba6dddc2f 100644
--- a/src/js/Catalog.js
+++ b/src/js/Catalog.js
@@ -438,7 +438,7 @@ export let Catalog = (function() {
             errorCallback,
             useProxy,
             raField,
-            decField
+            decField,
         )
     };
 
diff --git a/src/js/Circle.js b/src/js/Circle.js
index 5e61d0249..b84497af5 100644
--- a/src/js/Circle.js
+++ b/src/js/Circle.js
@@ -157,7 +157,7 @@ export let Circle = (function() {
         }
         noStroke = noStroke===true || false;
 
-        var centerXyview = AladinUtils.radecToViewXy(this.centerRaDec[0], this.centerRaDec[1], view);
+        var centerXyview = AladinUtils.radecToViewXy(this.centerRaDec[0], this.centerRaDec[1], view.aladin);
         if (!centerXyview) {
             // the center goes out of the projection
             // we do not draw it
@@ -179,7 +179,7 @@ export let Circle = (function() {
                 ra = this.centerRaDec[0] + cardDirRa * this.radiusDegrees;
                 dec = this.centerRaDec[1] + cardDirDec * this.radiusDegrees;
 
-                vertOnCircle = AladinUtils.radecToViewXy(ra, dec, view);
+                vertOnCircle = AladinUtils.radecToViewXy(ra, dec, view.aladin);
 
                 if (vertOnCircle) {
                     dx = vertOnCircle[0] - this.center.x;
diff --git a/src/js/Ellipse.js b/src/js/Ellipse.js
index 4e8e0c637..0dc5a43ad 100644
--- a/src/js/Ellipse.js
+++ b/src/js/Ellipse.js
@@ -175,15 +175,15 @@ export let Ellipse = (function() {
             return;
         }
 
-        var centerXyview = AladinUtils.radecToViewXy(this.centerRaDec[0], this.centerRaDec[1], view);
+        var centerXyview = AladinUtils.radecToViewXy(this.centerRaDec[0], this.centerRaDec[1], view.aladin);
         if (!centerXyview) {
             // the center goes out of the projection
             // we do not draw it
             return;
         }
 
-        let circlePtXyViewRa = AladinUtils.radecToViewXy(this.centerRaDec[0] + this.radiusXDegrees, this.centerRaDec[1], view);
-        let circlePtXyViewDec = AladinUtils.radecToViewXy(this.centerRaDec[0], this.centerRaDec[1] + this.radiusYDegrees, view);
+        let circlePtXyViewRa = AladinUtils.radecToViewXy(this.centerRaDec[0] + this.radiusXDegrees, this.centerRaDec[1], view.aladin);
+        let circlePtXyViewDec = AladinUtils.radecToViewXy(this.centerRaDec[0], this.centerRaDec[1] + this.radiusYDegrees, view.aladin);
 
         if (!circlePtXyViewRa || !circlePtXyViewDec) {
             // the circle border goes out of the projection
diff --git a/src/js/Footprint.js b/src/js/Footprint.js
index 14f84729e..38bff1067 100644
--- a/src/js/Footprint.js
+++ b/src/js/Footprint.js
@@ -150,7 +150,7 @@ export let Footprint= (function() {
                     y: s.y,
                 };
             } else {
-                var xy = AladinUtils.radecToViewXy(s.ra, s.dec, view);
+                var xy = AladinUtils.radecToViewXy(s.ra, s.dec, view.aladin);
                 if (!xy) {
                     return false;
                 }
diff --git a/src/js/ImageFITS.js b/src/js/ImageFITS.js
index 140b06eea..ba0ca390e 100644
--- a/src/js/ImageFITS.js
+++ b/src/js/ImageFITS.js
@@ -215,7 +215,7 @@ export let ImageFITS = (function () {
 
             return self;
         }).catch((e) => {
-            window.alert(e + ". See the console for more logging details. It may be possible CORS headers have not been set in the server where you want to download the file. If it is the case, try to manually download the FITS file first and then open it into aladin lite (e.g. by a drag and drop)")
+            window.alert(e + ". See the javascript console for more logging details.")
 
             if (self.errorCallback) {
                 self.errorCallback()
@@ -246,6 +246,15 @@ export let ImageFITS = (function () {
         return false;
     }
 
+    // @api
+    ImageFITS.prototype.focusOn = function () {
+        // ensure the fits have been parsed
+        if (this.added) {
+            this.view.aladin.gotoRaDec(this.ra, this.dec);
+            this.view.aladin.setFoV(this.fov);
+        }
+    };
+
     // @oldapi
     ImageFITS.prototype.setAlpha = ImageFITS.prototype.setOpacity;
 
diff --git a/src/js/PlanetaryFeaturesNameResolver.js b/src/js/PlanetaryFeaturesNameResolver.js
index 0c6c6aae8..f29146c9f 100644
--- a/src/js/PlanetaryFeaturesNameResolver.js
+++ b/src/js/PlanetaryFeaturesNameResolver.js
@@ -59,6 +59,7 @@ export let PlanetaryFeaturesNameResolver = (function() {
 
         Utils.fetch({
             url: url ,
+            desc: "Resolving planet name: " + featureName,
             data: {"identifier": featureName, 'body': body, 'threshold': 0.7, 'format': 'csv'},
             method: 'GET',
             dataType: 'text',
diff --git a/src/js/Polyline.js b/src/js/Polyline.js
index 5670e088e..a6a897a3c 100644
--- a/src/js/Polyline.js
+++ b/src/js/Polyline.js
@@ -43,16 +43,16 @@ import { ProjectionEnum } from "./ProjectionEnum.js";
 export let Polyline= (function() {
     function _calculateMag2ForNoSinProjections(line, view) {
         // check if the line is too big (in the clip space) to be drawn
-        const [x1, y1] = AladinUtils.viewXyToClipXy(line.x1, line.y1, view);
-        const [x2, y2] = AladinUtils.viewXyToClipXy(line.x2, line.y2, view);
+        const [x1, y1] = AladinUtils.viewXyToClipXy(line.x1, line.y1, view.aladin);
+        const [x2, y2] = AladinUtils.viewXyToClipXy(line.x2, line.y2, view.aladin);
 
         const mag2 = (x1 - x2)*(x1 - x2) + (y1 - y2)*(y1 - y2);
         return mag2;
     }
 
     function _isAcrossCollignonZoneForHpxProjection(line, view) {
-        const [x1, y1] = AladinUtils.viewXyToClipXy(line.x1, line.y1, view);
-        const [x2, y2] = AladinUtils.viewXyToClipXy(line.x2, line.y2, view);
+        const [x1, y1] = AladinUtils.viewXyToClipXy(line.x1, line.y1, view.aladin);
+        const [x2, y2] = AladinUtils.viewXyToClipXy(line.x2, line.y2, view.aladin);
 
         // x, y, between -1 and 1
         let triIdxCollignionZone = function(x, y) {
@@ -231,7 +231,7 @@ export let Polyline= (function() {
         let ymax = Number.NEGATIVE_INFINITY;
 
         for (var k=0; k<len; k++) {
-            var xyview = AladinUtils.radecToViewXy(this.radecArray[k][0], this.radecArray[k][1], view);
+            var xyview = AladinUtils.radecToViewXy(this.radecArray[k][0], this.radecArray[k][1], view.aladin);
             if (!xyview) {
                 return;
             }
@@ -397,7 +397,7 @@ export let Polyline= (function() {
 
         let pointXY = [];
         for (var j = 0; j < this.radecArray.length; j++) {
-            var xy = AladinUtils.radecToViewXy(this.radecArray[j][0], this.radecArray[j][1], view);
+            var xy = AladinUtils.radecToViewXy(this.radecArray[j][0], this.radecArray[j][1], view.aladin);
             if (!xy) {
                 return false;
             }
diff --git a/src/js/ProgressiveCat.js b/src/js/ProgressiveCat.js
index bda248c92..2028a9ae6 100644
--- a/src/js/ProgressiveCat.js
+++ b/src/js/ProgressiveCat.js
@@ -266,6 +266,7 @@ export let ProgressiveCat = (function() {
         _loadAllskyNewMethod: function() {
             var self = this;
             Utils.fetch({
+                desc: "Loading allsky tiles of: " + self.name,
                 url: self.rootUrl + '/' + 'Norder1/Allsky.tsv',
                 method: 'GET',
                 success: function(tsv) {
@@ -282,6 +283,7 @@ export let ProgressiveCat = (function() {
             });
 
             Utils.fetch({
+                desc: "Loading allsky order 2 tiles of: " + self.name,
                 url: self.rootUrl + '/' + 'Norder2/Allsky.tsv',
                 method: 'GET',
                 success: function(tsv) {
@@ -308,6 +310,7 @@ export let ProgressiveCat = (function() {
         _loadLevel2Sources: function() {
             var self = this;
             Utils.fetch({
+                desc: "Loading level 2 sources of: " + self.name,
                 url: self.rootUrl + '/' + 'Norder2/Allsky.xml',
                 method: 'GET',
                 success: function(text) {
@@ -329,6 +332,7 @@ export let ProgressiveCat = (function() {
         _loadLevel3Sources: function() {
             var self = this;
             Utils.fetch({
+                desc: "Loading level 3 sources of: " + self.name,
                 url: self.rootUrl + '/' + 'Norder3/Allsky.xml',
                 method: 'GET',
                 success: function(text) {
@@ -555,6 +559,7 @@ export let ProgressiveCat = (function() {
                             */
                             // ATTENTIOn : je passe en JSON direct, car je n'arrive pas a choper les 404 en JSONP
                             url: self.getTileURL(norder, ipix),
+                            desc: "Get tile .tsv " + norder + ' ' + ipix + ' of ' + self.name,
                             method: 'GET',
                             //dataType: 'jsonp',
                             success: function(tsv) {
diff --git a/src/js/Sesame.js b/src/js/Sesame.js
index ddfdaefe9..fd4dd9fcf 100644
--- a/src/js/Sesame.js
+++ b/src/js/Sesame.js
@@ -89,6 +89,7 @@ export let Sesame = (function() {
 
         Sesame.lastObjectNameResolved = objectName;
         Utils.fetch({
+            desc: "Resolving name of: " + objectName,
             url: sesameUrl + objectName,
             dataType: 'text',
             useProxy: false,
diff --git a/src/js/Utils.ts b/src/js/Utils.ts
index 806bbeb04..a9b6b43d3 100644
--- a/src/js/Utils.ts
+++ b/src/js/Utils.ts
@@ -28,6 +28,8 @@
  *****************************************************************************/
 
 import {JSONP_PROXY} from "@/js/Constants";
+import { ALEvent } from './events/ALEvent';
+
 
 export let Utils: any = {}
 
@@ -304,6 +306,7 @@ Utils.getAjaxObject = function (url, method, dataType, useProxy) {
     })
 }
 */
+
 Utils.fetch = function(params) {
     let url = new URL(params.url);
     if (params.useProxy === true) {
@@ -321,6 +324,12 @@ Utils.fetch = function(params) {
         method: params.method || 'GET',
     })
 
+    let task = {
+        message: params.desc || 'fetching: ' + url,
+        id: Utils.uuidv4()
+    };
+    ALEvent.FETCH.dispatchedTo(document, {task});
+
     fetch(request)
         .then((resp) => {
             if (params.dataType && params.dataType.includes('json')) {
@@ -337,6 +346,9 @@ Utils.fetch = function(params) {
                 alert(e)
             }
         })
+        .finally(() => {
+            ALEvent.RESOURCE_FETCHED.dispatchedTo(document, {task});
+        })
 }
 
 Utils.on = function(element, events, callback) {
diff --git a/src/js/View.js b/src/js/View.js
index 7571102f1..07e8bca28 100644
--- a/src/js/View.js
+++ b/src/js/View.js
@@ -1490,6 +1490,11 @@ export let View = (function () {
         this.promises.push(imageLayerPromise);
 
         // All image layer promises must be completed (fullfilled or rejected)
+        console.log(imageLayer.name)
+        const task = {
+            message: 'Load layer: ' + imageLayer.name,
+            id: Utils.uuidv4(),
+        }
         Promise.allSettled(this.promises)
             .then(() => imageLayerPromise)
             // The promise is resolved and we now have access
@@ -1499,10 +1504,8 @@ export let View = (function () {
                 const promise = imageLayer.add(layer);
 
                 self.loadingState = true;
-                ALEvent.LOADING_START.dispatchedTo(this.aladinDiv, {
-                    label: layer.layer,
-                    msg: 'Load the layer: ' + layer.name
-                });
+                
+                ALEvent.FETCH.dispatchedTo(document, {task});
 
                 return promise;
             })
@@ -1523,7 +1526,8 @@ export let View = (function () {
             .finally(() => {
                 // Loading state is over
                 self.loadingState = false;
-                ALEvent.LOADING_STOP.dispatchedTo(this.aladinDiv, { label: layer.layer });
+                ALEvent.RESOURCE_FETCHED.dispatchedTo(document, {task});
+
                 self.imageLayersBeingQueried.delete(layer);
 
                 // Remove the settled promise
@@ -1660,6 +1664,14 @@ export let View = (function () {
     };
 
     View.prototype.setProjection = function (projName) {
+        if (this.projection.id === ProjectionEnum[projName].id) {
+            return;
+        }
+
+        if (!ProjectionEnum[projName]) {
+            throw projName + " is not a valid projection."
+        }
+
         this.projection = ProjectionEnum[projName];
 
         // Change the projection here
diff --git a/src/js/events/ALEvent.js b/src/js/events/ALEvent.js
index 232984ac8..c64ab8acc 100644
--- a/src/js/events/ALEvent.js
+++ b/src/js/events/ALEvent.js
@@ -68,6 +68,9 @@ export class ALEvent {
 
   static RETICLE_CHANGED = new ALEvent("AL:Reticle.changed")
 
+  static RESOURCE_FETCHED = new ALEvent("AL:Resource.fetched")
+  static FETCH = new ALEvent("AL:fetch")
+
   constructor(name) {
     this.name = name;
   }
diff --git a/src/js/gui/Box/CatalogQueryBox.js b/src/js/gui/Box/CatalogQueryBox.js
index b283068fe..3e2cbd90f 100644
--- a/src/js/gui/Box/CatalogQueryBox.js
+++ b/src/js/gui/Box/CatalogQueryBox.js
@@ -38,7 +38,7 @@ import { ContextMenu } from "../Widgets/ContextMenu.js";
  *****************************************************************************/
 
  export class CatalogQueryBox extends Box {
-    constructor(aladin, anchor) {
+    constructor(aladin, position) {
         const fnIdSelected = function(type, params) {
             if (type=='coneSearch') {
                 let errorCallback = (e) => {
@@ -100,10 +100,7 @@ import { ContextMenu } from "../Widgets/ContextMenu.js";
         }, aladin)
 
         super({
-            position: {
-                nextTo: anchor,
-                direction: 'bottom',
-            },
+            position,
             content: Layout.horizontal({
                 layout: [catNameTextInput, loadBtn]
             })
@@ -258,9 +255,9 @@ import { ContextMenu } from "../Widgets/ContextMenu.js";
 
     static layerSelector = undefined;
 
-    static getInstance(aladin, anchor) {
+    static getInstance(aladin, position) {
         if (!CatalogQueryBox.layerSelector) {
-            CatalogQueryBox.layerSelector = new CatalogQueryBox(aladin, anchor);
+            CatalogQueryBox.layerSelector = new CatalogQueryBox(aladin, position);
         }
 
         return CatalogQueryBox.layerSelector;
diff --git a/src/js/gui/Box/ShortLivedBox.js b/src/js/gui/Box/ShortLivedBox.js
index 9b663e74f..e7a044885 100644
--- a/src/js/gui/Box/ShortLivedBox.js
+++ b/src/js/gui/Box/ShortLivedBox.js
@@ -29,7 +29,7 @@
  *****************************************************************************/
 
 import { Box } from "../Widgets/Box.js";
- 
+
 export class ShortLivedBox extends Box {
     // Constructor
     constructor(aladin) {
@@ -44,9 +44,16 @@ export class ShortLivedBox extends Box {
     _show(options) {
         let duration = options.duration || 1000;
         
-        setTimeout(() => {
-            this._hide()
-        }, duration)
+        // clear the past timeout
+        if (this.idxTimeout) {
+            clearTimeout(this.idxTimeout)
+        }
+
+        if (duration !== 'unlimited') {
+            this.idxTimeout = setTimeout(() => {
+                this._hide()
+            }, duration)
+        }
 
         super._show(options);
     }
diff --git a/src/js/gui/Box/StatusBarBox.js b/src/js/gui/Box/StatusBarBox.js
new file mode 100644
index 000000000..a81e8de21
--- /dev/null
+++ b/src/js/gui/Box/StatusBarBox.js
@@ -0,0 +1,159 @@
+
+// Copyright 2013 - UDS/CNRS
+// The Aladin Lite program is distributed under the terms
+// of the GNU General Public License version 3.
+//
+// This file is part of Aladin Lite.
+//
+//    Aladin Lite is free software: you can redistribute it and/or modify
+//    it under the terms of the GNU General Public License as published by
+//    the Free Software Foundation, version 3 of the License.
+//
+//    Aladin Lite is distributed in the hope that it will be useful,
+//    but WITHOUT ANY WARRANTY; without even the implied warranty of
+//    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+//    GNU General Public License for more details.
+//
+//    The GNU General Public License is available in COPYING file
+//    along with Aladin Lite.
+//
+
+
+
+/******************************************************************************
+ * Aladin Lite project
+ * 
+ * File Sesame.js
+ * 
+ * Author: Thomas Boch[CDS]
+ * 
+ *****************************************************************************/
+import { Box } from "../Widgets/Box";
+import { ALEvent } from "../../events/ALEvent";
+import { Utils } from "../../Utils";
+import { Layout } from "../Layout";
+import { ActionButton } from "../Widgets/ActionButton";
+import infoIconUrl from '../../../../assets/icons/info.svg';
+
+
+export class StatusBarBox extends Box {
+    constructor(aladin) {
+        super({
+            cssStyle: {
+                color: 'white',
+                backgroundColor: 'black',
+                borderRadius: '3px',
+                padding: 0,
+            }
+        }, aladin.aladinDiv)
+
+        this.addClass("aladin-status-bar");
+
+        this.inProgressTasks = [];
+
+        this._addListeners()
+    }
+
+    _addListeners() {
+        ALEvent.FETCH.listenedBy(document, (e) => {
+            let task = e.detail.task;
+            this.appendMessage(task);
+        });
+
+        ALEvent.RESOURCE_FETCHED.listenedBy(document, (e) => {
+            let task = e.detail.task;
+            this.removeMessage(task.id);
+        });
+    }
+
+    appendMessage(task) {
+        task.id = task.id || Utils.uuidv4();
+        task.type = task.type || 'loading';
+
+        this.inProgressTasks.push(task);
+
+        if (task.duration && task.duration !== "unlimited") {
+            setTimeout(() => {
+                this.removeMessage(task.id);
+            }, task.duration)
+        }
+
+        // display it
+        this._displayLastTaskInProgress();
+    };
+
+    removeMessage(id) {
+        const index = this.inProgressTasks.findIndex((t) => t.id === id);
+        if (index >= 0) {
+            // task found
+            this.inProgressTasks.splice(index, 1);
+
+            // If it was the last element, i.e. the one being displayed
+            if (index === this.inProgressTasks.length) {
+                // display the "new" last
+                this._displayLastTaskInProgress();
+            }
+        }
+    };
+
+    _displayLastTaskInProgress() {
+        this._hide();
+
+        if (this.inProgressTasks.length === 0) {
+            // no more task to run
+            return;
+        }
+
+        let task = this.inProgressTasks[this.inProgressTasks.length - 1];
+
+        this.el.title = task.message;
+
+        // create message div
+        let messageDiv = document.createElement("div");
+        messageDiv.className = "aladin-status-bar-message";
+        messageDiv.innerHTML = task.message;
+        messageDiv.title = task.message;
+
+        this._show({
+            content: [StatusBarBox.icons[task.type], messageDiv],
+            position: {
+                anchor: 'center bottom'
+            }
+        })
+    }
+
+    static icons = {
+        loading: (() => {
+            let icon = new ActionButton({
+                iconURL: "https://raw.githubusercontent.com/cds-astro/aladin-lite/master/assets/aladin-logo.gif",
+                cssStyle: {
+                    backgroundColor: 'black',
+                    border: "none",
+                    margin: "5px",
+                    cursor: "help",
+                },
+                tooltip: {
+                    content: "Loading...",
+                    position: {
+                        direction: 'top'
+                    }
+                },
+            })
+
+            icon.addClass("rotating")
+            icon.addClass("medium-sized-icon")
+
+            return icon
+        })(),
+        info: ActionButton.createIconBtn({
+            iconURL: infoIconUrl,
+            cssStyle: {
+                backgroundColor: 'white',
+                border: "none",
+                margin: "5px",
+                cursor: "help",
+            },
+        })
+    }
+}
+ 
\ No newline at end of file
diff --git a/src/js/gui/Button/Projection.js b/src/js/gui/Button/Projection.js
index b485ef44d..6dd985d99 100644
--- a/src/js/gui/Button/Projection.js
+++ b/src/js/gui/Button/Projection.js
@@ -43,22 +43,7 @@ import { ProjectionEnum } from "../../ProjectionEnum";
      */
     constructor(aladin) {
         //let ctxMenu = ;
-        let layout = [];
-
-        let aladinProj = aladin.getProjectionName();
-        for (const key in ProjectionEnum) {
-            let proj = ProjectionEnum[key];
-            layout.push({
-                label: proj.label,
-                selected: aladinProj === key,
-                action(o) {
-                    aladin.setProjection(key)
-                }
-            })
-        }
-
         super({
-            ctxMenu: layout,
             iconURL: projectionSvg,
             tooltip: {content: 'Change the view projection', position: {direction: 'bottom'}},
             cssStyle: {
@@ -71,9 +56,35 @@ import { ProjectionEnum } from "../../ProjectionEnum";
             }*/
         }, aladin);
 
+        console.log("jkjkj", aladin)
+        let ctxMenu = this._buildLayout(aladin);
+        this.update({ctxMenu})
+
         this.addClass('medium-sized-icon')
     }
 
+    _buildLayout(aladin) {
+        let layout = [];
+        let self = this;
+
+        let aladinProj = aladin.getProjectionName();
+        for (const key in ProjectionEnum) {
+            let proj = ProjectionEnum[key];
+            layout.push({
+                label: proj.label,
+                selected: aladinProj === key,
+                action(o) {
+                    aladin.setProjection(key)
+
+                    let ctxMenu = self._buildLayout(aladin);
+                    self.update({ctxMenu});
+                }
+            })
+        }
+
+        return layout;
+    }
+
     _show() {
         super._show()
     }
diff --git a/src/js/gui/Button/ShareView.js b/src/js/gui/Button/ShareView.js
index 0f57bacba..58d2f951c 100644
--- a/src/js/gui/Button/ShareView.js
+++ b/src/js/gui/Button/ShareView.js
@@ -18,10 +18,7 @@
 //
 
 import { CtxMenuActionButtonOpener } from "./CtxMenuOpener";
-import { ContextMenu } from "../Widgets/ContextMenu";
 import shareIconUrl from '../../../../assets/icons/share.svg';
-import { ProjectionEnum } from "../../ProjectionEnum";
-import { ShortLivedBox } from "../Box/ShortLivedBox";
 /******************************************************************************
  * Aladin Lite project
  *
@@ -58,13 +55,10 @@ import { ShortLivedBox } from "../Box/ShortLivedBox";
                     var url = aladin.getShareURL();
                     navigator.clipboard.writeText(url);
 
-                    let infoBox = ShortLivedBox.getInstance(aladin);
-                    infoBox._show({
-                        content: 'View URL saved into your clipboard!',
+                    aladin.statusBar.appendMessage({
+                        message: 'View URL saved into your clipboard!',
                         duration: 2000,
-                        position: {
-                            anchor: 'center bottom'
-                        }
+                        type: 'info'
                     })
                 }
             },
@@ -98,13 +92,10 @@ import { ShortLivedBox } from "../Box/ShortLivedBox";
                     let wcs = aladin.getViewWCS()
                     navigator.clipboard.writeText(JSON.stringify(wcs));
 
-                    let infoBox = ShortLivedBox.getInstance(aladin);
-                    infoBox._show({
-                        content: 'WCS saved!',
+                    aladin.statusBar.appendMessage({
+                        message: 'WCS saved into your clipboard!',
                         duration: 2000,
-                        position: {
-                            anchor: 'center bottom'
-                        }
+                        type: 'info'
                     })
                 }
             },
diff --git a/src/js/gui/CtxMenu/OverlayStack.js b/src/js/gui/CtxMenu/OverlayStack.js
index cfaeca4e3..3b582d0f5 100644
--- a/src/js/gui/CtxMenu/OverlayStack.js
+++ b/src/js/gui/CtxMenu/OverlayStack.js
@@ -122,7 +122,7 @@ export class OverlayStack extends ContextMenu {
                                 
                                 self._hide();
 
-                                let catBox = CatalogQueryBox.getInstance(self.aladin, self.position.nextTo);
+                                let catBox = CatalogQueryBox.getInstance(self.aladin, self.position);
                                 catBox._show();
 
                                 self.mode = 'search';
@@ -359,7 +359,7 @@ export class OverlayStack extends ContextMenu {
         this.mode = 'stack';
 
         if (this.position) {
-            let catBox = CatalogQueryBox.getInstance(this.aladin, this.position.nextTo);
+            let catBox = CatalogQueryBox.getInstance(this.aladin, this.position);
             catBox._hide();
         }
        
diff --git a/src/js/gui/CtxMenu/Settings.js b/src/js/gui/CtxMenu/Settings.js
index 34f15130e..eac7a644b 100644
--- a/src/js/gui/CtxMenu/Settings.js
+++ b/src/js/gui/CtxMenu/Settings.js
@@ -93,7 +93,14 @@ export class SettingsCtxMenu extends ContextMenu {
                 self.aladin.showHealpixGrid(newVal)
             }
         })
-        self.reticleCheckbox = Input.checkbox({name: 'reticle', checked: this.aladin.isReticleDisplayed()})
+        self.reticleCheckbox = Input.checkbox({
+            name: 'reticle',
+            checked: this.aladin.isReticleDisplayed(),
+            click(e) {
+                let newVal = self.toggleCheckbox(self.reticleCheckbox);
+                self.aladin.showReticle(newVal)
+            }
+        })
 
         this.menu = menu;
         
@@ -292,11 +299,15 @@ export class SettingsCtxMenu extends ContextMenu {
         ]);
     }
 
-    _show() {
+    _show(options) {
+        this.position = (options && options.position) || this.position || { anchor: 'center center'}; 
+
         super.show({
-            position: {
-                nextTo: this.menu.controls['settings'],
-                direction: 'bottom',
+            position: this.position,
+            cssStyle: {
+                color: 'white',
+                backgroundColor: 'black',
+                maxWidth: '20em',
             }
         })
     }
diff --git a/src/js/gui/Location.js b/src/js/gui/Location.js
index f658e2216..d4fb8988b 100644
--- a/src/js/gui/Location.js
+++ b/src/js/gui/Location.js
@@ -38,7 +38,6 @@ import copyIconBtn from '../../../assets/icons/copy.svg';
 import { ALEvent } from "../events/ALEvent.js";
 import { Layout } from "./Layout.js";
 import { ActionButton } from "./Widgets/ActionButton.js";
-import { ShortLivedBox } from "./Box/ShortLivedBox.js";
 
 export class Location extends DOMElement {
     // constructor
@@ -153,19 +152,15 @@ export class Location extends DOMElement {
         navigator.clipboard.writeText(copyTextEl.innerText)
             .then(() => {
                 msg = 'successful'
-
-                let infoBox = ShortLivedBox.getInstance(this.aladin);
-                infoBox._show({
-                    content: 'Position saved!',
+                this.aladin.statusBar.appendMessage({
+                    message: 'Reticle location saved!',
                     duration: 2000,
-                    position: {
-                        anchor: 'center bottom'
-                    }
+                    type: 'info'
                 })
             })
-            .catch(() => {
+            .catch((e) => {
                 msg = 'unsuccessful'
-                console.info('Oops, unable to copy');
+                console.info('Oops, unable to copy', e);
             })
             .finally(() => {
                 console.info('Copying text command was ' + msg);
diff --git a/src/js/gui/Toolbar/Menu.js b/src/js/gui/Toolbar/Menu.js
index fe664529b..002e55c67 100644
--- a/src/js/gui/Toolbar/Menu.js
+++ b/src/js/gui/Toolbar/Menu.js
@@ -84,7 +84,7 @@ import { MainSurveyActionButton } from "../Button/MainSurvey";
                             survey._show({
                                 position: {
                                     nextTo: self.controls['survey'],
-                                    direction: 'bottom',
+                                    direction: options.direction === 'horizontal' ? 'bottom' : 'left',
                                 }
                             });
                         }
@@ -106,7 +106,7 @@ import { MainSurveyActionButton } from "../Button/MainSurvey";
                         stack._show({
                             position: {
                                 nextTo: self.controls['stack'],
-                                direction: 'bottom',
+                                direction: options.direction === 'horizontal' ? 'bottom' : 'left',
                             }
                         });
                     }
@@ -127,7 +127,7 @@ import { MainSurveyActionButton } from "../Button/MainSurvey";
                         overlay._show({
                             position: {
                                 nextTo: self.controls['overlay'],
-                                direction: 'bottom',
+                                direction: options.direction === 'horizontal' ? 'bottom' : 'left',
                             }
                         });
                     }
@@ -149,7 +149,7 @@ import { MainSurveyActionButton } from "../Button/MainSurvey";
                         goto._show({
                             position: {
                                 nextTo: self.controls['goto'],
-                                direction: 'bottom',
+                                direction: options.direction === 'horizontal' ? 'bottom' : 'left',
                             }
                         });
                     }
@@ -170,7 +170,7 @@ import { MainSurveyActionButton } from "../Button/MainSurvey";
                         grid._show({
                             position: {
                                 nextTo: self.controls['grid'],
-                                direction: 'bottom',
+                                direction: options.direction === 'horizontal' ? 'bottom' : 'left',
                             }
                         });
                     }
@@ -191,7 +191,7 @@ import { MainSurveyActionButton } from "../Button/MainSurvey";
                         settings._show({
                             position: {
                                 nextTo: self.controls["settings"],
-                                direction: 'bottom',
+                                direction: options.direction === 'horizontal' ? 'bottom' : 'left',
                             }
                         });
                     }
diff --git a/src/js/gui/widgets/Box.js b/src/js/gui/widgets/Box.js
index 7b334648e..ed8cd403b 100644
--- a/src/js/gui/widgets/Box.js
+++ b/src/js/gui/widgets/Box.js
@@ -175,7 +175,13 @@ export class Box extends DOMElement {
         }
 
         if (this.options.content) {
-            this.appendContent(this.options.content);
+            let content = this.options.content
+
+            if (Array.isArray(content)) {
+                this.appendContent(Layout.horizontal(content));
+            } else {
+                this.appendContent(content);
+            }
         }
 
         if (this.options.position) {
diff --git a/src/js/vo/VOTable.js b/src/js/vo/VOTable.js
index bfac21b25..2c2ffc6f8 100644
--- a/src/js/vo/VOTable.js
+++ b/src/js/vo/VOTable.js
@@ -250,6 +250,7 @@ export class VOTable {
     constructor(url, successCallback, errorCallback, useProxy) {
         Utils.fetch({
             url,
+            desc: 'Loading VOTable located at: ' + url,
             useProxy,
             success: data => {
                 try {
@@ -280,7 +281,8 @@ export class VOTable {
         }
         
         // Case of SODA service
-        if(rsc.getAttribute('utype').includes('service')) {
+        let utype = rsc.getAttribute('utype');
+        if(utype && utype.includes('service')) {
             return VOTable._parseServiceRsc(rsc)
         }
 
