From a9b31a04f5aeb5f77ed66012c12381ce2d13bcc1 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Thu, 17 Jul 2025 12:31:15 +0200
Subject: [PATCH] feat: show Talk app version in settings

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../SettingsDialog/SettingsDialog.vue          | 18 +++++++++++++++++-
 src/services/CapabilitiesManager.ts            |  7 +++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/SettingsDialog/SettingsDialog.vue b/src/components/SettingsDialog/SettingsDialog.vue
index 7f77728463..247955a967 100644
--- a/src/components/SettingsDialog/SettingsDialog.vue
+++ b/src/components/SettingsDialog/SettingsDialog.vue
@@ -222,6 +222,13 @@
 				</div>
 			</dl>
 		</NcAppSettingsSection>
+
+		<!-- Information about current version used. Talk Desktop has this in 'About' window -->
+		<p
+			v-if="!IS_DESKTOP"
+			class="app-settings-section__version">
+			{{ t('spreed', 'Talk version: {version}', { version: talkVersion }) }}
+		</p>
 	</NcAppSettingsDialog>
 </template>
 
@@ -240,7 +247,7 @@ import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwit
 import IconMicrophone from 'vue-material-design-icons/Microphone.vue'
 import { CONVERSATION, PRIVACY } from '../../constants.ts'
 import BrowserStorage from '../../services/BrowserStorage.js'
-import { getTalkConfig } from '../../services/CapabilitiesManager.ts'
+import { getTalkConfig, getTalkVersion } from '../../services/CapabilitiesManager.ts'
 import { useCustomSettings } from '../../services/SettingsAPI.ts'
 import { setUserConfig } from '../../services/settingsService.ts'
 import { useActorStore } from '../../stores/actor.ts'
@@ -250,6 +257,7 @@ import { isMac } from '../../utils/browserCheck.ts'
 import { satisfyVersion } from '../../utils/satisfyVersion.ts'
 
 const serverVersion = loadState('core', 'config', {}).version ?? '29.0.0.0'
+const talkVersion = getTalkVersion()
 const serverSupportsBackgroundBlurred = satisfyVersion(serverVersion, '29.0.4.0')
 
 const isBackgroundBlurredState = serverSupportsBackgroundBlurred
@@ -279,6 +287,8 @@ export default {
 		const CmdOrCtrl = isMac ? 'Cmd' : 'Ctrl'
 
 		return {
+			IS_DESKTOP,
+			talkVersion,
 			CmdOrCtrl,
 			settingsStore,
 			soundsStore,
@@ -530,6 +540,12 @@ export default {
 		padding: 8px 0;
 	}
 
+	&__version {
+		margin-block-end: calc(2 * var(--default-grid-baseline));
+		text-align: center;
+		color: var(--color-text-maxcontrast);
+	}
+
 	&__wrapper {
 		display: flex;
 		align-items: center;
diff --git a/src/services/CapabilitiesManager.ts b/src/services/CapabilitiesManager.ts
index 015bba6a02..fafcb7cd94 100644
--- a/src/services/CapabilitiesManager.ts
+++ b/src/services/CapabilitiesManager.ts
@@ -50,6 +50,13 @@ function patchTokenMap(conversation: Conversation) {
 	}
 }
 
+/**
+ * Get current Talk version in string format
+ */
+export function getTalkVersion(): string {
+	return localCapabilities?.spreed?.version ?? ''
+}
+
 /**
  * Check whether the feature is presented (in case of federation - on both servers)
  * @param token conversation token