From e5ef1164ccda3cb96e9f7c31e808996afc2cf6b8 Mon Sep 17 00:00:00 2001
From: Horizontal42 <75383519+Horizontal42@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:13:01 +0300
Subject: [PATCH] settings: show the running app version

Updates tab, below the check-update button. Reads from
tauri.conf.json via getVersion() in a real build (the source of
truth for what's actually installed); falls back to package.json's
version under vite dev, where there's no Tauri runtime to ask.
---
 index.html     |  1 +
 src/i18n.ts    |  2 ++
 src/main.ts    | 12 ++++++++++++
 src/ui/app.css |  1 +
 4 files changed, 16 insertions(+)

diff --git a/index.html b/index.html
index fa33f10..fd63307 100644
--- a/index.html
+++ b/index.html
@@ -132,6 +132,7 @@
           <div class="settings-tabpanel-buttons">
             <button id="check-update" data-i18n="checkUpdate">Check for updates</button>
           </div>
+          <div id="app-version" class="settings-version"></div>
         </div>
 
         <div class="settings-footer">
diff --git a/src/i18n.ts b/src/i18n.ts
index 0361241..5f76fc2 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -76,6 +76,7 @@ const dict: Record<string, Record<string, string>> = {
     tabFormat: "Format",
     tabData: "Data",
     tabUpdates: "Updates",
+    version: "Version",
   },
   ru: {
     settings: "Настройки",
@@ -152,6 +153,7 @@ const dict: Record<string, Record<string, string>> = {
     tabFormat: "Формат",
     tabData: "Данные",
     tabUpdates: "Обновления",
+    version: "Версия",
   },
 };
 
diff --git a/src/main.ts b/src/main.ts
index dc73edb..5928e14 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -18,6 +18,7 @@ import { Workspace } from "./workspace";
 import { EN, RU } from "./engine/vocab-data";
 import { exportSheetImage } from "./ui/export";
 import { initSearch, SearchController } from "./ui/search";
+import pkg from "../package.json";
 
 function welcomeText(lang: string): string {
   const sample = (lang === "ru" ? RU : EN).Samples?.["sample.welcome"];
@@ -356,6 +357,7 @@ function bindSettingsUI(): void {
     settings.autoUpdateEnabled = autoUpdate.checked;
     void saveSettings(settings);
   });
+  void showAppVersion();
 
   const tabs = document.querySelectorAll<HTMLButtonElement>("#settings-tabs .tab");
   const tabPanels = document.querySelectorAll<HTMLElement>(".settings-tabpanel");
@@ -381,6 +383,16 @@ function bindSettingsUI(): void {
   });
 }
 
+/** tauri.conf.json's version is the source of truth for an actual build; package.json is the vite-dev fallback */
+async function showAppVersion(): Promise<void> {
+  let version = pkg.version;
+  if (isTauri()) {
+    const { getVersion } = await import("@tauri-apps/api/app");
+    version = await getVersion();
+  }
+  $("#app-version").textContent = `${t("version")} ${version}`;
+}
+
 /** Physical key (e.code) → Tauri accelerator name, layout-independent (works on ru). */
 function normalizeKeyName(e: KeyboardEvent): string | null {
   const code = e.code;
diff --git a/src/ui/app.css b/src/ui/app.css
index 9ee1862..206bdc8 100644
--- a/src/ui/app.css
+++ b/src/ui/app.css
@@ -392,6 +392,7 @@ body {
   font-size: 12.5px;
 }
 .settings-tabpanel-buttons button:hover { background: var(--hover); }
+.settings-version { color: var(--fg-muted); font-size: 11.5px; margin-top: 10px; }
 #settings-panel label {
   display: flex;
   justify-content: space-between;