chore: simplify workflows and unify tool logging and mail presentation

preview/index.html

@@ -503,8 +503,20 @@ function applyManifest(data) {
   if (!data.languages.includes(state.locale)) state.locale=data.languages.includes('en-US') ? 'en-US' : data.languages[0];
   fillSelect('sel-theme',data.themes.map(t=>[t,t.charAt(0).toUpperCase()+t.slice(1)]),state.theme);
   fillSelect('sel-template',Object.entries(REGISTRY).map(([id,t])=>[id,t.name]),state.template);
-  let names; try { names=new Intl.DisplayNames([navigator.language],{type:'language'}); } catch (_) {}
-  fillSelect('sel-locale',data.languages.map(l=>[l,names ? l+' — '+names.of(l) : l]),state.locale);
+  fillSelect('sel-locale',data.languages.map(locale=>{
+    let name;
+    try {
+      // Show each language in its own language, independent of the browser UI.
+      if (Intl.DisplayNames.supportedLocalesOf([locale]).length) {
+        name=new Intl.DisplayNames([locale],{type:'language',fallback:'none'}).of(locale);
+      }
+    } catch (_) { /* Older browsers can still select languages by locale code. */ }
+    return [locale,name && name!==locale ? locale+' — '+name : locale];
+  }),state.locale);
+  document.querySelectorAll('#sel-locale option').forEach(option=>{
+    option.lang=option.value;
+    option.dir='auto';
+  });
 }
 
 function loadLocale(lang) {