From 32b287e980b89bc797f9ac214009558624ae8a80 Mon Sep 17 00:00:00 2001
From: fendly2 <fendly@gmail.com>
Date: Tue, 30 Jun 2026 23:11:28 +0800
Subject: [PATCH] feat: display version number dynamically in settings page
 footer

---
 popup.html | 1 +
 popup.js   | 3 +++
 style.css  | 7 +++++++
 3 files changed, 11 insertions(+)

diff --git a/popup.html b/popup.html
index 307af44..84737a3 100644
--- a/popup.html
+++ b/popup.html
@@ -96,6 +96,7 @@ <h3 class="text-title">模型设置</h3>
             保存设置
           </button>
         </div>
+        <p id="versionInfo"></p>
       </div>
     </section>
     <section id="history" class="tab-panel" hidden role="tabpanel" aria-labelledby="history-tab">
diff --git a/popup.js b/popup.js
index 671c506..54ede32 100644
--- a/popup.js
+++ b/popup.js
@@ -526,5 +526,8 @@ document.addEventListener('DOMContentLoaded', () => {
   if (newChatBtn) newChatBtn.addEventListener('click', startNewChatSession);
   if (clearHistoryBtn) clearHistoryBtn.addEventListener('click', clearHistory);
 
+  const versionInfo = document.getElementById('versionInfo');
+  if (versionInfo) versionInfo.textContent = `AI-based Translator v${chrome.runtime.getManifest().version}`;
+
   ensureDefaultConfig();
 });
diff --git a/style.css b/style.css
index ca9bfab..c469a80 100644
--- a/style.css
+++ b/style.css
@@ -620,4 +620,11 @@ body {
 /* Elevation */
 .elevation-2 {
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+
+#versionInfo {
+  margin: 12px 0 0;
+  text-align: center;
+  font-size: 11px;
+  color: var(--text-secondary-color);
 }
\ No newline at end of file