remove form header title blink animation, use the copy button in text output fields to show the user we are streaming

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>

Author: julien-nc

src/components/AssistantTextProcessingForm.vue

@@ -889,14 +889,6 @@ export default {
 				flex-wrap: wrap;
 				width: 100%;
 				padding: 4px 0 4px 10px;
-				> label {
-					animation: blink 2s infinite;
-				}
-				@media (prefers-reduced-motion: reduce) {
-					> label {
-						animation: none;
-					}
-				}
 			}
 
 			&__provider {
@@ -945,18 +937,6 @@ export default {
 		min-height: 0;
 	}
 }
-
-@keyframes blink {
-	0% {
-		opacity: 1;
-	}
-	50% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
 </style>
 
 <style lang="scss">

src/components/fields/TextInput.vue

@@ -28,10 +28,16 @@
 			:title="t('assistant', 'Copy output')"
 			@click="onCopy">
 			<template #icon>
-				<ClipboardCheckOutlineIcon v-if="copied" />
+				<NcLoadingIcon v-if="streaming()" />
+				<ClipboardCheckOutlineIcon v-else-if="copied" />
 				<ContentCopyIcon v-else />
 			</template>
-			{{ t('assistant', 'Copy') }}
+			<span v-if="streaming()">
+				{{ t('assistant', 'Getting results...') }}
+			</span>
+			<span v-else>
+				{{ t('assistant', 'Copy') }}
+			</span>
 		</NcButton>
 		<NcButton v-if="!isOutput && !hasValue && showChooseButton"
 			class="choose-file-button"
@@ -52,6 +58,7 @@ import ContentCopyIcon from 'vue-material-design-icons/ContentCopy.vue'
 
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcRichContenteditable from '@nextcloud/vue/components/NcRichContenteditable'
+import { NcLoadingIcon } from '@nextcloud/vue'
 
 import isMobile from '../../mixins/isMobile.js'
 
@@ -78,6 +85,7 @@ export default {
 	components: {
 		NcRichContenteditable,
 		NcButton,
+		NcLoadingIcon,
 		FileDocumentOutlineIcon,
 		ClipboardCheckOutlineIcon,
 		ContentCopyIcon,