- Changed loading indicator to be disabled when streaming response.

CHANGELOG.md

@@ -29,6 +29,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [UNRELEASED]
 
+## v1.3.1 - 2023-11-18
+- Changed loading indicator to be disabled when streaming response.
+
 ## v1.3.0 - 2023-11-18
 - Added support for streamed responses to increase user experience.
 - Fixed issue where switching to a conversation with images while having text generation activated changed the text generation model to dall-e.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "team-ai",
   "private": true,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Messages.vue

@@ -84,7 +84,7 @@
 
                     <!-- User messages and text completions do not support multiple choices and are stored as 'content'.  -->
                     <div v-else>
-                        <q-markdown :src="message.content" :plugins="mdPlugins" />
+                        <q-markdown no-heading-anchor-links :src="message.content" :plugins="mdPlugins" />
                     </div>
                 </q-item-section>
 

src/components/UserInput.vue

@@ -42,11 +42,11 @@
             </template>
 
             <template v-slot:append>
-                <q-btn :loading="loading" @click="handleUserInput" dense flat icon="mdi-send" :color="iconColor">
+                <q-btn :loading="loading && !streamResponse" @click="handleUserInput" dense flat icon="mdi-send" :color="iconColor">
                     <q-tooltip :delay="750" transition-show="scale" transition-hide="scale">
                         {{ loading ? t('userInput.tooltip.waiting') : t('userInput.tooltip.send') }}
                     </q-tooltip>
-                    <template v-slot:loading>
+                    <template v-slot:loading v-if="!streamResponse">
                         <q-spinner color="primary" />
                     </template>
 
@@ -71,7 +71,7 @@ export default {
         const teamsStore = useTeamsStore();
         const { loading, userInput, isCreateImageSelected } = storeToRefs(teamsStore);
         const settingsStore = useSettingsStore();
-        const { speechLanguage } = storeToRefs(settingsStore);
+        const { speechLanguage, streamResponse } = storeToRefs(settingsStore);
         const question = ref('');
         const { t } = useI18n();
         const $q = useQuasar();
@@ -143,6 +143,7 @@ export default {
             t,
             iconColor: computed(() => $q.dark.isActive ? 'grey-4' : 'grey-8'),
             loading,
+            streamResponse,
 
             isMicrophoneActive,
             speechDetected,

src/main.js

@@ -55,8 +55,7 @@ app.use(Quasar, {
     iconSet: quasarIconSet,
     extras: [
         'material-icons',
-        'mdi-v7',
-        'bootstrap-icons'
+        'mdi-v7'
     ],
     /*
     config: {