From 2c6d31d171605d6557a69442567028135daa032d Mon Sep 17 00:00:00 2001
From: greta <gretadoci@gmail.com>
Date: Mon, 23 Feb 2026 16:22:05 +0100
Subject: [PATCH] fix: show indication that transaltion modal uses AI

Signed-off-by: greta <gretadoci@gmail.com>
---
 src/components/TranslationModal.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/TranslationModal.vue b/src/components/TranslationModal.vue
index d3f5866880..7fe30d8c85 100644
--- a/src/components/TranslationModal.vue
+++ b/src/components/TranslationModal.vue
@@ -46,6 +46,12 @@
 					{{ isLoading ? t('mail', 'Translating') : t('mail', 'Translate') }}
 				</NcButton>
 			</div>
+			<div class="translate-dialog__ai-note">
+				<WarningIcon class="translate-dialog__ai-note-icon" />
+				<span>
+					{{ t('mail', 'This translation is generated using AI and may contain inaccuracies') }}
+	</span>
+			</div>
 
 			<NcRichText
 				class="translate-dialog__message translate-dialog__message-source"
@@ -79,6 +85,7 @@ import { showError, showSuccess } from '@nextcloud/dialogs'
 import { getLanguage } from '@nextcloud/l10n'
 import { NcButton, NcDialog, NcLoadingIcon, NcRichText, NcSelect } from '@nextcloud/vue'
 import { mapState } from 'pinia'
+import WarningIcon from 'vue-material-design-icons/AlertOctagonOutline.vue'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import { translateText } from '../service/translationService.js'
@@ -95,6 +102,7 @@ export default {
 		NcSelect,
 		ArrowRight,
 		ContentCopy,
+		WarningIcon,
 	},
 
 	props: {
@@ -228,4 +236,9 @@ export default {
 		}
 	}
 }
+.translate-dialog__ai-note {
+	display: flex;
+	align-items: center;
+	gap: 5px;
+}
 </style>