Merge pull request #220 from nextcloud/feat/expected-runtime

feat: display expected task runtime when running

Author: edward-ly

src/assistant.js

@@ -85,13 +85,15 @@ export async function openAssistantForm({
 			view.loading = true
 			view.showSyncTaskRunning = true
 			view.progress = null
+			view.expectedRuntime = null
 			view.inputs = inputs
 			view.selectedTaskTypeId = taskTypeId
 
 			scheduleTask(appId, newTaskCustomId, taskTypeId, inputs)
 				.then((response) => {
 					const task = response.data?.ocs?.data?.task
 					lastTask = task
+					view.expectedRuntime = (lastTask?.completionExpectedAt - lastTask?.scheduledAt) || null
 					const setProgress = (progress) => {
 						view.progress = progress
 					}
@@ -385,13 +387,15 @@ export async function openAssistantTask(task, { isInsideViewer = undefined, acti
 	const syncSubmit = (inputs, taskTypeId, newTaskCustomId = '') => {
 		view.loading = true
 		view.showSyncTaskRunning = true
+		view.expectedRuntime = null
 		view.inputs = inputs
 		view.selectedTaskTypeId = taskTypeId
 
 		scheduleTask('assistant', newTaskCustomId, taskTypeId, inputs)
 			.then((response) => {
 				const task = response.data?.ocs?.data?.task
 				lastTask = task
+				view.expectedRuntime = (lastTask?.completionExpectedAt - lastTask?.scheduledAt) || null
 				pollTask(task.id).then(finishedTask => {
 					if (finishedTask.status === TASK_STATUS_STRING.successful) {
 						view.outputs = finishedTask?.output

src/components/AssistantTextProcessingModal.vue

@@ -27,6 +27,7 @@
 					v-if="showSyncTaskRunning"
 					:description="shortInput"
 					:progress="progress"
+					:expected-runtime="expectedRuntime"
 					@background-notify="$emit('background-notify')"
 					@cancel="$emit('cancel-task')"
 					@back="onBackToAssistant" />
@@ -112,6 +113,10 @@ export default {
 			type: [Number, null],
 			default: null,
 		},
+		expectedRuntime: {
+			type: [Number, null],
+			default: null,
+		},
 		showScheduleConfirmation: {
 			type: Boolean,
 			required: true,

src/components/RunningEmptyContent.vue

@@ -14,6 +14,9 @@
 					<NcProgressBar
 						:value="progress" />
 				</div>
+				<div v-if="formattedRuntime">
+					{{ formattedRuntime }}
+				</div>
 				<NcButton
 					@click="$emit('background-notify')">
 					<template #icon>
@@ -75,6 +78,10 @@ export default {
 			type: [Number, null],
 			default: null,
 		},
+		expectedRuntime: {
+			type: [Number, null],
+			default: null,
+		},
 	},
 
 	emits: [
@@ -95,6 +102,15 @@ export default {
 			}
 			return null
 		},
+		formattedRuntime() {
+			if (this.expectedRuntime === null) {
+				return ''
+			}
+			if (this.expectedRuntime < 60) {
+				return t('assistant', 'This may take a few seconds…')
+			}
+			return t('assistant', 'This may take a few minutes…')
+		},
 	},
 
 	mounted() {
@@ -116,6 +132,7 @@ export default {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
+		gap: 2px;
 	}
 }
 </style>

src/views/AssistantPage.vue

@@ -10,6 +10,7 @@
 					v-if="showSyncTaskRunning"
 					:description="shortInput"
 					:progress="progress"
+					:expected-runtime="expectedRuntime"
 					@background-notify="onBackgroundNotify"
 					@cancel="onCancel"
 					@back="onBackToAssistant" />
@@ -88,6 +89,11 @@ export default {
 			}
 			return ''
 		},
+		expectedRuntime() {
+			const expected = this.task.completionExpectedAt
+			const scheduled = this.task.scheduledAt
+			return (expected && scheduled) ? (expected - scheduled) : null
+		},
 	},
 
 	mounted() {
@@ -114,13 +120,17 @@ export default {
 		syncSubmit(inputs, taskTypeId, newTaskIdentifier = '') {
 			this.showSyncTaskRunning = true
 			this.progress = null
+			this.task.completionExpectedAt = null
+			this.task.scheduledAt = null
 			this.task.input = inputs
 			this.task.type = taskTypeId
 			scheduleTask('assistant', this.task.identifier, taskTypeId, inputs)
 				.then((response) => {
 					console.debug('Assistant SYNC result', response.data?.ocs?.data)
 					const task = response.data?.ocs?.data?.task
 					this.task.id = task.id
+					this.task.completionExpectedAt = task.completionExpectedAt
+					this.task.scheduledAt = task.scheduledAt
 					pollTask(task.id, this.setProgress).then(finishedTask => {
 						if (finishedTask.status === TASK_STATUS_STRING.successful) {
 							this.task.output = finishedTask?.output