From ccaa4806fe9fea1bcb042f2915ef42747493d2a3 Mon Sep 17 00:00:00 2001
From: Julien Veyssier <julien-nc@posteo.net>
Date: Fri, 8 Mar 2024 15:18:22 +0100
Subject: [PATCH] show empty content if no AI provider was found (if task type
 list is empty)

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>
---
 .../BeforeTemplateRenderedListener.php        |  5 --
 src/components/AdminSettings.vue              |  3 +-
 .../AssistantTextProcessingForm.vue           | 12 +++-
 src/components/NoProviderEmptyContent.vue     | 69 +++++++++++++++++++
 4 files changed, 81 insertions(+), 8 deletions(-)
 create mode 100644 src/components/NoProviderEmptyContent.vue

diff --git a/lib/Listener/BeforeTemplateRenderedListener.php b/lib/Listener/BeforeTemplateRenderedListener.php
index c2da303d..2712c1c4 100644
--- a/lib/Listener/BeforeTemplateRenderedListener.php
+++ b/lib/Listener/BeforeTemplateRenderedListener.php
@@ -26,7 +26,6 @@ public function __construct(
 		private IConfig $config,
 		private IInitialState $initialStateService,
 		private ?string $userId,
-		private ITextProcessingManager $textProcessingManager
 	) {
 	}
 
@@ -44,10 +43,6 @@ public function handle(Event $event): void {
 			return;
 		}
 
-		if (!$this->textProcessingManager->hasProviders()) {
-			return;
-		}
-
 		$adminAssistantEnabled = $this->config->getAppValue(Application::APP_ID, 'assistant_enabled', '1') === '1';
 		$userAssistantEnabled = $this->config->getUserValue($this->userId, Application::APP_ID, 'assistant_enabled', '1') === '1';
 		$assistantEnabled = $adminAssistantEnabled && $userAssistantEnabled;
diff --git a/src/components/AdminSettings.vue b/src/components/AdminSettings.vue
index d6efd633..a99887a8 100644
--- a/src/components/AdminSettings.vue
+++ b/src/components/AdminSettings.vue
@@ -11,14 +11,13 @@
 				</h3>
 				<NcCheckboxRadioSwitch
 					:checked="state.assistant_enabled"
-					:disabled="!state.text_processing_available"
 					@update:checked="onCheckboxChanged($event, 'assistant_enabled')">
 					<div class="checkbox-text">
 						{{ t('assistant', 'Top-right assistant') }}
 						<div v-if="!state.text_processing_available" class="checkbox-text">
 							<InformationOutlineIcon class="icon" />
 							<span>
-								{{ t('assistant', 'To enable this feature, please install any AI text processing provider.') }}
+								{{ t('assistant', 'To be able to use this feature, please install at least one AI text processing provider.') }}
 							</span>
 						</div>
 					</div>
diff --git a/src/components/AssistantTextProcessingForm.vue b/src/components/AssistantTextProcessingForm.vue
index 4241521a..eea73c21 100644
--- a/src/components/AssistantTextProcessingForm.vue
+++ b/src/components/AssistantTextProcessingForm.vue
@@ -1,5 +1,8 @@
 <template>
-	<div class="assistant-form">
+	<NcLoadingIcon v-if="loadingTaskTypes" />
+	<NoProviderEmptyContent v-else-if="taskTypes.length === 0" />
+	<div v-else
+		class="assistant-form">
 		<span class="assistant-bubble">
 			<CreationIcon :size="16" class="icon" />
 			<span>{{ t('assistant', 'Nextcloud Assistant') }}</span>
@@ -134,6 +137,7 @@ import TaskTypeSelect from './TaskTypeSelect.vue'
 import AssistantFormInputs from './AssistantFormInputs.vue'
 import Text2ImageDisplay from './Text2Image/Text2ImageDisplay.vue'
 import TaskList from './TaskList.vue'
+import NoProviderEmptyContent from './NoProviderEmptyContent.vue'
 
 import axios from '@nextcloud/axios'
 import { generateOcsUrl, generateUrl } from '@nextcloud/router'
@@ -148,6 +152,7 @@ const FREE_PROMPT_TASK_TYPE_ID = 'OCP\\TextProcessing\\FreePromptTaskType'
 export default {
 	name: 'AssistantTextProcessingForm',
 	components: {
+		NoProviderEmptyContent,
 		TaskList,
 		Text2ImageDisplay,
 		TaskTypeSelect,
@@ -199,6 +204,7 @@ export default {
 			mySelectedTaskTypeId: this.selectedTaskTypeId || FREE_PROMPT_TASK_TYPE_ID,
 			copied: false,
 			showHistory: false,
+			loadingTaskTypes: false,
 		}
 	},
 	computed: {
@@ -274,6 +280,7 @@ export default {
 	},
 	methods: {
 		getTaskTypes() {
+			this.loadingTaskTypes = true
 			axios.get(generateOcsUrl('/apps/assistant/api/v1/task-types'))
 				.then((response) => {
 					this.taskTypes = response.data.ocs.data.types
@@ -281,6 +288,9 @@ export default {
 				.catch((error) => {
 					console.error(error)
 				})
+				.then(() => {
+					this.loadingTaskTypes = false
+				})
 		},
 		onSubmit() {
 			this.$emit('submit', { inputs: this.myInputs, selectedTaskTypeId: this.mySelectedTaskTypeId })
diff --git a/src/components/NoProviderEmptyContent.vue b/src/components/NoProviderEmptyContent.vue
new file mode 100644
index 00000000..79567a9e
--- /dev/null
+++ b/src/components/NoProviderEmptyContent.vue
@@ -0,0 +1,69 @@
+<template>
+	<NcEmptyContent
+		:name="t('assistant', 'No provider found')"
+		:description="t('assistant', 'AI Providers need to be installed to use the Assistant')">
+		<template v-if="isAdmin" #action>
+			<span v-html="actionHtml" />
+		</template>
+		<template #icon>
+			<AssistantIcon />
+		</template>
+	</NcEmptyContent>
+</template>
+
+<script>
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+
+import AssistantIcon from './icons/AssistantIcon.vue'
+
+import { getCurrentUser } from '@nextcloud/auth'
+import { generateUrl } from '@nextcloud/router'
+
+const toolSectionUrl = generateUrl('/settings/apps/tools')
+const toolLinkText = t('assistant', 'tool')
+const toolLink = `<a class="external" target="_blank" href="${toolSectionUrl}">${toolLinkText}</a>`
+
+const integrationSectionUrl = generateUrl('/settings/apps/integration')
+const integrationLinkText = t('assistant', 'integration')
+const integrationLink = `<a class="external" target="_blank" href="${integrationSectionUrl}">${integrationLinkText}</a>`
+
+export default {
+	name: 'NoProviderEmptyContent',
+
+	components: {
+		AssistantIcon,
+		NcEmptyContent,
+	},
+
+	props: {
+	},
+
+	data() {
+		return {
+			isAdmin: getCurrentUser()?.isAdmin,
+		}
+	},
+
+	computed: {
+		actionHtml() {
+			return t('assistant', 'AI provider apps can be found in the {toolLink} and {integrationLink} app settings sections.', {
+				toolLink,
+				integrationLink,
+			}, undefined, { escape: false, sanitize: false })
+		},
+	},
+
+	watch: {
+	},
+
+	mounted() {
+	},
+
+	methods: {
+	},
+}
+</script>
+
+<style lang="scss">
+// nothing yet
+</style>