From 867e30861cc26f37c1d86973dd941033913d9ddb Mon Sep 17 00:00:00 2001
From: NeoPlays <80448387+NeoPlays@users.noreply.github.com>
Date: Tue, 1 Sep 2026 08:24:43 +0200
Subject: [PATCH 1/3] FIX: Molecule test

---
 .../update-stereum/molecule/full/verify.yml   | 102 +++++++++---------
 1 file changed, 53 insertions(+), 49 deletions(-)

diff --git a/controls/roles/update-stereum/molecule/full/verify.yml b/controls/roles/update-stereum/molecule/full/verify.yml
index 1db7d8718d..2272f58ac5 100644
--- a/controls/roles/update-stereum/molecule/full/verify.yml
+++ b/controls/roles/update-stereum/molecule/full/verify.yml
@@ -5,53 +5,57 @@
   hosts: all
   gather_facts: false
   tasks:
-
-  - name: Waiting for updates to finish (reboot, script after reboot "stereum-services-update.sh")
-    pause:
-      seconds: 60
-
-  # Stereum config files
-  - stat: path=/etc/stereum/stereum.yaml
-    register: stereum_config_file
-  - stat: path=/opt/stereum/ansible
-    register: stereum_ansible_dir
-  - debug:
-      msg: "{{ stereum_ansible_dir }}"
-  - name: Check for config
-    assert:
-      that:
-        - stereum_config_file.stat.exists
-        - stereum_ansible_dir.stat.isdir is defined
-        - stereum_ansible_dir.stat.isdir
-
-  # check for correct version of repository
-  - name: Get git hash
-    ansible.builtin.command: git show --format="%H" --no-patch
-    args:
-      chdir: "/opt/stereum/ansible"
-    register: git_hash
-  - debug:
-      msg: "{{ git_hash }}"
-  - name: Check for correct git hash
-    assert:
-      that:
-        - git_hash.stdout != "8544bf99fb62b44d0efe4cd8f981c31663335c21"
-
-  # check for new version of docker container beacon
-  - raw: docker inspect --format={% raw %}'{{ .Config.Image }}'{% endraw %} stereum-f3a6cbe4-5e4b-4ba4-a0f2-2504b6750379
-    register: docker_container_tag
-  - name: check container tag version
-    assert:
-      that:
-        - docker_container_tag.stdout.startswith("sigp/lighthouse:")
-
-  - raw: docker inspect --format={% raw %}'{{ .Config.Image }}'{% endraw %} stereum-9024aec6-12a8-456a-8096-ee7ef6f67167
-    register: docker_container_tag
-  - name: check container tag version
-    assert:
-      that:
-        - docker_container_tag.stdout.startswith("sigp/lighthouse:")
-        - '"v2.0.0" not in docker_container_tag.stdout'
-
-
+    - name: Waiting for the server to come back after the update reboot
+      ansible.builtin.wait_for_connection:
+        delay: 15
+        timeout: 600
+
+    - name: Waiting for updates to finish (reboot, script after reboot "stereum-services-update.sh")
+      raw: docker inspect --format={% raw %}'{{ .Config.Image }}'{% endraw %} stereum-9024aec6-12a8-456a-8096-ee7ef6f67167
+      register: beacon_container_tag
+      until: 'beacon_container_tag.rc == 0 and beacon_container_tag.stdout.startswith("sigp/lighthouse:") and "v2.0.0" not in beacon_container_tag.stdout'
+      retries: 60
+      delay: 10
+      changed_when: false
+
+    # Stereum config files
+    - stat: path=/etc/stereum/stereum.yaml
+      register: stereum_config_file
+    - stat: path=/opt/stereum/ansible
+      register: stereum_ansible_dir
+    - debug:
+        msg: "{{ stereum_ansible_dir }}"
+    - name: Check for config
+      assert:
+        that:
+          - stereum_config_file.stat.exists
+          - stereum_ansible_dir.stat.isdir is defined
+          - stereum_ansible_dir.stat.isdir
+
+    # check for correct version of repository
+    - name: Get git hash
+      ansible.builtin.command: git show --format="%H" --no-patch
+      args:
+        chdir: "/opt/stereum/ansible"
+      register: git_hash
+    - debug:
+        msg: "{{ git_hash }}"
+    - name: Check for correct git hash
+      assert:
+        that:
+          - git_hash.stdout != "c531dc2e89ec30c289e886fb3ff2a763e92b21d5"
+
+    # check for new version of docker container beacon
+    - raw: docker inspect --format={% raw %}'{{ .Config.Image }}'{% endraw %} stereum-f3a6cbe4-5e4b-4ba4-a0f2-2504b6750379
+      register: docker_container_tag
+    - name: check container tag version
+      assert:
+        that:
+          - docker_container_tag.stdout.startswith("sigp/lighthouse:")
+
+    - name: check container tag version
+      assert:
+        that:
+          - beacon_container_tag.stdout.startswith("sigp/lighthouse:")
+          - '"v2.0.0" not in beacon_container_tag.stdout'
 # EOF

From e78cab28c4bd14096a1f8887f78db76be5e6b303 Mon Sep 17 00:00:00 2001
From: NeoPlays <80448387+NeoPlays@users.noreply.github.com>
Date: Tue, 1 Sep 2026 08:57:19 +0200
Subject: [PATCH 2/3] CHORE: bump version

---
 launcher/package-lock.json | 10 +++++-----
 launcher/package.json      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/launcher/package-lock.json b/launcher/package-lock.json
index f37e6a08b3..db00a4ad0d 100644
--- a/launcher/package-lock.json
+++ b/launcher/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "stereum-launcher",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "stereum-launcher",
-      "version": "2.5.0",
+      "version": "2.5.2",
       "hasInstallScript": true,
       "license": "https://wrapbootstrap.com/help/licenses",
       "dependencies": {
@@ -11093,9 +11093,9 @@
       "optional": true
     },
     "node_modules/nanoid": {
-      "version": "3.3.17",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.17.tgz",
-      "integrity": "sha512-xQLf0A3HOMlgHq0n247/LRuAOYmB7dXJ/DvAxGvsSBij45XtBSmQycu+F8ODbHwns/XyFZagyL1+J0Offw1E0g==",
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
       "funding": [
         {
           "type": "github",
diff --git a/launcher/package.json b/launcher/package.json
index a608558f88..fcefd5c761 100755
--- a/launcher/package.json
+++ b/launcher/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stereum-launcher",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "private": true,
   "description": "Stereum Ethereum Node Setup Launcher",
   "author": {

From 75fe8b4536ca59c4110d458dbe4ce3ecc6b8e536 Mon Sep 17 00:00:00 2001
From: NeoPlays <80448387+NeoPlays@users.noreply.github.com>
Date: Tue, 1 Sep 2026 08:57:48 +0200
Subject: [PATCH 3/3] FIX: Simplify Language Selector

---
 .../components/menu/SingleMenu.vue            |   5 +-
 .../UI/language-page/components/MenuBody.vue  | 181 ++++++------------
 .../components/ServerHeader.vue               |  16 ++
 .../UI/setting-page/SettingScreen.vue         |  10 +-
 .../components/base/InstallationLayout.vue    |   4 +
 .../src/components/base/StandaloneLayout.vue  |  45 +++++
 launcher/src/store/languages.js               |  31 ++-
 launcher/src/store/nodeHeader.js              |   3 +
 8 files changed, 163 insertions(+), 132 deletions(-)
 create mode 100644 launcher/src/components/base/StandaloneLayout.vue

diff --git a/launcher/src/components/UI/base-header/components/menu/SingleMenu.vue b/launcher/src/components/UI/base-header/components/menu/SingleMenu.vue
index fa18dbf37c..868ba6995b 100644
--- a/launcher/src/components/UI/base-header/components/menu/SingleMenu.vue
+++ b/launcher/src/components/UI/base-header/components/menu/SingleMenu.vue
@@ -10,7 +10,7 @@ import { useRouter } from 'vue-router'; import { useNodeHeader } from '@/store/n
 
 <script setup>
 import { useNodeHeader } from "@/store/nodeHeader";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { computed } from "vue";
 
 const props = defineProps({
@@ -22,9 +22,12 @@ const props = defineProps({
 
 const headerStore = useNodeHeader();
 const router = useRouter();
+const route = useRoute();
 
 const handleClick = () => {
   if (props.item.name === "Settings") {
+    // opened from the login screen means there is no node connection to render the node layout for
+    headerStore.settingsStandalone = route.path === "/login";
     router.push("/setting");
   } else {
     headerStore.setMenuModal(props.item.name);
diff --git a/launcher/src/components/UI/language-page/components/MenuBody.vue b/launcher/src/components/UI/language-page/components/MenuBody.vue
index 7363ac1db9..05eb5a6a8b 100644
--- a/launcher/src/components/UI/language-page/components/MenuBody.vue
+++ b/launcher/src/components/UI/language-page/components/MenuBody.vue
@@ -1,49 +1,36 @@
 <template>
-  <div
-    ref="scrollContainer"
-    class="w-full h-full col-start-8 col-span-full row-start-3 row-end-11 py-4 px-2 space-y-8 flex flex-col justify-center items-center overflow-y-auto scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-gray-300 scrollbar-track-gray-100 snap-y snap-mandatory"
-    @scroll="handleScroll"
-  >
-    <swiper
-      direction="vertical"
-      slides-per-view="auto"
-      space-between="30"
-      :effect="'coverflow'"
-      :grab-cursor="true"
-      :centered-slides="true"
-      :coverflow-effect="coverflowEffect"
-      :mousewheel="true"
-      :keyboard="true"
-      :scrollbar="true"
-      :modules="swiperModules"
-      class="w-full h-full space-y-2 overflow-y-auto scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-gray-300 scrollbar-track-gray-100 snap-y snap-mandatory"
-      @swiper="setThumbsSwiper"
-      @slideChange="playSoundBase(soundStore.change)"
-    >
-      <swiper-slide
-        v-for="(lang, index) in sortedLanguages"
-        :key="index"
-        class="swiper-slide shadow-sm shadow-black"
-        :class="{
-          selectedLanguage: lang.isSelected,
-        }"
-        @click="handleClick(lang, index)"
-      >
-        <img :src="lang.flag" :alt="`${lang.name} Flag`" class="col-start-1 col-span-3 w-10 h-10 rounded-full" />
-        <span class="col-start-4 col-span-full text-lg font-bold uppercase" :class="{ 'text-gray-700': selectedLanguage }">{{
-          lang.name
-        }}</span>
-      </swiper-slide>
-    </swiper>
+  <div class="w-full h-full col-start-8 col-span-full row-start-2 row-end-11 flex flex-col gap-3 py-4 px-2">
+    <input
+      v-model="searchTerm"
+      type="text"
+      placeholder="Search language..."
+      class="w-full shrink-0 bg-[#1E2429] text-gray-200 placeholder-gray-400 text-base rounded-md border border-[#33393E] px-4 py-2 focus:outline-none focus:border-[#4d7575]"
+    />
+
+    <div class="grow min-h-0 overflow-y-auto bg-[#1E2429] border border-[#4d7575] rounded-md p-2">
+      <ul class="grid grid-cols-2 gap-2">
+        <li
+          v-for="lang in filteredLanguages"
+          :key="lang.label"
+          class="h-16 px-2 flex items-center gap-2 bg-[#33393E] border border-[#33393E] rounded-md cursor-pointer hover:border-[#4d7575]"
+          :class="{ 'selected-language': lang.isSelected }"
+          @click="selectItem(lang)"
+        >
+          <img :src="lang.flag" :alt="`${lang.englishName} Flag`" class="w-9 h-9 rounded-full shrink-0" />
+          <span class="flex flex-col min-w-0">
+            <span class="text-base font-bold uppercase truncate text-gray-200">{{ lang.name }}</span>
+            <span class="text-xs truncate text-gray-400">{{ lang.englishName }}</span>
+          </span>
+        </li>
+      </ul>
+
+      <p v-if="!filteredLanguages.length" class="text-center text-gray-200 text-base mt-6">No language matches "{{ searchTerm }}"</p>
+    </div>
   </div>
 </template>
 
 <script setup>
 import { ref, computed, onBeforeMount, onMounted } from "vue";
-import { Swiper, SwiperSlide } from "swiper/vue";
-import "swiper/css";
-import "swiper/css/pagination";
-import { EffectCoverflow, Mousewheel, Keyboard, Scrollbar, Thumbs } from "swiper/modules";
 import { useLangStore } from "@/store/languages";
 import { useSoundStore } from "@/store/sound";
 import ControlService from "@/store/ControlService";
@@ -53,13 +40,18 @@ import i18n from "@/includes/i18n";
 const langStore = useLangStore();
 const router = useRouter();
 const soundStore = useSoundStore();
-const selectedLanguage = ref(null);
-const thumbsSwiper = ref(null);
-const swiperModules = [Mousewheel, Keyboard, Scrollbar, EffectCoverflow, Thumbs];
-const coverflowEffect = { rotate: 5, stretch: 0, depth: 100, modifier: 3 };
+const searchTerm = ref("");
 
 const sortedLanguages = computed(() => {
-  return [...langStore.langOptions].sort((a, b) => a.name.localeCompare(b.name));
+  return [...langStore.langOptions].sort((a, b) => a.englishName.localeCompare(b.englishName));
+});
+
+const filteredLanguages = computed(() => {
+  const term = searchTerm.value.trim().toLowerCase();
+  if (!term) return sortedLanguages.value;
+  return sortedLanguages.value.filter((lang) =>
+    [lang.name, lang.englishName, lang.label].some((value) => value.toLowerCase().includes(term))
+  );
 });
 
 onBeforeMount(async () => {
@@ -72,6 +64,7 @@ onBeforeMount(async () => {
 
 onMounted(async () => {
   await checkVolume();
+  await preselectSavedLanguage();
 });
 
 // langStore.settingPageIsVisible ? "/setting" :
@@ -105,13 +98,19 @@ const checkVolume = async () => {
   }
 };
 
-const setThumbsSwiper = (swiper) => {
-  thumbsSwiper.value = swiper;
-};
-
-const handleClick = (lang) => {
-  playSoundBase(soundStore.click);
-  selectItem(lang);
+// Highlight the language that is already stored, so the user sees the current choice
+// and can continue without having to pick again
+const preselectSavedLanguage = async () => {
+  try {
+    const { savedLanguage } = (await ControlService.readConfig()) || {};
+    const saved = langStore.langOptions.find((option) => option.label === savedLanguage?.label);
+    if (!saved) return;
+    langStore.langOptions.forEach((option) => (option.isSelected = false));
+    saved.isSelected = true;
+    langStore.setSelectedLang(saved.label);
+  } catch (error) {
+    console.error("Failed to load saved settings:", error);
+  }
 };
 
 const selectItem = async (lang, playSound = true) => {
@@ -120,7 +119,6 @@ const selectItem = async (lang, playSound = true) => {
   }
   langStore.langOptions.forEach((option) => (option.isSelected = false));
   lang.isSelected = true;
-  selectedLanguage.value = lang;
   langStore.setSelectedLang(lang.label);
   i18n.global.locale.value = lang.label;
   await updateSettings(lang);
@@ -147,79 +145,8 @@ const updateSettings = async (lang) => {
 </script>
 
 <style scoped>
-.swiper-container {
-  width: 100% !important;
-  height: 50% !important;
-}
-.swiper-wrapper {
-  width: 100% !important;
-  height: 50% !important;
-  margin: 0 auto !important;
-  overflow-x: hidden !important;
-  overflow-y: auto !important ;
-  display: flex !important;
-  box-shadow: none !important;
-}
-
-.swiper-slide {
-  width: 90% !important;
-  height: 80px !important;
-  text-align: center;
-  font-size: 18px;
-  background: #24282d !important;
-  border: 1px solid #77bfbf !important;
-  border-radius: 10px;
-  display: grid !important;
-  grid-template-columns: repeat(12, 1fr) !important;
-  box-shadow: none !important;
-  cursor: pointer;
-  box-shadow: 0 0 10px 0 #272b2b !important;
-}
-
-.swiper-slide img {
-  margin: auto !important;
-  width: 50px !important;
-  height: 50px !important;
-  border-radius: 50% !important;
-  grid-column: 1 / span 3 !important;
-}
-
-.swiper-slide span {
-  margin: auto !important;
-  grid-column: 4 / span 10 !important;
-  font-size: 20px !important;
-  font-weight: bold !important;
-  text-transform: uppercase !important;
-  color: #fff;
-}
-
-.selectedLanguage {
-  background: #77bfbf !important;
-  color: #272424 !important;
-  border-radius: 15px !important;
-  box-shadow: 0 0 10px 0 #272b2b !important;
-}
-swiper-slide > div {
-  display: none !important;
-  border-radius: 10px !important;
-  background-color: transparent !important;
-}
-
-::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  border-radius: 10px;
-  background-color: transparent !important;
-}
-
-::-webkit-scrollbar {
-  width: 12px;
-  background-color: #d9dfdf;
-  border-radius: 10px;
-}
-
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  background-color: #39d7d5;
+.selected-language {
+  background-color: #447a75;
+  border-color: #77bfbf;
 }
 </style>
diff --git a/launcher/src/components/UI/server-management/components/ServerHeader.vue b/launcher/src/components/UI/server-management/components/ServerHeader.vue
index c4be14ec0b..2963d232c0 100644
--- a/launcher/src/components/UI/server-management/components/ServerHeader.vue
+++ b/launcher/src/components/UI/server-management/components/ServerHeader.vue
@@ -6,6 +6,16 @@ import { ref, watchEffect, onMounted } from 'vue';
       <span class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-md text-sm font-semibold bg-neutral-900 text-white"
         >V {{ currentVersion ? currentVersion : "2.0" }}</span
       >
+      <!-- the node header is not mounted while logged out, so help & launcher settings are offered here -->
+      <div v-if="isLoginRoute" class="flex items-center gap-x-2">
+        <SingleMenu
+          v-for="item in launcherMenuItems"
+          :key="item.name"
+          :item="item"
+          @mouseenter="footerStore.cursorLocation = `${item.name}`"
+          @mouseleave="footerStore.cursorLocation = ''"
+        />
+      </div>
     </div>
 
     <div class="col-start-14 col-span-full w-full h-full grid grid-cols-12 grid-rows-5 items-center pr-2 pl-1">
@@ -45,6 +55,7 @@ import { useFooter } from "@/store/theFooter";
 import i18n from "@/includes/i18n";
 
 import ControlService from "@/store/ControlService";
+import SingleMenu from "@/components/UI/base-header/components/menu/SingleMenu.vue";
 
 const t = i18n.global.t;
 
@@ -66,6 +77,11 @@ const emit = defineEmits(["tabPicker"]);
 // Computed property to check if current route is '/login'
 const isLoginRoute = computed(() => route.path === "/login");
 
+const launcherMenuItems = [
+  { name: "Help", icon: "/img/icon/base-header-icons/header-help-button.png" },
+  { name: "Settings", icon: "/img/icon/base-header-icons/header-stereum-settings-button.png", path: "/setting" },
+];
+
 const tabTooltip = (tab) => {
   if (tab.name === "login") {
     return login;
diff --git a/launcher/src/components/UI/setting-page/SettingScreen.vue b/launcher/src/components/UI/setting-page/SettingScreen.vue
index c446088e40..3936c318e8 100644
--- a/launcher/src/components/UI/setting-page/SettingScreen.vue
+++ b/launcher/src/components/UI/setting-page/SettingScreen.vue
@@ -1,5 +1,5 @@
 <template>
-  <base-layout>
+  <component :is="layoutComponent">
     <div class="setting-parent w-full h-full flex justify-center items-center">
       <div class="flex justify-start items-start w-56 h-full">
         <SideBar>
@@ -23,7 +23,7 @@
         </MainBox>
       </div>
     </div>
-  </base-layout>
+  </component>
 </template>
 <script setup>
 import SideBar from "./section/SideBar.vue";
@@ -43,12 +43,18 @@ import { useRouter } from "vue-router";
 import { useLangStore } from "@/store/languages";
 import { useNodeHeader } from "@/store/nodeHeader";
 import ControlService from "@/store/ControlService";
+import BaseLayout from "@/components/base/BaseLayout.vue";
+import StandaloneLayout from "@/components/base/StandaloneLayout.vue";
 
 const mainBox = ref("general");
 const router = useRouter();
 const langStore = useLangStore();
 const headerStore = useNodeHeader();
 
+// without a node connection the node layout would poll for services and pop the reconnect modal
+// over the settings, so the launcher settings render in a standalone shell instead
+const layoutComponent = computed(() => (headerStore.settingsStandalone ? StandaloneLayout : BaseLayout));
+
 const sidebarButtons = ref([
   { name: "general", label: "General" },
   { name: "audio", label: "Audio" },
diff --git a/launcher/src/components/base/InstallationLayout.vue b/launcher/src/components/base/InstallationLayout.vue
index da1f3988d3..41bc13b764 100644
--- a/launcher/src/components/base/InstallationLayout.vue
+++ b/launcher/src/components/base/InstallationLayout.vue
@@ -28,12 +28,15 @@
         "
       />
     </Transition>
+    <SupportModal v-if="headerStore.supportModalIsActive" @close-window="headerStore.setMenuModal(null)" />
   </div>
 </template>
 <script setup>
 import LogoButton from "../UI/server-management/components/LogoButton.vue";
 import TaskManager from "../UI/task-manager/TaskManager.vue";
 import MultiServerScreen from "../UI/server-management/MultiServerScreen.vue";
+import SupportModal from "../UI/base-header/components/modals/SupportModal.vue";
+import { useNodeHeader } from "@/store/nodeHeader";
 import { useServers } from "@/store/servers";
 import { useFooter } from "@/store/theFooter";
 import { useRouter } from "vue-router";
@@ -45,6 +48,7 @@ const t = i18n.global.t;
 
 const footerStore = useFooter();
 const serverStore = useServers();
+const headerStore = useNodeHeader();
 
 const router = useRouter();
 const langStore = useLangStore();
diff --git a/launcher/src/components/base/StandaloneLayout.vue b/launcher/src/components/base/StandaloneLayout.vue
new file mode 100644
index 0000000000..6ccf13758f
--- /dev/null
+++ b/launcher/src/components/base/StandaloneLayout.vue
@@ -0,0 +1,45 @@
+<template>
+  <div
+    class="flex flex-col justify-between box-border items-center w-screen h-screen border-2 border-slate-500 rounded-lg z-30 select-none"
+  >
+    <div
+      class="w-full rounded-t-lg h-16 bg-gradient-to-b from-10% from-[#264744] via-[#325d5a] to-[#264744] to-95% border-b border-[#1c3634] flex justify-between items-center px-4"
+    >
+      <div
+        class="h-9 px-4 border border-[#4b8585] rounded-full flex justify-center items-center cursor-pointer bg-[#387272] hover:bg-[#264e4e] shadow-sm shadow-[#1c3634] transition-colors duration-200 ease-in-out active:scale-95"
+        @click="backToLogin"
+      >
+        <span class="text-sm font-semibold uppercase text-gray-200">{{ $t("nukeModal.backToLogin") }}</span>
+      </div>
+      <SingleMenu :item="helpItem" />
+    </div>
+
+    <div class="flex justify-center items-center w-full h-full max-h-[503px] bg-[#33393E]">
+      <slot></slot>
+    </div>
+
+    <div class="w-full h-[30px] rounded-b-lg bg-[#33393E]"></div>
+
+    <SupportModal v-if="headerStore.supportModalIsActive" @close-window="headerStore.setMenuModal(null)" />
+  </div>
+</template>
+
+<script setup>
+import SingleMenu from "../UI/base-header/components/menu/SingleMenu.vue";
+import SupportModal from "../UI/base-header/components/modals/SupportModal.vue";
+import { useNodeHeader } from "@/store/nodeHeader";
+import { useRouter } from "vue-router";
+
+const headerStore = useNodeHeader();
+const router = useRouter();
+
+const helpItem = {
+  name: "Help",
+  icon: "/img/icon/base-header-icons/header-help-button.png",
+};
+
+const backToLogin = () => {
+  headerStore.settingsStandalone = false;
+  router.push("/login");
+};
+</script>
diff --git a/launcher/src/store/languages.js b/launcher/src/store/languages.js
index 09073b449e..141be57a3f 100755
--- a/launcher/src/store/languages.js
+++ b/launcher/src/store/languages.js
@@ -10,108 +10,126 @@ export const useLangStore = defineStore("languages", {
       langOptions: [
         {
           name: "english",
+          englishName: "English",
           flag: "img/flag/united-kingdom.png",
           label: "en",
           isSelected: false,
         },
         {
           name: "deutsch",
+          englishName: "German",
           flag: "img/flag/germany.png",
           label: "de",
           isSelected: false,
         },
         {
           name: "français",
+          englishName: "French",
           flag: "img/flag/france.png",
           label: "fr",
           isSelected: false,
         },
         {
           name: "ESPAÑOL",
+          englishName: "Spanish",
           flag: "img/flag/spain.png",
           label: "es",
           isSelected: false,
         },
         {
           name: "فارسی",
+          englishName: "Persian",
           flag: "img/flag/iran.png",
           label: "fa",
           isSelected: false,
         },
         {
           name: "العربية",
+          englishName: "Arabic",
           flag: "img/flag/saudi-arabia.png",
           label: "ar",
           isSelected: false,
         },
         {
           name: "Türkçe",
+          englishName: "Turkish",
           flag: "img/flag/turkey.png",
           label: "tr",
           isSelected: false,
         },
         {
           name: "dutch",
+          englishName: "Dutch",
           flag: "img/flag/netherlands.png",
           label: "nl",
           isSelected: false,
         },
         {
           name: "Português",
+          englishName: "Portuguese",
           flag: "img/flag/portugal.png",
-          label: "po",
+          label: "pt",
           isSelected: false,
         },
         {
           name: "日本語",
+          englishName: "Japanese",
           flag: "img/flag/japan.png",
-          label: "jp",
+          label: "ja",
           isSelected: false,
         },
         {
           name: "Italiano",
+          englishName: "Italian",
           flag: "img/flag/italy.png",
           label: "it",
           isSelected: false,
         },
         {
           name: "Pусский",
+          englishName: "Russian",
           flag: "img/flag/russia.png",
           label: "ru",
           isSelected: false,
         },
         {
           name: "简体中文",
+          englishName: "Chinese",
           flag: "img/flag/china.png",
           label: "zh",
           isSelected: false,
         },
         {
           name: "български",
+          englishName: "Bulgarian",
           flag: "img/flag/bulgaria.png",
           label: "bg",
           isSelected: false,
         },
         {
           name: "монгол хэл",
+          englishName: "Mongolian",
           flag: "img/flag/mongolia.png",
           label: "mn",
           isSelected: false,
         },
         {
           name: "Српски",
+          englishName: "Serbian",
           flag: "img/flag/serbia.png",
           label: "sr",
           isSelected: false,
         },
         {
           name: "Česká",
+          englishName: "Czech",
           flag: "img/flag/czech.png",
           label: "cs",
           isSelected: false,
         },
         {
           name: "Việt Nam",
+          englishName: "Vietnamese",
           flag: "img/flag/vietnam.png",
           label: "vi",
           isSelected: false,
@@ -119,54 +137,63 @@ export const useLangStore = defineStore("languages", {
         //new languages added
         {
           name: "हिन्दी",
+          englishName: "Hindi",
           flag: "img/flag/india.png",
           label: "hi",
           isSelected: false,
         },
         {
           name: "বাংলা",
+          englishName: "Bengali",
           flag: "img/flag/bangladesh.png",
           label: "bn",
           isSelected: false,
         },
         {
           name: "اردو",
+          englishName: "Urdu",
           flag: "img/flag/pakistan.png",
           label: "ur",
           isSelected: false,
         },
         {
           name: "Bahasa Indonesia",
+          englishName: "Indonesian",
           flag: "img/flag/indonesia.png",
           label: "id",
           isSelected: false,
         },
         {
           name: "Kiswahili",
+          englishName: "Swahili",
           flag: "img/flag/kenya.png",
           label: "sw",
           isSelected: false,
         },
         {
           name: "मराठी",
+          englishName: "Marathi",
           flag: "img/flag/india.png",
           label: "mr",
           isSelected: false,
         },
         {
           name: "తెలుగు",
+          englishName: "Telugu",
           flag: "img/flag/india.png",
           label: "te",
           isSelected: false,
         },
         {
           name: "தமிழ்",
+          englishName: "Tamil",
           flag: "img/flag/india.png",
           label: "ta",
           isSelected: false,
         },
         {
           name: "한국어",
+          englishName: "Korean",
           flag: "img/flag/korea.png",
           label: "ko",
           isSelected: false,
diff --git a/launcher/src/store/nodeHeader.js b/launcher/src/store/nodeHeader.js
index 797dc9ac63..7fbea89d87 100755
--- a/launcher/src/store/nodeHeader.js
+++ b/launcher/src/store/nodeHeader.js
@@ -46,6 +46,9 @@ export const useNodeHeader = defineStore("nodeHeader", {
       varificationCode: "",
       validVarificationCode: "",
       refresh: true,
+      // true while the settings page is opened without a node connection (e.g. from the login screen),
+      // so it renders standalone instead of inside the node layout
+      settingsStandalone: false,
       stereumUpdate: {},
       searchingForUpdates: false,
       isUpdateAvailable: false,