feat: schedule task on text prompt input submit event

src/components/AssistantFormInputs.vue

@@ -18,6 +18,7 @@
 				:optional-shape-options="selectedTaskType.optionalInputShapeEnumValues ?? null"
 				:values="inputs"
 				:show-advanced="showAdvanced"
+				@submit="$emit('submit', $event)"
 				@update:show-advanced="$emit('update:show-advanced', $event)"
 				@update:values="$emit('update:inputs', $event)" />
 		</div>

src/components/AssistantTextProcessingForm.vue

@@ -45,7 +45,8 @@
 				:inputs.sync="myInputs"
 				:selected-task-id="selectedTaskId"
 				:selected-task-type="selectedTaskType"
-				:show-advanced.sync="showAdvanced" />
+				:show-advanced.sync="showAdvanced"
+				@submit="onSyncSubmit" />
 			<AssistantFormOutputs v-if="hasOutput"
 				:inputs="myInputs"
 				:outputs.sync="myOutputs"

src/components/ChattyLLM/InputArea.vue

@@ -13,7 +13,7 @@
 			:placeholder="loading.llmGeneration ? thinkingText : placeholderText"
 			:aria-label="loading.llmGeneration ? thinkingText : placeholderText"
 			:maxlength="1600"
-			:multiline="false"
+			:multiline="isMobile"
 			dir="auto"
 			@update:value="$emit('update:chatContent', $event)"
 			@submit="$emit('submit', $event)" />
@@ -34,6 +34,8 @@
 <script>
 import SendIcon from 'vue-material-design-icons/Send.vue'
 
+import isMobile from '../../mixins/isMobile.js'
+
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcRichContenteditable from '@nextcloud/vue/dist/Components/NcRichContenteditable.js'
 
@@ -54,6 +56,10 @@ export default {
 		NcRichContenteditable,
 	},
 
+	mixins: [
+		isMobile,
+	],
+
 	props: {
 		chatContent: {
 			type: String,

src/components/fields/TaskTypeField.vue

@@ -10,6 +10,7 @@
 		:field="field"
 		:options="options ?? undefined"
 		:is-output="isOutput"
+		@submit="$emit('submit', $event)"
 		@update:value="$emit('update:value', $event)" />
 </template>
 
@@ -53,6 +54,7 @@ export default {
 	},
 
 	emits: [
+		'submit',
 		'update:value',
 	],
 

src/components/fields/TaskTypeFields.vue

@@ -11,6 +11,7 @@
 			:value="values[key] ?? null"
 			:options="getInputFieldOptions(field, key)"
 			:is-output="isOutput"
+			@submit="onSubmit"
 			@update:value="onValueChange(key, $event)" />
 		<!--NcButton v-if="hasOptionalShape"
 			@click="$emit('update:show-advanced', !showAdvanced)">
@@ -76,6 +77,7 @@ export default {
 	},
 
 	emits: [
+		'submit',
 		'update:values',
 	],
 
@@ -125,6 +127,10 @@ export default {
 			}
 			return undefined
 		},
+		onSubmit(event) {
+			console.debug('[assistant] field value submitted', event)
+			this.$emit('submit', event)
+		},
 		onValueChange(key, value) {
 			const newValues = {
 				...this.values,

src/components/fields/TextField.vue

@@ -11,6 +11,7 @@
 		:label="field.description"
 		:placeholder="field.placeholder ?? field.description"
 		:title="field.name"
+		@submit="onSubmit"
 		@update:value="onUpdateValue" />
 </template>
 
@@ -44,6 +45,7 @@ export default {
 	},
 
 	emits: [
+		'submit',
 		'update:value',
 	],
 
@@ -62,6 +64,10 @@ export default {
 	},
 
 	methods: {
+		onSubmit(event) {
+			console.debug('[Assistant] submit task event', event)
+			this.$emit('submit', event)
+		},
 		onUpdateValue(newValue) {
 			console.debug('[Assistant] new text value', newValue)
 			this.$emit('update:value', newValue?.trim())

src/components/fields/TextInput.vue

@@ -12,11 +12,12 @@
 			ref="input"
 			:value="value ?? ''"
 			:link-autocomplete="false"
-			:multiline="true"
+			:multiline="isMobile"
 			class="editable-input"
 			:class="{ shadowed: isOutput }"
 			:placeholder="placeholder"
 			:title="title"
+			@submit="hasValue && $emit('submit', $event)"
 			@update:value="$emit('update:value', $event)" />
 		<NcButton v-if="isOutput && hasValue"
 			class="copy-button"
@@ -48,6 +49,7 @@ import ClipboardCheckOutlineIcon from 'vue-material-design-icons/ClipboardCheckO
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcRichContenteditable from '@nextcloud/vue/dist/Components/NcRichContenteditable.js'
 
+import isMobile from '../../mixins/isMobile.js'
 import CopyIcon from '../icons/CopyIcon.vue'
 
 import axios from '@nextcloud/axios'
@@ -90,6 +92,10 @@ export default {
 		CopyIcon,
 	},
 
+	mixins: [
+		isMobile,
+	],
+
 	props: {
 		id: {
 			type: String,
@@ -122,6 +128,7 @@ export default {
 	},
 
 	emits: [
+		'submit',
 		'update:value',
 	],
 

src/mixins/isMobile.js

@@ -0,0 +1,28 @@
+/**
+ * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+export default {
+	data() {
+		return {
+			isMobile: this._isMobile(),
+		}
+	},
+	beforeMount() {
+		window.addEventListener('resize', this._onResize)
+	},
+	beforeDestroy() {
+		window.removeEventListener('resize', this._onResize)
+	},
+	methods: {
+		_onResize() {
+			// Update mobile mode
+			this.isMobile = this._isMobile()
+		},
+		_isMobile() {
+			// check if content width is under 768px
+			return document.documentElement.clientWidth < 768
+		},
+	},
+}