From 1ce63d51de5323787802a70dfbd2a4ddda6a90dc Mon Sep 17 00:00:00 2001
From: Baivab Sarkar <baivabsarkar@gmail.com>
Date: Wed, 27 May 2026 18:16:47 +0530
Subject: [PATCH] fix(ui): prepend language text prefixes to mobile selector
 and fix help/about modal triggers

---
 desktop-app/resources/index.html   |  8 ++++----
 desktop-app/resources/js/script.js | 24 +++++++++++++++++++++++-
 index.html                         |  8 ++++----
 script.js                          | 24 +++++++++++++++++++++++-
 4 files changed, 54 insertions(+), 10 deletions(-)

diff --git a/desktop-app/resources/index.html b/desktop-app/resources/index.html
index 51d3c3a..b77f302 100644
--- a/desktop-app/resources/index.html
+++ b/desktop-app/resources/index.html
@@ -297,10 +297,10 @@ <h5>Menu</h5>
                                     <i class="bi bi-translate me-2"></i> Language: <span id="mobile-current-lang-label">English</span>
                                 </button>
                                 <ul class="dropdown-menu w-100" aria-labelledby="mobileLanguageDropdown">
-                                    <li><a class="dropdown-item lang-select-item active" href="#" data-lang="en">English</a></li>
-                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="zh">简体中文</a></li>
-                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ja">日本語</a></li>
-                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ko">한국어</a></li>
+                                    <li><a class="dropdown-item lang-select-item active" href="#" data-lang="en">us English</a></li>
+                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="zh">CN 简体中文</a></li>
+                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ja">JP 日本語</a></li>
+                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ko">KR 한국어</a></li>
                                 </ul>
                             </div>
                             <button id="mobile-theme-toggle" class="mobile-menu-item" title="Toggle Dark Mode">
diff --git a/desktop-app/resources/js/script.js b/desktop-app/resources/js/script.js
index 9b320ec..a581058 100644
--- a/desktop-app/resources/js/script.js
+++ b/desktop-app/resources/js/script.js
@@ -4482,6 +4482,28 @@ This is a fully client-side application. Your content never leaves your browser
     }
   }
 
+  function openHelpModal() {
+    if (helpModal) {
+      openAppModal(helpModal);
+    }
+  }
+
+  function openAboutModal() {
+    if (aboutModal) {
+      const aboutVersion = document.getElementById("about-version");
+      if (aboutVersion) {
+        aboutVersion.textContent = APP_VERSION;
+      }
+      openAppModal(aboutModal);
+    }
+  }
+
+  function openClearFormattingModal() {
+    if (clearFormattingModal) {
+      openAppModal(clearFormattingModal);
+    }
+  }
+
   function runMarkdownTool(action, button) {
     if (action === 'undo' || action === 'redo') {
       markdownEditor.focus();
@@ -6685,7 +6707,7 @@ This is a fully client-side application. Your content never leaves your browser
     }
     const mobileLabelEl = document.getElementById('mobile-current-lang-label');
     if (mobileLabelEl) {
-      const flags = { en: "English", zh: "简体中文", ja: "日本語", ko: "한국어" };
+      const flags = { en: "us English", zh: "CN 简体中文", ja: "JP 日本語", ko: "KR 한국어" };
       mobileLabelEl.textContent = flags[lang];
     }
 
diff --git a/index.html b/index.html
index b237181..2d5b9d8 100644
--- a/index.html
+++ b/index.html
@@ -294,10 +294,10 @@ <h5>Menu</h5>
                                     <i class="bi bi-translate me-2"></i> Language: <span id="mobile-current-lang-label">English</span>
                                 </button>
                                 <ul class="dropdown-menu w-100" aria-labelledby="mobileLanguageDropdown">
-                                    <li><a class="dropdown-item lang-select-item active" href="#" data-lang="en">English</a></li>
-                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="zh">简体中文</a></li>
-                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ja">日本語</a></li>
-                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ko">한국어</a></li>
+                                    <li><a class="dropdown-item lang-select-item active" href="#" data-lang="en">us English</a></li>
+                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="zh">CN 简体中文</a></li>
+                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ja">JP 日本語</a></li>
+                                    <li><a class="dropdown-item lang-select-item" href="#" data-lang="ko">KR 한국어</a></li>
                                 </ul>
                             </div>
                             <button id="mobile-theme-toggle" class="mobile-menu-item" title="Toggle Dark Mode">
diff --git a/script.js b/script.js
index 9b320ec..a581058 100644
--- a/script.js
+++ b/script.js
@@ -4482,6 +4482,28 @@ This is a fully client-side application. Your content never leaves your browser
     }
   }
 
+  function openHelpModal() {
+    if (helpModal) {
+      openAppModal(helpModal);
+    }
+  }
+
+  function openAboutModal() {
+    if (aboutModal) {
+      const aboutVersion = document.getElementById("about-version");
+      if (aboutVersion) {
+        aboutVersion.textContent = APP_VERSION;
+      }
+      openAppModal(aboutModal);
+    }
+  }
+
+  function openClearFormattingModal() {
+    if (clearFormattingModal) {
+      openAppModal(clearFormattingModal);
+    }
+  }
+
   function runMarkdownTool(action, button) {
     if (action === 'undo' || action === 'redo') {
       markdownEditor.focus();
@@ -6685,7 +6707,7 @@ This is a fully client-side application. Your content never leaves your browser
     }
     const mobileLabelEl = document.getElementById('mobile-current-lang-label');
     if (mobileLabelEl) {
-      const flags = { en: "English", zh: "简体中文", ja: "日本語", ko: "한국어" };
+      const flags = { en: "us English", zh: "CN 简体中文", ja: "JP 日本語", ko: "KR 한국어" };
       mobileLabelEl.textContent = flags[lang];
     }