diff --git a/web/src/components/ChatBox.vue b/web/src/components/ChatBox.vue
index 11836876..81158833 100644
--- a/web/src/components/ChatBox.vue
+++ b/web/src/components/ChatBox.vue
@@ -164,12 +164,12 @@
 </style>
 <script setup>
 import MountedPersonalitiesComponent from './MountedPersonalitiesComponent.vue'
+
+</script>
+<script>
 import { nextTick, TransitionGroup } from 'vue'
 import feather from 'feather-icons'
 import filesize from '../plugins/filesize'
-</script>
-<script>
-
 
 export default {
     name: 'ChatBox',
@@ -179,13 +179,13 @@ export default {
         loading: false
 
     },
-    components: {
-        //MountedPersonalitiesComponent
-    },
+    // components: {
+    //     //MountedPersonalitiesComponent
+    // },
     setup () {
         
 
-        return {}
+  
     },
     data() {
         return {
diff --git a/web/src/views/DiscussionsView.vue b/web/src/views/DiscussionsView.vue
index c6d6f191..8bcbb4a2 100644
--- a/web/src/views/DiscussionsView.vue
+++ b/web/src/views/DiscussionsView.vue
@@ -189,8 +189,7 @@
 
             </div>
             <div class=" bottom-0 container flex flex-row items-center justify-center " v-if="currentDiscussion.id">
-                <ChatBox ref="chatBoxarea"  @messageSentEvent="sendMsg" :loading="isGenerating"
-                    @stopGenerating="stopGenerating" ></ChatBox>
+                <ChatBox ref="chatBox"  @messageSentEvent="sendMsg" :loading="isGenerating" @stopGenerating="stopGenerating" ></ChatBox>
             </div>
             <!-- CAN ADD FOOTER PANEL HERE -->
         </div>
@@ -1128,12 +1127,14 @@ export default {
         setFileListChat(files) {
 
 
-            //this.fileList = files
+                try {
+                    this.$refs.chatBox.fileList = this.$refs.chatBox.fileList.concat(files)
+                } catch (error) {
+                this.$refs.toast.showToast("Failed to set filelist in chatbox\n"+error.message, 4, false)
+                    
+                }
             
 
-                console.log('chatbox',this.$refs)
-            this.$refs.chatBox.fileList = this.$refs.chatBox.fileList.concat(files)
-
             this.isDragOverChat = false
         
 
@@ -1195,7 +1196,7 @@ export default {
 
     },
     mounted(){
-        console.log('chatbox mnt',this.$refs)
+        //console.log('chatbox mnt',this.$refs)
     },
     async activated() {