@jsenv/core 25.3.0 → 25.4.0

package/dist/toolbar/{toolbar_361afb84.html → toolbar_d3a918a4.html}

@@ -1915,19 +1915,28 @@ html[data-toolbar-visible] #toolbar-trigger {
                     <div class="files_compilation_text">
                       <span data-when="filesCompilation:no">Files shown are source files</span>
                       <span data-when="filesCompilation:html_only">Files shown are source files, except html</span>
-                      <span data-when="filesCompilation:yes">Files shown are compiled</span>
+                      <span data-when="filesCompilation:yes">Files shown are compiled for {runtime}</span>
+                      <span data-when="filesCompilation:mismatch">Files shown are compiled for an other runtime</span>
                     </div>
-                    <a data-when="compiled:yes" class="go_to_source_link" href="javascript:void(0);">Switch to source files</a>
-                    <a data-when="compiled:no" class="go_to_compiled_link" href="javascript:void(0);">Switch to compiled files</a>
+                    <a data-when="compilation_link:source" class="link_to_source_files" href="javascript:void(0);">Switch to source files</a>
+                    <a data-when="compilation_link:mismatch" class="link_to_appropriate_files" href="javascript:void(0);">Switch to appropriate files</a>
+                    <a data-when="compilation_link:compiled" class="link_to_compiled_files" href="javascript:void(0);">Switch to compiled files</a>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <button id="settings-button" class="toolbar-icon-wrapper">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" class="iconToolbar">
-              <path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>
-            </svg>
+            <div data-when="has_warning:yes">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.999 511.999" width="24px" height="24px" class="iconToolbar">
+                <path d="M506.43 421.536 291.573 49.394c-15.814-27.391-55.327-27.401-71.147 0L5.568 421.536c-15.814 27.391 3.934 61.616 35.574 61.616h429.714c31.629.001 51.394-34.214 35.574-61.616zm-231.609-36.502c0 10.394-8.427 18.821-18.821 18.821s-18.821-8.427-18.821-18.821v-11.239c0-10.394 8.427-18.821 18.821-18.821s18.821 8.427 18.821 18.821v11.239zm0-73.332c0 10.394-8.427 18.821-18.821 18.821s-18.821-8.427-18.821-18.821v-107.89c0-10.394 8.427-18.821 18.821-18.821s18.821 8.427 18.821 18.821v107.89z"></path>
+              </svg>
+            </div>
+            <div data-when="has_warning:no">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" class="iconToolbar">
+                <path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>
+              </svg>
+            </div>
           </button>
         </section>
 
@@ -2278,7 +2287,7 @@ html[data-toolbar-visible] #toolbar-trigger {
       /* eslint-env browser */
 
 
-      function _await$5(value, then, direct) {
+      function _await$a(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -2290,7 +2299,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return then ? value.then(then) : value;
       }
 
-      function _async$6(f) {
+      function _async$a(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -2317,7 +2326,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         }
       }
 
-      var fetchUsingXHR = _async$6(function (url) {
+      var fetchUsingXHR = _async$a(function (url) {
         var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
             signal = _ref.signal,
             _ref$method = _ref.method,
@@ -2401,7 +2410,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         }
 
         xhr.send(body);
-        return _await$5(headersPromise, function () {
+        return _await$a(headersPromise, function () {
           // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL
           var responseUrl = "responseURL" in xhr ? xhr.responseURL : headers["x-request-url"];
           var responseStatus = xhr.status;
@@ -2409,7 +2418,7 @@ html[data-toolbar-visible] #toolbar-trigger {
           var responseHeaders = getHeadersFromXHR(xhr);
 
           var readBody = function readBody() {
-            return _await$5(bodyPromise, function () {
+            return _await$a(bodyPromise, function () {
               var status = xhr.status; // in Chrome on file:/// URLs, status is 0
 
               if (status === 0) {
@@ -2445,7 +2454,7 @@ html[data-toolbar-visible] #toolbar-trigger {
             return _call$2(text, JSON.parse);
           };
 
-          var blob = _async$6(function () {
+          var blob = _async$a(function () {
             if (!hasBlob) {
               throw new Error("blob not supported");
             }
@@ -2482,7 +2491,7 @@ html[data-toolbar-visible] #toolbar-trigger {
             });
           };
 
-          var formData = _async$6(function () {
+          var formData = _async$a(function () {
             if (!hasFormData) {
               throw new Error("formData not supported");
             }
@@ -2663,7 +2672,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return form;
       };
 
-      var blobToArrayBuffer = _async$6(function (blob) {
+      var blobToArrayBuffer = _async$a(function (blob) {
         var reader = new FileReader();
         var promise = fileReaderReady(reader);
         reader.readAsArrayBuffer(blob);
@@ -2714,7 +2723,7 @@ html[data-toolbar-visible] #toolbar-trigger {
 
       var _excluded$1 = ["mode"];
 
-      function _await$4(value, then, direct) {
+      function _await$9(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -2726,7 +2735,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return then ? value.then(then) : value;
       }
 
-      function _async$5(f) {
+      function _async$9(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -2740,14 +2749,14 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      var fetchNative = _async$5(function (url) {
+      var fetchNative = _async$9(function (url) {
         var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
         var _ref$mode = _ref.mode,
             mode = _ref$mode === void 0 ? "cors" : _ref$mode,
             options = _objectWithoutProperties(_ref, _excluded$1);
 
-        return _await$4(window.fetch(url, _objectSpread2({
+        return _await$9(window.fetch(url, _objectSpread2({
           mode: mode
         }, options)), function (response) {
           return {
@@ -2784,7 +2793,7 @@ html[data-toolbar-visible] #toolbar-trigger {
 
       var fetchUrl = typeof window.fetch === "function" && typeof window.AbortController === "function" ? fetchNative : fetchUsingXHR;
 
-      function _await$3(value, then, direct) {
+      function _await$8(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -2796,7 +2805,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return then ? value.then(then) : value;
       }
 
-      function _async$4(f) {
+      function _async$8(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -2810,14 +2819,14 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      var fetchJson = _async$4(function (url) {
+      var fetchJson = _async$8(function (url) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return _await$3(fetchUrl(url, options), function (response) {
-          return _await$3(response.json());
+        return _await$8(fetchUrl(url, options), function (response) {
+          return _await$8(response.json());
         });
       });
 
-      function _await$2(value, then, direct) {
+      function _await$7(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -2829,7 +2838,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return then ? value.then(then) : value;
       }
 
-      function _catch$1(body, recover) {
+      function _catch$5(body, recover) {
         try {
           var result = body();
         } catch (e) {
@@ -2843,7 +2852,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return result;
       }
 
-      function _async$3(f) {
+      function _async$7(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -2857,12 +2866,12 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      var fetchExploringJson = _async$3(function () {
+      var fetchExploringJson = _async$7(function () {
         var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
             signal = _ref.signal;
 
-        return _catch$1(function () {
-          return _await$2(fetchJson("/.jsenv/exploring.json", {
+        return _catch$5(function () {
+          return _await$7(fetchJson("/.jsenv/exploring.json", {
             signal: signal
           }));
         }, function (e) {
@@ -3122,33 +3131,6 @@ html[data-toolbar-visible] #toolbar-trigger {
         });
       };
 
-      var renderToolbarSettings = function renderToolbarSettings() {
-        document.querySelector("#settings-button").onclick = toggleSettings;
-        document.querySelector("#button-close-settings").onclick = toggleSettings;
-      };
-
-      var toggleSettings = function toggleSettings() {
-        if (settingsAreVisible()) {
-          hideSettings();
-        } else {
-          showSettings();
-        }
-      };
-
-      var settingsAreVisible = function settingsAreVisible() {
-        return toolbarSectionIsActive(document.querySelector("#settings"));
-      };
-
-      var hideSettings = function hideSettings() {
-        deactivateToolbarSection(document.querySelector("#settings"));
-        updateIframeOverflowOnParentWindow();
-      };
-
-      var showSettings = function showSettings() {
-        activateToolbarSection(document.querySelector("#settings"));
-        updateIframeOverflowOnParentWindow();
-      };
-
       var enableVariant = function enableVariant(rootNode, variables) {
         var nodesNotMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingACondition, "]")));
         nodesNotMatching.forEach(function (nodeNotMatching) {
@@ -3214,9 +3196,48 @@ html[data-toolbar-visible] #toolbar-trigger {
         node.removeAttribute(name);
       };
 
+      var renderToolbarSettings = function renderToolbarSettings() {
+        document.querySelector("#settings-button").onclick = toggleSettings;
+        document.querySelector("#button-close-settings").onclick = toggleSettings;
+      };
+
+      var toggleSettings = function toggleSettings() {
+        if (settingsAreVisible()) {
+          hideSettings();
+        } else {
+          showSettings();
+        }
+      };
+
+      var enableWarningStyle = function enableWarningStyle() {
+        enableVariant(document.querySelector("#settings-button"), {
+          has_warning: "yes"
+        });
+      };
+
+      var disableWarningStyle = function disableWarningStyle() {
+        enableVariant(document.querySelector("#settings-button"), {
+          has_warning: "no"
+        });
+      };
+
+      var settingsAreVisible = function settingsAreVisible() {
+        return toolbarSectionIsActive(document.querySelector("#settings"));
+      };
+
+      var hideSettings = function hideSettings() {
+        deactivateToolbarSection(document.querySelector("#settings"));
+        updateIframeOverflowOnParentWindow();
+      };
+
+      var showSettings = function showSettings() {
+        activateToolbarSection(document.querySelector("#settings"));
+        updateIframeOverflowOnParentWindow();
+      };
+
       var _excluded = ["clickToFocus", "clickToClose"];
 
-      function _async$2(f) {
+      function _async$6(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -3230,7 +3251,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      function _await$1(value, then, direct) {
+      function _await$6(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -3346,7 +3367,7 @@ html[data-toolbar-visible] #toolbar-trigger {
       };
 
       var permission = "default";
-      var notify = notificationAvailable ? _async$2(function (title) {
+      var notify = notificationAvailable ? _async$6(function (title) {
         var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
         var _ref$clickToFocus = _ref.clickToFocus,
@@ -3386,10 +3407,10 @@ html[data-toolbar-visible] #toolbar-trigger {
         return notification;
       }) : function () {};
       var requestPromise;
-      var requestPermission = notificationAvailable ? _async$2(function () {
+      var requestPermission = notificationAvailable ? _async$6(function () {
         if (requestPromise) return requestPromise;
         requestPromise = Notification.requestPermission();
-        return _await$1(requestPromise, function (_requestPromise) {
+        return _await$6(requestPromise, function (_requestPromise) {
           permission = _requestPromise;
           requestPromise = undefined;
           return permission;
@@ -3700,172 +3721,6 @@ html[data-toolbar-visible] #toolbar-trigger {
           input.style.width = "".concat(input.value.length, "ch");
         }
       };
-
-      var createDetailedMessage = function createDetailedMessage(message) {
-        var details = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var string = "".concat(message);
-        Object.keys(details).forEach(function (key) {
-          var value = details[key];
-          string += "\n--- ".concat(key, " ---\n").concat(Array.isArray(value) ? value.join("\n") : value);
-        });
-        return string;
-      };
-
-      var COMPILE_ID_OTHERWISE = "otherwise";
-
-      var computeCompileIdFromGroupId = function computeCompileIdFromGroupId(_ref) {
-        var groupId = _ref.groupId,
-            groupMap = _ref.groupMap;
-
-        if (typeof groupId === "undefined") {
-          if (COMPILE_ID_OTHERWISE in groupMap) {
-            return COMPILE_ID_OTHERWISE;
-          }
-
-          var keys = Object.keys(groupMap);
-
-          if (keys.length === 1) {
-            return keys[0];
-          }
-
-          throw new Error(createUnexpectedGroupIdMessage({
-            groupMap: groupMap
-          }));
-        }
-
-        if (groupId in groupMap === false) {
-          throw new Error(createUnexpectedGroupIdMessage({
-            groupId: groupId,
-            groupMap: groupMap
-          }));
-        }
-
-        return groupId;
-      };
-
-      var createUnexpectedGroupIdMessage = function createUnexpectedGroupIdMessage(_ref2) {
-        var _createDetailedMessag;
-
-        var compileId = _ref2.compileId,
-            groupMap = _ref2.groupMap;
-        return createDetailedMessage("unexpected groupId.", (_createDetailedMessag = {}, _defineProperty(_createDetailedMessag, "expected compiled id", Object.keys(groupMap)), _defineProperty(_createDetailedMessag, "received compile id", compileId), _createDetailedMessag));
-      };
-
-      var valueToVersion = function valueToVersion(value) {
-        if (typeof value === "number") {
-          return numberToVersion(value);
-        }
-
-        if (typeof value === "string") {
-          return stringToVersion(value);
-        }
-
-        throw new TypeError("version must be a number or a string, got ".concat(value));
-      };
-
-      var numberToVersion = function numberToVersion(number) {
-        return {
-          major: number,
-          minor: 0,
-          patch: 0
-        };
-      };
-
-      var stringToVersion = function stringToVersion(string) {
-        if (string.indexOf(".") > -1) {
-          var parts = string.split(".");
-          return {
-            major: Number(parts[0]),
-            minor: parts[1] ? Number(parts[1]) : 0,
-            patch: parts[2] ? Number(parts[2]) : 0
-          };
-        }
-
-        if (isNaN(string)) {
-          return {
-            major: 0,
-            minor: 0,
-            patch: 0
-          };
-        }
-
-        return {
-          major: Number(string),
-          minor: 0,
-          patch: 0
-        };
-      };
-
-      var versionCompare = function versionCompare(versionA, versionB) {
-        var semanticVersionA = valueToVersion(versionA);
-        var semanticVersionB = valueToVersion(versionB);
-        var majorDiff = semanticVersionA.major - semanticVersionB.major;
-
-        if (majorDiff > 0) {
-          return majorDiff;
-        }
-
-        if (majorDiff < 0) {
-          return majorDiff;
-        }
-
-        var minorDiff = semanticVersionA.minor - semanticVersionB.minor;
-
-        if (minorDiff > 0) {
-          return minorDiff;
-        }
-
-        if (minorDiff < 0) {
-          return minorDiff;
-        }
-
-        var patchDiff = semanticVersionA.patch - semanticVersionB.patch;
-
-        if (patchDiff > 0) {
-          return patchDiff;
-        }
-
-        if (patchDiff < 0) {
-          return patchDiff;
-        }
-
-        return 0;
-      };
-
-      var versionIsBelow = function versionIsBelow(versionSupposedBelow, versionSupposedAbove) {
-        return versionCompare(versionSupposedBelow, versionSupposedAbove) < 0;
-      };
-
-      var findHighestVersion = function findHighestVersion() {
-        for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
-          values[_key] = arguments[_key];
-        }
-
-        if (values.length === 0) throw new Error("missing argument");
-        return values.reduce(function (highestVersion, value) {
-          if (versionIsBelow(highestVersion, value)) {
-            return value;
-          }
-
-          return highestVersion;
-        });
-      };
-
-      var resolveGroup = function resolveGroup(_ref, groupMap) {
-        var name = _ref.name,
-            version = _ref.version;
-        return Object.keys(groupMap).find(function (compileIdCandidate) {
-          var minRuntimeVersions = groupMap[compileIdCandidate].minRuntimeVersions;
-          var versionForGroup = minRuntimeVersions[name];
-
-          if (!versionForGroup) {
-            return false;
-          }
-
-          var highestVersion = findHighestVersion(version, versionForGroup);
-          return highestVersion === version;
-        });
-      };
       /*
        * Prefer window.navigator.userAgentData before resorting to
        * window.navigator.userAgent because of
@@ -4125,7 +3980,32 @@ html[data-toolbar-visible] #toolbar-trigger {
         return version;
       };
 
-      function _await(value, then, direct) {
+      var executeWithScriptModuleInjection = function executeWithScriptModuleInjection(code) {
+        var scriptModule = document.createElement("script");
+        scriptModule.type = "module";
+        var loadPromise = new Promise(function (resolve, reject) {
+          scriptModule.onload = function () {
+            document.body.removeChild(scriptModule);
+            resolve();
+          };
+
+          scriptModule.onerror = function () {
+            document.body.removeChild(scriptModule);
+            reject();
+          };
+
+          document.body.appendChild(scriptModule);
+        });
+        scriptModule.src = asBase64Url(code);
+        return loadPromise;
+      };
+
+      var asBase64Url = function asBase64Url(text) {
+        var mimeType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "application/javascript";
+        return "data:".concat(mimeType, ";base64,").concat(window.btoa(text));
+      };
+
+      function _await$5(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4137,7 +4017,21 @@ html[data-toolbar-visible] #toolbar-trigger {
         return then ? value.then(then) : value;
       }
 
-      function _async$1(f) {
+      function _catch$4(body, recover) {
+        try {
+          var result = body();
+        } catch (e) {
+          return recover(e);
+        }
+
+        if (result && result.then) {
+          return result.then(void 0, recover);
+        }
+
+        return result;
+      }
+
+      function _async$5(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -4151,30 +4045,52 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      function _call$1(body, then, direct) {
-        if (direct) {
-          return then ? then(body()) : body();
-        }
+      var supportsImportmap = _async$5(function () {
+        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref$remote = _ref.remote,
+            remote = _ref$remote === void 0 ? true : _ref$remote;
 
-        try {
-          var result = Promise.resolve(body());
-          return then ? result.then(then) : result;
-        } catch (e) {
-          return Promise.reject(e);
+        var specifier = asBase64Url("export default false");
+        var importMap = {
+          imports: _defineProperty({}, specifier, asBase64Url("export default true"))
+        };
+        var importmapScript = document.createElement("script");
+        var importmapString = JSON.stringify(importMap, null, "  ");
+        importmapScript.type = "importmap";
+
+        if (remote) {
+          importmapScript.src = "data:application/json;base64,".concat(window.btoa(importmapString));
+        } else {
+          importmapScript.textContent = importmapString;
         }
-      }
 
-      function _invoke(body, then) {
-        var result = body();
+        document.body.appendChild(importmapScript);
+        return _catch$4(function () {
+          return _await$5(executeWithScriptModuleInjection("import supported from \"".concat(specifier, "\"; window.__jsenv_runtime_test_importmap__ = supported")), function () {
+            document.body.removeChild(importmapScript);
+            var supported = window.__jsenv_runtime_test_importmap__;
+            delete window.__jsenv_runtime_test_importmap__;
+            return supported;
+          });
+        }, function () {
+          document.body.removeChild(importmapScript);
+          return false;
+        });
+      });
+
+      function _await$4(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
-        if (result && result.then) {
-          return result.then(then);
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
         }
 
-        return then(result);
+        return then ? value.then(then) : value;
       }
 
-      function _catch(body, recover) {
+      function _catch$3(body, recover) {
         try {
           var result = body();
         } catch (e) {
@@ -4188,177 +4104,175 @@ html[data-toolbar-visible] #toolbar-trigger {
         return result;
       }
 
-      var scanBrowserRuntimeFeatures = _async$1(function () {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref$coverageHandledF = _ref.coverageHandledFromOutside,
-            coverageHandledFromOutside = _ref$coverageHandledF === void 0 ? false : _ref$coverageHandledF,
-            _ref$failFastOnFeatur = _ref.failFastOnFeatureDetection,
-            failFastOnFeatureDetection = _ref$failFastOnFeatur === void 0 ? false : _ref$failFastOnFeatur;
+      function _async$4(f) {
+        return function () {
+          for (var args = [], i = 0; i < arguments.length; i++) {
+            args[i] = arguments[i];
+          }
 
-        return _await(fetchJson("/.jsenv/__compile_server_meta__.json"), function (_ref2) {
-          var outDirectoryRelativeUrl = _ref2.outDirectoryRelativeUrl,
-              inlineImportMapIntoHTML = _ref2.inlineImportMapIntoHTML,
-              customCompilerPatterns = _ref2.customCompilerPatterns,
-              compileServerGroupMap = _ref2.compileServerGroupMap;
-          var browser = detectBrowser();
-          var compileId = computeCompileIdFromGroupId({
-            groupId: resolveGroup(browser, compileServerGroupMap),
-            groupMap: compileServerGroupMap
-          });
-          var groupInfo = compileServerGroupMap[compileId];
-          var featuresReport = {
-            importmap: undefined,
-            dynamicImport: undefined,
-            topLevelAwait: undefined,
-            jsonImportAssertions: undefined,
-            cssImportAssertions: undefined,
-            newStylesheet: undefined
-          };
-          return _await(detectSupportedFeatures({
-            featuresReport: featuresReport,
-            failFastOnFeatureDetection: failFastOnFeatureDetection,
-            inlineImportMapIntoHTML: inlineImportMapIntoHTML
-          }), function () {
-            return _await(adjustMissingFeatureNames(groupInfo, {
-              featuresReport: featuresReport,
-              coverageHandledFromOutside: coverageHandledFromOutside
-            }), function (missingFeatureNames) {
-              var canAvoidCompilation = customCompilerPatterns.length === 0 && missingFeatureNames.length === 0 && featuresReport.importmap && featuresReport.dynamicImport && featuresReport.topLevelAwait;
-              return {
-                canAvoidCompilation: canAvoidCompilation,
-                featuresReport: featuresReport,
-                customCompilerPatterns: customCompilerPatterns,
-                missingFeatureNames: missingFeatureNames,
-                inlineImportMapIntoHTML: inlineImportMapIntoHTML,
-                outDirectoryRelativeUrl: outDirectoryRelativeUrl,
-                compileId: compileId,
-                browser: browser
-              };
+          try {
+            return Promise.resolve(f.apply(this, args));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+      }
+
+      var supportsDynamicImport = _async$4(function () {
+        var moduleSource = asBase64Url("export default 42");
+        return _catch$3(function () {
+          return _await$4(executeWithScriptModuleInjection("window.__jsenv_runtime_test_dynamic_import__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
+            return _await$4(window.__jsenv_runtime_test_dynamic_import__, function (namespace) {
+              delete window.__jsenv_runtime_test_dynamic_import__;
+              return namespace.default === 42;
             });
           });
+        }, function () {
+          return false;
         });
       });
 
-      var adjustMissingFeatureNames = _async$1(function (groupInfo, _ref3) {
-        var featuresReport = _ref3.featuresReport,
-            coverageHandledFromOutside = _ref3.coverageHandledFromOutside;
-        var missingFeatureNames = groupInfo.missingFeatureNames;
-        var missingFeatureNamesCopy = missingFeatureNames.slice();
+      function _await$3(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
-        var markAsSupported = function markAsSupported(name) {
-          var index = missingFeatureNamesCopy.indexOf(name);
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
 
-          if (index > -1) {
-            missingFeatureNamesCopy.splice(index, 1);
-          }
-        }; // When instrumentation CAN be handed by playwright
-        // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions
-        // coverageHandledFromOutside is true and "transform-instrument" becomes non mandatory
+        return then ? value.then(then) : value;
+      }
 
+      function _catch$2(body, recover) {
+        try {
+          var result = body();
+        } catch (e) {
+          return recover(e);
+        }
 
-        if (coverageHandledFromOutside) {
-          markAsSupported("transform-instrument");
+        if (result && result.then) {
+          return result.then(void 0, recover);
         }
 
-        return _invoke(function () {
-          if (missingFeatureNames.includes("transform-import-assertions")) {
-            return _call$1(supportsJsonImportAssertions, function (jsonImportAssertions) {
-              featuresReport.jsonImportAssertions = jsonImportAssertions;
-              return _call$1(supportsCssImportAssertions, function (cssImportAssertions) {
-                featuresReport.cssImportAssertions = cssImportAssertions;
+        return result;
+      }
 
-                if (jsonImportAssertions && cssImportAssertions) {
-                  markAsSupported("transform-import-assertions");
-                }
-              });
-            });
-          }
+      var supportsTopLevelAwait = function supportsTopLevelAwait() {
+        return _await$3(_catch$2(function () {
+          return _await$3(executeWithScriptModuleInjection("window.__jsenv_runtime_test_top_level_await__ = await Promise.resolve(42)"), function () {
+            var supported = window.__jsenv_runtime_test_top_level_await__ === 42;
+            delete window.__jsenv_runtime_test_top_level_await__;
+            return supported;
+          });
         }, function () {
-          if (missingFeatureNames.includes("new-stylesheet-as-jsenv-import")) {
-            var newStylesheet = supportsNewStylesheet();
-            featuresReport.newStylesheet = newStylesheet;
-            markAsSupported("new-stylesheet-as-jsenv-import");
-          }
+          return false;
+        }));
+      };
 
-          return missingFeatureNamesCopy;
-        });
-      });
+      function _await$2(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
-      var detectSupportedFeatures = _async$1(function (_ref4) {
-        var featuresReport = _ref4.featuresReport,
-            failFastOnFeatureDetection = _ref4.failFastOnFeatureDetection,
-            inlineImportMapIntoHTML = _ref4.inlineImportMapIntoHTML; // start testing importmap support first and not in paralell
-        // so that there is not module script loaded beore importmap is injected
-        // it would log an error in chrome console and return undefined
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
 
-        return _await(supportsImportmap({
-          // chrome supports inline but not remote importmap
-          // https://github.com/WICG/import-maps/issues/235
-          // at this stage we won't know if the html file will use
-          // an importmap or not and if that importmap is inline or specified with an src
-          // so we should test if browser support local and remote importmap.
-          // But there exploring server can inline importmap by transforming html
-          // and in that case we can test only the local importmap support
-          // so we test importmap support and the remote one
-          remote: !inlineImportMapIntoHTML
-        }), function (importmap) {
-          featuresReport.importmap = importmap;
+        return then ? value.then(then) : value;
+      }
 
-          if (!importmap && failFastOnFeatureDetection) {
-            return;
-          }
+      function _catch$1(body, recover) {
+        try {
+          var result = body();
+        } catch (e) {
+          return recover(e);
+        }
 
-          return _call$1(supportsDynamicImport, function (dynamicImport) {
-            featuresReport.dynamicImport = dynamicImport;
+        if (result && result.then) {
+          return result.then(void 0, recover);
+        }
 
-            if (!dynamicImport && failFastOnFeatureDetection) {
-              return;
-            }
+        return result;
+      }
+
+      function _async$3(f) {
+        return function () {
+          for (var args = [], i = 0; i < arguments.length; i++) {
+            args[i] = arguments[i];
+          }
+
+          try {
+            return Promise.resolve(f.apply(this, args));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+      }
 
-            return _call$1(supportsTopLevelAwait, function (topLevelAwait) {
-              featuresReport.topLevelAwait = topLevelAwait;
+      var supportsJsonImportAssertions = _async$3(function () {
+        var jsonBase64Url = asBase64Url("42", "application/json");
+        var moduleSource = asBase64Url("import data from \"".concat(jsonBase64Url, "\" assert { type: \"json\" }\n  export default data"));
+        return _catch$1(function () {
+          return _await$2(executeWithScriptModuleInjection("window.__jsenv_runtime_test_json_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
+            return _await$2(window.__jsenv_runtime_test_json_import_assertion__, function (namespace) {
+              var supported = namespace.default === 42;
+              delete window.__jsenv_runtime_test_json_import_assertion__;
+              return supported;
             });
           });
+        }, function () {
+          return false;
         });
       });
 
-      var supportsImportmap = _async$1(function () {
-        var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref5$remote = _ref5.remote,
-            remote = _ref5$remote === void 0 ? true : _ref5$remote;
+      function _await$1(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
-        var specifier = asBase64Url("export default false");
-        var importMap = {
-          imports: _defineProperty({}, specifier, asBase64Url("export default true"))
-        };
-        var importmapScript = document.createElement("script");
-        var importmapString = JSON.stringify(importMap, null, "  ");
-        importmapScript.type = "importmap";
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
 
-        if (remote) {
-          importmapScript.src = "data:application/json;base64,".concat(window.btoa(importmapString));
-        } else {
-          importmapScript.textContent = importmapString;
+        return then ? value.then(then) : value;
+      }
+
+      function _catch(body, recover) {
+        try {
+          var result = body();
+        } catch (e) {
+          return recover(e);
         }
 
-        document.body.appendChild(importmapScript);
-        return _catch(function () {
-          return _await(executeWithScriptModuleInjection("import supported from \"".concat(specifier, "\"; window.__jsenv_runtime_test_importmap__ = supported")), function () {
-            document.body.removeChild(importmapScript);
-            return window.__jsenv_runtime_test_importmap__;
-          });
-        }, function () {
-          document.body.removeChild(importmapScript);
-          return false;
-        });
-      });
+        if (result && result.then) {
+          return result.then(void 0, recover);
+        }
 
-      var supportsDynamicImport = _async$1(function () {
-        var moduleSource = asBase64Url("export default 42");
+        return result;
+      }
+
+      function _async$2(f) {
+        return function () {
+          for (var args = [], i = 0; i < arguments.length; i++) {
+            args[i] = arguments[i];
+          }
+
+          try {
+            return Promise.resolve(f.apply(this, args));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+      }
+
+      var supportsCssImportAssertions = _async$2(function () {
+        var cssBase64Url = asBase64Url("p { color: red; }", "text/css");
+        var moduleSource = asBase64Url("import css from \"".concat(cssBase64Url, "\" assert { type: \"css\" }\n  export default css"));
         return _catch(function () {
-          return _await(executeWithScriptModuleInjection("window.__jsenv_runtime_test_dynamic_import__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
-            return _await(window.__jsenv_runtime_test_dynamic_import__, function (namespace) {
-              return namespace.default === 42;
+          return _await$1(executeWithScriptModuleInjection("window.__jsenv_runtime_test_css_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
+            return _await$1(window.__jsenv_runtime_test_css_import_assertion__, function (namespace) {
+              return namespace.default instanceof CSSStyleSheet;
             });
           });
         }, function () {
@@ -4376,74 +4290,140 @@ html[data-toolbar-visible] #toolbar-trigger {
         }
       };
 
-      var supportsTopLevelAwait = function supportsTopLevelAwait() {
-        return _await(_catch(function () {
-          return _await(executeWithScriptModuleInjection("window.__jsenv_runtime_test_top_level_await__ = await Promise.resolve(42)"), function () {
-            return window.__jsenv_runtime_test_top_level_await__ === 42;
-          });
-        }, function () {
-          return false;
-        }));
-      }; // to execute in a browser devtools
-      // const featuresReport = {}
-      // await detectSupportedFeatures({ featuresReport, inlineImportMapIntoHTML: true })
-      // console.log(featuresReport)
+      function _await(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
 
-      var supportsJsonImportAssertions = _async$1(function () {
-        var jsonBase64Url = asBase64Url("42", "application/json");
-        var moduleSource = asBase64Url("import data from \"".concat(jsonBase64Url, "\" assert { type: \"json\" }\nexport default data"));
-        return _catch(function () {
-          return _await(executeWithScriptModuleInjection("window.__jsenv_runtime_test_json_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
-            return _await(window.__jsenv_runtime_test_json_import_assertion__, function (namespace) {
-              return namespace.default === 42;
-            });
-          });
-        }, function () {
-          return false;
-        });
-      });
+        return then ? value.then(then) : value;
+      }
 
-      var supportsCssImportAssertions = _async$1(function () {
-        var cssBase64Url = asBase64Url("p { color: red; }", "text/css");
-        var moduleSource = asBase64Url("import css from \"".concat(cssBase64Url, "\" assert { type: \"css\" }\nexport default css"));
-        return _catch(function () {
-          return _await(executeWithScriptModuleInjection("window.__jsenv_runtime_test_css_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
-            return _await(window.__jsenv_runtime_test_css_import_assertion__, function (namespace) {
-              return namespace.default instanceof CSSStyleSheet;
+      function _async$1(f) {
+        return function () {
+          for (var args = [], i = 0; i < arguments.length; i++) {
+            args[i] = arguments[i];
+          }
+
+          try {
+            return Promise.resolve(f.apply(this, args));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+      }
+
+      function _call$1(body, then, direct) {
+        if (direct) {
+          return then ? then(body()) : body();
+        }
+
+        try {
+          var result = Promise.resolve(body());
+          return then ? result.then(then) : result;
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+
+      var scanBrowserRuntimeFeatures = _async$1(function () {
+        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref$coverageHandledF = _ref.coverageHandledFromOutside,
+            coverageHandledFromOutside = _ref$coverageHandledF === void 0 ? false : _ref$coverageHandledF,
+            _ref$forceCompilation = _ref.forceCompilation,
+            forceCompilation = _ref$forceCompilation === void 0 ? false : _ref$forceCompilation,
+            _ref$forceSource = _ref.forceSource,
+            forceSource = _ref$forceSource === void 0 ? false : _ref$forceSource;
+
+        var jsenvCompileProfileUrl = "/__jsenv_compile_profile__";
+        return _await(fetchJson(jsenvCompileProfileUrl), function (_ref2) {
+          var jsenvDirectoryRelativeUrl = _ref2.jsenvDirectoryRelativeUrl,
+              inlineImportMapIntoHTML = _ref2.inlineImportMapIntoHTML;
+
+          var _detectBrowser = detectBrowser(),
+              name = _detectBrowser.name,
+              version = _detectBrowser.version;
+
+          return _await(detectSupportedFeatures({
+            coverageHandledFromOutside: coverageHandledFromOutside,
+            inlineImportMapIntoHTML: inlineImportMapIntoHTML
+          }), function (featuresReport) {
+            var runtimeReport = {
+              env: {
+                browser: true
+              },
+              name: name,
+              version: version,
+              featuresReport: featuresReport,
+              forceSource: forceSource,
+              forceCompilation: forceCompilation
+            };
+            return _await(fetchJson(jsenvCompileProfileUrl, {
+              method: "POST",
+              headers: {
+                "content-type": "application/json"
+              },
+              body: JSON.stringify(runtimeReport)
+            }), function (_ref3) {
+              var compileProfile = _ref3.compileProfile,
+                  compileId = _ref3.compileId;
+              return {
+                jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
+                inlineImportMapIntoHTML: inlineImportMapIntoHTML,
+                compileProfile: compileProfile,
+                compileId: compileId,
+                runtimeReport: runtimeReport
+              };
             });
           });
-        }, function () {
-          return false;
         });
       });
 
-      var executeWithScriptModuleInjection = function executeWithScriptModuleInjection(code) {
-        var scriptModule = document.createElement("script");
-        scriptModule.type = "module";
-        var loadPromise = new Promise(function (resolve, reject) {
-          scriptModule.onload = function () {
-            document.body.removeChild(scriptModule);
-            resolve();
-          };
+      var detectSupportedFeatures = _async$1(function (_ref4) {
+        var coverageHandledFromOutside = _ref4.coverageHandledFromOutside,
+            inlineImportMapIntoHTML = _ref4.inlineImportMapIntoHTML;
+        var featuresReport = {};
+        featuresReport["import_http"] = true;
+        featuresReport["coverage_js"] = coverageHandledFromOutside; // new CSSStyleSheet
+
+        featuresReport["new_stylesheet"] = supportsNewStylesheet(); // importmap
+        // start testing importmap support first and not in paralell
+        // so that there is not module script loaded beore importmap is injected
+        // it would log an error in chrome console and return undefined
 
-          scriptModule.onerror = function () {
-            document.body.removeChild(scriptModule);
-            reject();
-          };
+        return _await(supportsImportmap({
+          // chrome supports inline but not remote importmap
+          // https://github.com/WICG/import-maps/issues/235
+          // at this stage we won't know if the html file will use
+          // an importmap or not and if that importmap is inline or specified with an src
+          // so we should test if browser support local and remote importmap.
+          // But there exploring server can inline importmap by transforming html
+          // and in that case we can test only the local importmap support
+          // so we test importmap support and the remote one
+          remote: !inlineImportMapIntoHTML
+        }), function (_supportsImportmap) {
+          featuresReport.importmap = _supportsImportmap; // dynamic import
 
-          document.body.appendChild(scriptModule);
-        });
-        scriptModule.src = asBase64Url(code);
-        return loadPromise;
-      };
+          return _call$1(supportsDynamicImport, function (_supportsDynamicImpor) {
+            featuresReport["import_dynamic"] = _supportsDynamicImpor; // top level await
 
-      var asBase64Url = function asBase64Url(text) {
-        var mimeType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "application/javascript";
-        return "data:".concat(mimeType, ";base64,").concat(window.btoa(text));
-      }; // const cssImportAssertions = await supportsCssImportAssertions()
-      // console.log({ cssImportAssertions })
+            return _call$1(supportsTopLevelAwait, function (_supportsTopLevelAwai) {
+              featuresReport["top_level_await"] = _supportsTopLevelAwai; // import assertions
 
+              return _call$1(supportsJsonImportAssertions, function (_supportsJsonImportAs) {
+                featuresReport["import_assertion_type_json"] = _supportsJsonImportAs;
+                return _call$1(supportsCssImportAssertions, function (_supportsCssImportAss) {
+                  featuresReport["import_assertion_type_css"] = _supportsCssImportAss;
+                  return featuresReport;
+                });
+              });
+            });
+          });
+        });
+      });
 
       var renderCompilationInToolbar = function renderCompilationInToolbar(_ref) {
         var compileGroup = _ref.compileGroup;
@@ -4452,14 +4432,12 @@ html[data-toolbar-visible] #toolbar-trigger {
         removeForceHideElement(browserSupportRootNode);
         removeForceHideElement(filesCompilationRootNode);
         scanBrowserRuntimeFeatures().then(function (_ref2) {
-          var canAvoidCompilation = _ref2.canAvoidCompilation,
-              featuresReport = _ref2.featuresReport,
-              customCompilerPatterns = _ref2.customCompilerPatterns,
-              missingFeatureNames = _ref2.missingFeatureNames,
+          var jsenvDirectoryRelativeUrl = _ref2.jsenvDirectoryRelativeUrl,
               inlineImportMapIntoHTML = _ref2.inlineImportMapIntoHTML,
-              outDirectoryRelativeUrl = _ref2.outDirectoryRelativeUrl,
-              compileId = _ref2.compileId;
-          var browserSupport = canAvoidCompilation ? inlineImportMapIntoHTML ? "partial" : "full" : "no";
+              compileProfile = _ref2.compileProfile,
+              compileId = _ref2.compileId,
+              runtimeReport = _ref2.runtimeReport;
+          var browserSupport = compileId ? "no" : inlineImportMapIntoHTML ? "partial" : "full";
           enableVariant(browserSupportRootNode, {
             browserSupport: browserSupport
           });
@@ -4467,57 +4445,60 @@ html[data-toolbar-visible] #toolbar-trigger {
           if (browserSupport === "no") {
             browserSupportRootNode.querySelector("a.browser_support_read_more_link").onclick = function () {
               // eslint-disable-next-line no-alert
-              window.alert("Source files needs to be compiled to be executable in this browser because: ".concat(getBrowserSupportMessage({
-                missingOnly: true,
-                featuresReport: featuresReport,
-                customCompilerPatterns: customCompilerPatterns,
-                missingFeatureNames: missingFeatureNames,
-                inlineImportMapIntoHTML: inlineImportMapIntoHTML
+              window.alert("Source files needs to be compiled to be executable in this browser because: ".concat(listWhatIsMissing({
+                compileProfile: compileProfile
               })));
             };
           } else if (browserSupport === "partial") {
             browserSupportRootNode.querySelector("a.browser_support_read_more_link").onclick = function () {
               // eslint-disable-next-line no-alert
-              window.alert("Source files (except html) can be executed directly in this browser because: ".concat(getBrowserSupportMessage({
-                featuresReport: featuresReport,
-                customCompilerPatterns: customCompilerPatterns,
-                missingFeatureNames: missingFeatureNames,
+              window.alert("Source files (except html) can be executed directly in this browser because: ".concat(listWhatIsSupported({
                 inlineImportMapIntoHTML: inlineImportMapIntoHTML
               })));
             };
           } else if (browserSupport === "full") {
             browserSupportRootNode.querySelector("a.browser_support_read_more_link").onclick = function () {
               // eslint-disable-next-line no-alert
-              window.alert("Source files can be executed directly in this browser because: ".concat(getBrowserSupportMessage({
-                featuresReport: featuresReport,
-                customCompilerPatterns: customCompilerPatterns,
-                missingFeatureNames: missingFeatureNames,
+              window.alert("Source files can be executed directly in this browser because: ".concat(listWhatIsSupported({
                 inlineImportMapIntoHTML: inlineImportMapIntoHTML
               })));
             };
           }
 
-          var filesCompilation = compileGroup.compileId ? "yes" : inlineImportMapIntoHTML ? "html_only" : "no";
+          var actualCompileId = compileGroup.compileId;
+          var expectedCompiledId = compileId;
+          var shouldSwitchCompileId = expectedCompiledId && actualCompileId && actualCompileId !== expectedCompiledId;
+          var shouldCompile = !actualCompileId && browserSupport === "no";
+          var filesCompilation = shouldSwitchCompileId ? "mismatch" : actualCompileId ? "yes" : inlineImportMapIntoHTML ? "html_only" : "no";
+          var hasWarning = shouldCompile || shouldSwitchCompileId;
           enableVariant(filesCompilationRootNode, {
             filesCompilation: filesCompilation,
-            compiled: compileGroup.compileId ? "yes" : "no"
+            compilation_link: shouldSwitchCompileId ? "mismatch" : actualCompileId ? "source" : "compiled"
           });
 
-          filesCompilationRootNode.querySelector("a.go_to_source_link").onclick = function () {
-            window.parent.location = "/".concat(compileGroup.fileRelativeUrl);
+          if (filesCompilation === "yes") {
+            document.querySelector(".files_compilation_text").innerHTML = "Files shown are compiled for ".concat(runtimeReport.name, "@").concat(runtimeReport.version);
+          }
+
+          filesCompilationRootNode.querySelector("a.link_to_source_files").onclick = function () {
+            window.parent.location.href = "/".concat(compileGroup.fileRelativeUrl);
           };
 
-          filesCompilationRootNode.querySelector("a.go_to_compiled_link").onclick = function () {
-            window.parent.location = "/".concat(outDirectoryRelativeUrl).concat(compileId, "/").concat(compileGroup.fileRelativeUrl);
+          filesCompilationRootNode.querySelector("a.link_to_compiled_files").onclick = function () {
+            window.parent.location.href = "/".concat(jsenvDirectoryRelativeUrl).concat(compileId, "/").concat(compileGroup.fileRelativeUrl);
           };
 
-          var shouldCompile = filesCompilation !== "yes" && browserSupport === "no";
+          filesCompilationRootNode.querySelector("a.link_to_appropriate_files").onclick = function () {
+            window.parent.location.href = "/".concat(jsenvDirectoryRelativeUrl).concat(expectedCompiledId, "/").concat(compileGroup.fileRelativeUrl);
+          };
 
-          if (shouldCompile) {
+          if (hasWarning) {
+            enableWarningStyle();
             document.querySelector(".files_compilation_text").setAttribute("data-warning", "");
             document.querySelector(".browser_support_text").setAttribute("data-warning", "");
             document.querySelector("#settings-button").setAttribute("data-warning", "");
           } else {
+            disableWarningStyle();
             document.querySelector(".files_compilation_text").removeAttribute("data-warning");
             document.querySelector(".browser_support_text").removeAttribute("data-warning");
             document.querySelector("#settings-button").removeAttribute("data-warning");
@@ -4525,56 +4506,54 @@ html[data-toolbar-visible] #toolbar-trigger {
         });
       };
 
-      var getBrowserSupportMessage = function getBrowserSupportMessage(_ref3) {
-        var missingOnly = _ref3.missingOnly,
-            featuresReport = _ref3.featuresReport,
-            customCompilerPatterns = _ref3.customCompilerPatterns,
-            missingFeatureNames = _ref3.missingFeatureNames,
-            inlineImportMapIntoHTML = _ref3.inlineImportMapIntoHTML;
+      var listWhatIsSupported = function listWhatIsSupported(_ref3) {
+        var inlineImportMapIntoHTML = _ref3.inlineImportMapIntoHTML;
         var parts = [];
 
-        if (featuresReport.importmap) {
-          if (!missingOnly) {
-            if (inlineImportMapIntoHTML) {
-              parts.push("importmaps are supported (only when inlined in html files)");
-            } else {
-              parts.push("importmaps are supported");
-            }
-          }
+        if (inlineImportMapIntoHTML) {
+          parts.push("importmaps are supported (only when inlined in html files)");
         } else {
+          parts.push("importmaps are supported");
+        }
+
+        parts.push("dynamic imports are supported");
+        parts.push("top level await is supported");
+        parts.push("all features are natively supported");
+        return "\n- ".concat(parts.join("\n- "));
+      };
+
+      var listWhatIsMissing = function listWhatIsMissing(_ref4) {
+        var compileProfile = _ref4.compileProfile;
+        var parts = [];
+        var missingFeatures = compileProfile.missingFeatures;
+
+        if (missingFeatures.importmap) {
           parts.push("importmaps are not supported");
         }
 
-        if (featuresReport.dynamicImport) {
-          if (!missingOnly) {
-            parts.push("dynamic imports are supported");
-          }
-        } else {
+        if (missingFeatures.dynamicImport) {
           parts.push("dynamic imports are not supported");
         }
 
-        if (featuresReport.topLevelAwait) {
-          if (!missingOnly) {
-            parts.push("top level await is supported");
-          }
-        } else {
+        if (missingFeatures.topLevelAwait) {
           parts.push("top level await is not supported");
         }
 
+        var missingFeatureNames = Object.keys(missingFeatures).filter(function (name) {
+          return name !== "importmap" && name !== "dynamicImport" && name !== "topLevelAwait" && name !== "custom_compiler_patterns";
+        });
         var missingFeatureCount = missingFeatureNames.length;
 
-        if (missingFeatureCount === 0) {
-          if (!missingOnly) {
-            parts.push("all features are natively supported");
-          }
-        } else {
+        if (missingFeatureCount > 0) {
           parts.push("".concat(missingFeatureCount, " features are missing: ").concat(missingFeatureNames));
         }
 
-        var customCompilerCount = customCompilerPatterns.length;
-        if (customCompilerCount === 0) ;else {
-          parts.push("".concat(customCompilerCount, " custom compilers enabled: ").concat(customCompilerPatterns));
+        var custom_compiler_patterns = missingFeatures.custom_compiler_patterns;
+
+        if (custom_compiler_patterns) {
+          parts.push("".concat(custom_compiler_patterns.length, " custom compilers enabled: ").concat(custom_compiler_patterns));
         }
+
         return "\n- ".concat(parts.join("\n- "));
       };
 
@@ -4784,11 +4763,11 @@ html[data-toolbar-visible] #toolbar-trigger {
         var compileServerOrigin = window.parent.location.origin; // this should not block the whole toolbar rendering + interactivity
 
         return _call(fetchExploringJson, function (exploringConfig) {
-          var outDirectoryRelativeUrl = exploringConfig.outDirectoryRelativeUrl,
+          var jsenvDirectoryRelativeUrl = exploringConfig.jsenvDirectoryRelativeUrl,
               livereloading = exploringConfig.livereloading;
           var compileGroup = getCompileGroup({
             executedFileCompiledUrl: executedFileCompiledUrl,
-            outDirectoryRelativeUrl: outDirectoryRelativeUrl,
+            jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
             compileServerOrigin: compileServerOrigin
           });
           var executedFileRelativeUrl = compileGroup.fileRelativeUrl;
@@ -4930,9 +4909,9 @@ html[data-toolbar-visible] #toolbar-trigger {
 
       var getCompileGroup = function getCompileGroup(_ref3) {
         var executedFileCompiledUrl = _ref3.executedFileCompiledUrl,
-            outDirectoryRelativeUrl = _ref3.outDirectoryRelativeUrl,
+            jsenvDirectoryRelativeUrl = _ref3.jsenvDirectoryRelativeUrl,
             compileServerOrigin = _ref3.compileServerOrigin;
-        var outDirectoryServerUrl = String(new URL(outDirectoryRelativeUrl, compileServerOrigin));
+        var outDirectoryServerUrl = String(new URL(jsenvDirectoryRelativeUrl, compileServerOrigin));
 
         if (urlIsInsideOf(executedFileCompiledUrl, outDirectoryServerUrl)) {
           var afterCompileDirectory = urlToRelativeUrl(executedFileCompiledUrl, outDirectoryServerUrl);
@@ -4940,14 +4919,14 @@ html[data-toolbar-visible] #toolbar-trigger {
           var fileRelativeUrl = afterCompileDirectory.slice(slashIndex + 1);
           return {
             fileRelativeUrl: fileRelativeUrl,
-            outDirectoryRelativeUrl: outDirectoryRelativeUrl,
+            jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
             compileId: afterCompileDirectory.slice(0, slashIndex)
           };
         }
 
         return {
           fileRelativeUrl: new URL(executedFileCompiledUrl).pathname.slice(1),
-          outDirectoryRelativeUrl: outDirectoryRelativeUrl,
+          jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
           compileId: null
         };
       };
@@ -5009,7 +4988,7 @@ html[data-toolbar-visible] #toolbar-trigger {
   };
 });
 
-//# sourceMappingURL=toolbar.main_6c1b3d82.js.map</script>
+//# sourceMappingURL=toolbar.main_86335f90.js.map</script>
   
 
 </body></html>