renamed and some stuff

web/src/components/ChatBox.vue

@@ -89,7 +89,7 @@
                     <!-- CHAT BOX -->
                     <div class="flex flex-row flex-grow items-center gap-2 ">
                         <!-- <div class="w-24">
-                            <MountedPersonalitiesComponent  />
+                            <MountedPersonalities  />
 
                         </div> -->
                        
@@ -166,15 +166,15 @@
     position: absolute;
 }
 </style>
-<script setup>
+<!-- <script setup>
 import MountedPersonalitiesComponent from './MountedPersonalitiesComponent.vue'
 
-</script>
+</script> -->
 <script>
 import { nextTick, TransitionGroup } from 'vue'
 import feather from 'feather-icons'
 import filesize from '../plugins/filesize'
-
+import MountedPersonalities from './MountedPersonalities.vue'
 export default {
     name: 'ChatBox',
     emits: ["messageSentEvent", "stopGenerating"],
@@ -183,9 +183,9 @@ export default {
         loading: false
 
     },
-    // components: {
-    //     //MountedPersonalitiesComponent
-    // },
+    components: {
+        MountedPersonalities
+    },
     setup() {
 
 

web/src/components/MountedPersonalities.vue

@@ -1,5 +1,4 @@
 <template>
-  
     <!-- LIST OF MOUNTED PERSONALITIES -->
     <div
         class=" text-base font-semibold cursor-pointer select-none items-center flex flex-row overflow-visible overflow-x-auto scrollbar-thin scrollbar-track-bg-light scrollbar-thumb-bg-light-tone hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark dark:scrollbar-thumb-bg-dark-tone dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
@@ -36,7 +35,6 @@
         </div>
 
     </div>
-   
 </template>
 
 <script>
@@ -46,7 +44,7 @@ import defaultPersonalityImgPlaceholder from "../assets/logo.svg"
 const bUrl = import.meta.env.VITE_GPT4ALL_API_BASEURL
 axios.defaults.baseURL = import.meta.env.VITE_GPT4ALL_API_BASEURL
 export default {
-    name: 'MountedPersonalitiesComponent',
+    name: 'MountedPersonalities',
     setup() {
 
 

web/src/views/DiscussionsView.vue

@@ -198,6 +198,7 @@
 
     <Toast ref="toast">
     </Toast>
+   
 </template>
 
 
@@ -1196,7 +1197,7 @@ export default {
 
     },
     mounted(){
-        //console.log('chatbox mnt',this.$refs)
+        console.log('chatbox mnt',this.$refs)
     },
     async activated() {