From afb85b3bb5775652adfac28375a147c9410dac74 Mon Sep 17 00:00:00 2001
From: Julien Veyssier <julien-nc@posteo.net>
Date: Thu, 26 Mar 2026 15:18:59 +0100
Subject: [PATCH] feat(provider-name): put provider names in a popover

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>
---
 .../AssistantTextProcessingForm.vue           | 31 ++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/components/AssistantTextProcessingForm.vue b/src/components/AssistantTextProcessingForm.vue
index cd7bb64d..6a81e71e 100644
--- a/src/components/AssistantTextProcessingForm.vue
+++ b/src/components/AssistantTextProcessingForm.vue
@@ -53,10 +53,23 @@
 					<div class="session-area__top-bar">
 						<div class="session-area__top-bar__title">
 							<EditableTextField :initial-text="selectedTaskType.name ?? ''" />
-							<span v-if="selectedTaskType.preferredProviderName"
-								class="session-area__top-bar__provider">
-								{{ t('assistant', 'Provider: {name}', { name: selectedTaskType.preferredProviderName }) }}
-							</span>
+							<NcPopover v-if="selectedTaskType.preferredProviderName">
+								<template #trigger>
+									<NcButton
+										:aria-label="t('assistant', 'Provider name')">
+										<template #icon>
+											<InformationBoxIcon :size="20" />
+										</template>
+									</NcButton>
+								</template>
+								<template #default>
+									<div class="toolinfo_popover_inner">
+										<strong>
+											{{ t('assistant', 'Provider: {name}', { name: selectedTaskType.preferredProviderName }) }}
+										</strong>
+									</div>
+								</template>
+							</NcPopover>
 						</div>
 					</div>
 					<div v-if="mySelectedTaskTypeId === 'core:text2text:translate'"
@@ -134,6 +147,7 @@ import CreationIcon from 'vue-material-design-icons/Creation.vue'
 import PlusIcon from 'vue-material-design-icons/Plus.vue'
 import UnfoldLessHorizontalIcon from 'vue-material-design-icons/UnfoldLessHorizontal.vue'
 import UnfoldMoreHorizontalIcon from 'vue-material-design-icons/UnfoldMoreHorizontal.vue'
+import InformationBoxIcon from 'vue-material-design-icons/InformationBox.vue'
 
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActions from '@nextcloud/vue/components/NcActions'
@@ -145,6 +159,7 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
 import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import NcAssistantIcon from '@nextcloud/vue/components/NcAssistantIcon'
+import NcPopover from '@nextcloud/vue/components/NcPopover'
 
 import AssistantFormInputs from './AssistantFormInputs.vue'
 import AssistantFormOutputs from './AssistantFormOutputs.vue'
@@ -186,10 +201,12 @@ export default {
 		NcAppNavigationList,
 		NcAppNavigationNew,
 		NcAssistantIcon,
+		NcPopover,
 		CreationIcon,
 		PlusIcon,
 		UnfoldLessHorizontalIcon,
 		UnfoldMoreHorizontalIcon,
+		InformationBoxIcon,
 		AssistantFormInputs,
 		AssistantFormOutputs,
 		ChattyLLMInputForm,
@@ -845,3 +862,9 @@ export default {
 	}
 }
 </style>
+
+<style lang="scss">
+.toolinfo_popover_inner {
+	margin: 12px;
+}
+</style>