diff --git a/tests/end_point_tests/endpoints.http b/tests/end_point_tests/endpoints.http
index e392ecdb..926bca22 100644
--- a/tests/end_point_tests/endpoints.http
+++ b/tests/end_point_tests/endpoints.http
@@ -25,7 +25,7 @@ POST http://localhost:9600/delete_discussion
 Content-Type: application/json
 
 {
-    "id": 0 // Discussion ID Must be integer
+    "id": 0 
 }
 ############################################
 ### Edit discussion title
diff --git a/web/src/components/ChatBox.vue b/web/src/components/ChatBox.vue
index 7df32a17..dc8e6d80 100644
--- a/web/src/components/ChatBox.vue
+++ b/web/src/components/ChatBox.vue
@@ -16,51 +16,64 @@
             <div class="px-3 py-3 rounded-lg bg-bg-light-tone-panel dark:bg-bg-dark-tone-panel shadow-lg  ">
 
                 <div class="flex flex-col gap-2">
+                    <!-- EXPAND / COLLAPSE BUTTON -->
+
+                    <button v-if="fileList.length > 0"
+                        class="mx-1 w-full text-2xl hover:text-secondary duration-75 flex justify-center  hover:bg-bg-light-tone hover:dark:bg-bg-dark-tone rounded-lg "
+                        :title="showFileList ? 'Hide file list' : 'Show file list'" type="button"
+                        @click.stop=" showFileList = !showFileList">
+
+                        <i data-feather="list"></i>
+                    </button>
                     <!-- FILES     -->
-                    <div v-if="fileList.length > 0" class="flex flex-col max-h-64  ">
-                        <TransitionGroup name="list" tag="div"
-                            class="flex flex-col flex-grow overflow-y-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">
-                            <div v-for="(file, index) in fileList" :key="index + '-' + file.name">
-                                <div class="  m-1" :title="file.name">
-
-                                    <div
-                                        class="flex flex-row items-center gap-1 text-left p-2 text-sm font-medium bg-bg-dark-tone-panel dark:bg-bg-dark-tone rounded-lg hover:bg-primary dark:hover:bg-primary">
-                                        <div>
-                                            <i data-feather="file" class="w-5 h-5"></i>
-
-                                        </div>
+                    <div v-if="fileList.length > 0 && showFileList ==true">
 
 
-                                        <div class="line-clamp-1 w-3/5">
-                                            {{ file.name }}
+                        <div v-if="fileList.length > 0" class="flex flex-col max-h-64  ">
+                            <TransitionGroup name="list" tag="div"
+                                class="flex flex-col flex-grow overflow-y-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">
+                                <div v-for="(file, index) in fileList" :key="index + '-' + file.name">
+                                    <div class="  m-1" :title="file.name">
 
-                                        </div>
-                                        <div class="grow">
+                                        <div
+                                            class="flex flex-row items-center gap-1 text-left p-2 text-sm font-medium bg-bg-dark-tone-panel dark:bg-bg-dark-tone rounded-lg hover:bg-primary dark:hover:bg-primary">
+                                            <div>
+                                                <i data-feather="file" class="w-5 h-5"></i>
 
-                                        </div>
+                                            </div>
 
-                                        <div class="flex flex-row items-center">
-                                            <p class="whitespace-nowrap">
-                                                {{ computedFileSize(file.size) }}
 
-                                            </p>
-                                            <button type="button" title="Remove item"
-                                                class="flex items-center p-0.5 text-sm rounded-sm hover:text-red-600 active:scale-75"
-                                                @click="removeItem(file)">
-                                                <i data-feather="x" class="w-5 h-5 "></i>
+                                            <div class="line-clamp-1 w-3/5">
+                                                {{ file.name }}
+
+                                            </div>
+                                            <div class="grow">
+
+                                            </div>
+
+                                            <div class="flex flex-row items-center">
+                                                <p class="whitespace-nowrap">
+                                                    {{ computedFileSize(file.size) }}
+
+                                                </p>
+                                                <button type="button" title="Remove item"
+                                                    class="flex items-center p-0.5 text-sm rounded-sm hover:text-red-600 active:scale-75"
+                                                    @click="removeItem(file)">
+                                                    <i data-feather="x" class="w-5 h-5 "></i>
+
+                                                </button>
+
+                                            </div>
 
-                                            </button>
 
                                         </div>
 
 
                                     </div>
-
-
                                 </div>
-                            </div>
-                        </TransitionGroup>
+                            </TransitionGroup>
 
+                        </div>
                     </div>
                     <div v-if="fileList.length > 0" class="flex items-center mx-1">
 
@@ -86,14 +99,17 @@
 
                         </button>
                     </div>
-                    <div v-if="showPersonalities" class="container">
-                        <MountedPersonalitiesList ref="mountedPersList" :on-mount-unmount="onMountUnmountFun" />
+                    <div v-if="showPersonalities" class="mx-1">
+
+
+                        <MountedPersonalitiesList ref="mountedPersList" :onShowPersList="onShowPersListFun"
+                            :on-mount-unmount="onMountUnmountFun" :discussionPersonalities="allDiscussionPersonalities" />
                     </div>
                     <!-- CHAT BOX -->
                     <div class="flex flex-row flex-grow items-center gap-2 overflow-visible">
                         <div class="w-fit">
                             <MountedPersonalities ref="mountedPers" :onShowPersList="onShowPersListFun" />
-
+                            <!-- :onShowPersList="onShowPersListFun" -->
                         </div>
 
 
@@ -174,7 +190,7 @@ import MountedPersonalitiesComponent from './MountedPersonalitiesComponent.vue'
 
 </script> -->
 <script>
-import { nextTick, TransitionGroup } from 'vue'
+import { nextTick, ref, TransitionGroup } from 'vue'
 import feather from 'feather-icons'
 import filesize from '../plugins/filesize'
 import MountedPersonalities from './MountedPersonalities.vue'
@@ -183,7 +199,7 @@ export default {
     name: 'ChatBox',
     emits: ["messageSentEvent", "stopGenerating"],
     props: {
-
+        discussionList: Array,
         loading: false
 
     },
@@ -201,12 +217,34 @@ export default {
             message: "",
             fileList: [],
             totalSize: 0,
+            showFileList: true,
             showPersonalities: false
         }
     },
+    computed: {
+        allDiscussionPersonalities() {
+            if (this.discussionList.length > 0) {
+
+                let persArray = []
+                for (let i = 0; i < this.discussionList.length; i++) {
+                    if (!persArray.includes(this.discussionList[i].personality) && !this.discussionList[i].personality == "") {
+                        persArray.push(this.discussionList[i].personality)
+                    };
+                }
+
+
+
+
+                console.log('conputer pers', persArray)
+                console.log('dis conputer pers', this.discussionList)
+                return persArray
+            }
+
+        }
+    },
     methods: {
         onShowPersListFun(comp) {
-            this.showPersonalities = comp.show
+            this.showPersonalities = !this.showPersonalities
 
         },
         onMountUnmountFun(comp) {
@@ -257,6 +295,11 @@ export default {
         }
     },
     watch: {
+        showFileList() {
+            nextTick(() => {
+                feather.replace()
+            })
+        },
         loading(newval, oldval) {
             nextTick(() => {
                 feather.replace()
@@ -277,10 +320,14 @@ export default {
             },
             deep: true
         },
+        discussionList(val) {
+
+            console.log('discussion arr', val)
+        }
 
     },
     mounted() {
-
+        console.log('mnted all chat', this.allDiscussionPersonalities)
         nextTick(() => {
             feather.replace()
         })
diff --git a/web/src/components/ModelEntry.vue b/web/src/components/ModelEntry.vue
index 98df7d6b..9063ea38 100644
--- a/web/src/components/ModelEntry.vue
+++ b/web/src/components/ModelEntry.vue
@@ -150,7 +150,7 @@
           class="inline-flex items-center gap-2 px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
           Copy info
 
-          <span class="sr-only">Settings</span>
+          <span class="sr-only">Copy info</span>
         </button>
         <div class="flex flex-row  items-center ">
 
diff --git a/web/src/components/MountedPersonalities.vue b/web/src/components/MountedPersonalities.vue
index cabb7e33..3a1ef63b 100644
--- a/web/src/components/MountedPersonalities.vue
+++ b/web/src/components/MountedPersonalities.vue
@@ -9,16 +9,16 @@
 
 
             <img :src="bUrl + mountedPers.avatar" @error="personalityImgPlacehodler"
-                class="w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 group-hover:border-secondary  border-secondary"
-                :title="mountedPers.name" >
+                class="w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:z-20 hover:-translate-y-2 duration-150  border-secondary cursor-pointer"
+                :title="'Active personality: '+mountedPers.name" >
 
-            <div class="flex items-center justify-center w-8 h-8 cursor-pointer text-xs font-medium text-white bg-gray-700 border-2 border-white rounded-full hover:bg-gray-600 dark:border-gray-800"
+            <div class="flex items-center justify-center w-8 h-8 cursor-pointer text-xs font-medium bg-bg-light dark:bg-bg-dark border-2 hover:border-secondary  rounded-full hover:bg-bg-light-tone dark:hover:bg-bg-dark-tone dark:border-gray-800 hover:z-20 hover:-translate-y-2 duration-150 active:scale-90"
                 @click.stop="toggleShowPersList" title="Click to show more">+{{ mountedPersArr.length - 1 }}</div>
         </div>
         <div class="flex -space-x-4 " v-if="mountedPersArr.length == 1">
             <img :src="bUrl + mountedPers.avatar" @error="personalityImgPlacehodler"
-                class="w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 group-hover:border-secondary cursor-pointer  border-secondary"
-                :title="mountedPers.name" @click.stop="toggleShowPersList" >
+                class="w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:z-20 cursor-pointer  border-secondary"
+                :title="'Active personality: '+mountedPers.name" @click.stop="toggleShowPersList" >
         </div>
 
     </div>
@@ -62,8 +62,8 @@ export default {
     },
     methods: {
         toggleShowPersList() {
-            this.show = !this.show
-            this.onShowPersList(this)
+            //this.show = !this.show
+            this.onShowPersList()
         },
         async constructor() {
             
diff --git a/web/src/components/MountedPersonalitiesList.vue b/web/src/components/MountedPersonalitiesList.vue
index 00962d56..c1457c0a 100644
--- a/web/src/components/MountedPersonalitiesList.vue
+++ b/web/src/components/MountedPersonalitiesList.vue
@@ -1,25 +1,51 @@
 <template>
     <!-- LIST OF MOUNTED PERSONALITIES -->
     <div
-        class="text-left overflow-visible text-base font-semibold cursor-pointer select-none items-center flex flex-row overflow-x-auto -my-2 pr-2 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">
+        class="text-left overflow-visible text-base font-semibold cursor-pointer select-none items-center flex flex-col flex-grow w-full 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">
         <!-- LIST -->
-        <div v-if="mountedPersArr.length > 0" class="m-2">
-            <label for="model" class="block ml-2 mb-2 text-sm font-medium text-gray-900 dark:text-white">
-                Mounted Personalities: ({{ mountedPersArr.length }})
-            </label>
-            <div class="overflow-y-auto no-scrollbar p-2 pb-0 grid lg:grid-cols-1 md:grid-cols-1 gap-4 max-h-96">
-                <TransitionGroup name="bounce">
-                    <personality-entry ref="personalitiesZoo" v-for="(pers, index) in mountedPersArr"
-                        :key="'index-' + index + '-' + pers.name" :personality="pers" :full_path="pers.full_path"
-                        :selected="configFile.personalities[configFile.active_personality_id] === pers.full_path"
-                        :on-selected="onPersonalitySelected" :on-mounted="onPersonalityMounted"
-                        :on-settings="onSettingsPersonality" />
-                </TransitionGroup>
-            </div>
+        <!-- SPINNER -->
+        <div v-if="isLoading" role="status" class="flex justify-center overflow-y-hidden ">
+            <svg aria-hidden="true" class="w-6 h-6   animate-spin  fill-secondary" viewBox="0 0 100 101" fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                    d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+                    fill="currentColor" />
+                <path
+                    d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+                    fill="currentFill" />
+            </svg>
+            <span class="sr-only">Loading...</span>
         </div>
+        <div>
 
 
 
+            <div v-if="mountedPersArr.length > 0" :class="isLoading?'pointer-events-none opacity-30 cursor-default':''">
+
+                <!-- EXPAND / COLLAPSE BUTTON -->
+
+                <button
+                    class="mt-0 w-full text-2xl hover:text-secondary duration-75 flex justify-center  hover:bg-bg-light-tone hover:dark:bg-bg-dark-tone rounded-lg "
+                    title="Close personality list" type="button" @click.stop="toggleShowPersList">
+
+                    <i data-feather="chevron-down"></i>
+                </button>
+                <label class="block my-2 text-sm font-medium text-gray-900 dark:text-white">
+                    Mounted Personalities: ({{ mountedPersArr.length }})
+                </label>
+                <div class="overflow-y-auto no-scrollbar pb-0 grid lg:grid-cols-3 md:grid-cols-2 gap-4 max-h-96">
+                    <TransitionGroup name="bounce">
+                        <personality-entry ref="personalitiesZoo" v-for="(pers, index) in mountedPersArr"
+                            :key="'index-' + index + '-' + pers.name" :personality="pers" :full_path="pers.full_path"
+                            :selected="configFile.personalities[configFile.active_personality_id] === pers.full_path"
+                            :on-selected="onPersonalitySelected" :on-mounted="onPersonalityMounted"
+                            :on-settings="onSettingsPersonality" />
+                    </TransitionGroup>
+                </div>
+            </div>
+
+        </div>
+
         <Toast ref="toast">
         </Toast>
         <UniversalForm ref="universalForm" class="z-20" />
@@ -61,8 +87,9 @@ const bUrl = import.meta.env.VITE_GPT4ALL_API_BASEURL
 axios.defaults.baseURL = import.meta.env.VITE_GPT4ALL_API_BASEURL
 export default {
     props: {
-        onMountUnmount: Function
-
+        onMountUnmount: Function,
+        discussionPersonalities: Array,
+        onShowPersList: Function,
 
     },
     components: {
@@ -94,12 +121,16 @@ export default {
 
     },
     methods: {
+        toggleShowPersList() {
+            //this.show = !this.show
+            this.onShowPersList()
+        },
         toggleMountUnmount() {
             console.log('moununmoun pers list')
             this.onMountUnmount(this)
         },
         async constructor() {
-
+            this.isLoading = true
             this.configFile = await this.api_get_req("get_config")
             this.getPersonalitiesArr()
             let personality_path_infos = await this.api_get_req("get_current_personality_path_infos")
@@ -126,7 +157,7 @@ export default {
 
         },
         async getPersonalitiesArr() {
-
+            this.isLoading = true
             this.personalities = []
             const dictionary = await this.api_get_req("get_all_personalities")
             const config = await this.api_get_req("get_config")
@@ -175,7 +206,7 @@ export default {
 
 
             this.getMountedPersonalities()
-
+            this.isLoading = false
 
         },
         personalityImgPlacehodler(event) {
@@ -414,12 +445,12 @@ export default {
                 console.log()
                 const persId = this.personalities.findIndex(item => item.full_path == activePersPath)
                 //const persFilteredId = this.personalitiesFiltered.findIndex(item => item.full_path == pers.full_path)
-                //const persIdZoo = this.$refs.personalitiesZoo.findIndex(item => item.full_path == pers.full_path)
+                const persIdZoo = this.$refs.personalitiesZoo.findIndex(item => item.full_path == pers.full_path)
                 console.log('ppp', this.personalities[persId])
                 const activePers = this.personalities[persId]
                 activePers.isMounted = false
                 activePers.selected = true
-                //this.$refs.personalitiesZoo[persIdZoo].isMounted = false
+                this.$refs.personalitiesZoo[persIdZoo].isMounted = false
 
 
 
@@ -444,7 +475,7 @@ export default {
 
         },
         getMountedPersonalities() {
-
+            this.isLoading = true
             let mountedPersArr = []
             console.log(this.configFile.personalities.length)
             // console.log('perrs listo',this.personalities)
@@ -454,16 +485,49 @@ export default {
 
                 const pers = this.personalities[index]
                 if (pers) {
+                    console.log('adding from config')
                     mountedPersArr.push(pers)
                 }
                 else {
-                    mountedPersArr.push(this.personalities[this.personalities.findIndex(item => item.full_path == "english/generic/lollms")])
+                    console.log('adding default')
+                    const index = this.personalities.findIndex(item2 => item2.full_path == "english/generic/lollms")
+
+                    const pers = this.personalities[index]
+                    mountedPersArr.push(pers)
                 }
             }
             this.mountedPersArr = []
             this.mountedPersArr = mountedPersArr
             //this.mountedPersArr = mountedPersArr
-            console.log('getMountedPersonalities', mountedPersArr)
+            console.log('discussionPersonalities', this.discussionPersonalities)
+            if (this.discussionPersonalities.length > 0) {
+                for (let i = 0; i < this.discussionPersonalities.length; i++) {
+                    const per = this.discussionPersonalities[i]
+                    console.log('discussionPersonalities - per', per)
+                    const perIndex = this.mountedPersArr.findIndex((item) => item.full_path == per)
+                    console.log('discussionPersonalities -includes', perIndex)
+                    console.log('discussionPersonalities -mounted list', this.mountedPersArr)
+
+                    if (perIndex == -1) {
+
+                        const index2 = this.personalities.findIndex(item2 => item2.full_path == per)
+                        // const index22 = this.personalities.filter(item2 => item2.full_path.localeCompare(per) ==1 ) 
+
+                        const pers = this.personalities[index2]
+                        console.log('adding discucc121', pers, per)
+                        if (pers) {
+                            this.mountedPersArr.push(pers)
+                            console.log('adding discucc', pers)
+                        }
+
+                    }
+
+                }
+
+            }
+
+            this.isLoading = false
+            console.log('getMountedPersonalities', this.mountedPersArr)
             console.log('fig', this.configFile)
 
         },
diff --git a/web/src/components/PersonalityEntry.vue b/web/src/components/PersonalityEntry.vue
index da6856c9..11edbe88 100644
--- a/web/src/components/PersonalityEntry.vue
+++ b/web/src/components/PersonalityEntry.vue
@@ -13,35 +13,34 @@
         <h3 class="font-bold font-large text-lg line-clamp-3">
           {{ personality.name }}
         </h3>
-        <div class="grow">
-          <!-- EMPTY SPACE FILLER -->
-        </div>
-        <!-- ADVANCED OPTIONS - NOT IMPLEMENTED -->
-        <div class="flex items-center">
-          <button v-if="!personality.installed" type="button" title="Not installed"
-            class="hover:text-red-600 duration-75 font-medium rounded-lg text-sm p-2 text-center inline-flex items-center "
-            @click.stop="">
-            <i data-feather="slash" class="w-5"></i>
-            <span class="sr-only">Not installed</span>
-          </button>
-          <button v-if="selected_computed" type="button" title="Settings"
-            class="hover:text-secondary duration-75 active:scale-90 font-medium rounded-lg text-sm p-2 text-center inline-flex items-center "
-            @click.stop="toggleSettings">
-            <i data-feather="sliders" class="w-5"></i>
-            <span class="sr-only">Settings</span>
-          </button>
-          <!-- BUTTON MOUNTED  -->
-          <button type="button" @click.stop="toggleMounted"
-            class="inline-flex items-center px-5 py-2.5 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
-            :class="isMounted ? ' bg-red-700 rounded-lg hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800' : ''">
-            {{ isMounted ? 'Unmount' : 'Mount' }}
-
-          </button>
 
 
-        </div>
 
 
+      </div>
+      <div class="flex items-center flex-row-reverse gap-2 my-1">
+        <!-- CONTROLS -->
+        <button v-if="selected_computed" type="button" title="Settings" @click.stop="toggleSettings"
+          class="inline-flex items-center gap-2 px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+          Settings
+
+          <span class="sr-only">Settings</span>
+        </button>
+
+        <button v-if="!isMounted" title="Mount personality" type="button"
+          @click.stop="toggleMounted"
+          class="inline-flex items-center gap-2 px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+          Mount
+
+          <span class="sr-only">Click to install</span>
+        </button>
+        <button v-if="isMounted" title="Unmount personality" type="button" @click.stop="toggleMounted"
+          class="inline-flex items-center gap-2 px-3 py-2 text-xs font-medium text-center focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300  rounded-lg  dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900">
+          Unmount
+
+          <span class="sr-only">Remove</span>
+        </button>
+
       </div>
       <div class="">
         <div class="">
diff --git a/web/src/views/DiscussionsView.vue b/web/src/views/DiscussionsView.vue
index 745e45b6..f40e07e3 100644
--- a/web/src/views/DiscussionsView.vue
+++ b/web/src/views/DiscussionsView.vue
@@ -189,7 +189,7 @@
 
             </div>
             <div class=" bottom-0 container flex flex-row items-center justify-center " v-if="currentDiscussion.id">
-                <ChatBox ref="chatBox" @messageSentEvent="sendMsg" :loading="isGenerating" :discussionList="list" @stopGenerating="stopGenerating">
+                <ChatBox ref="chatBox" @messageSentEvent="sendMsg" :loading="isGenerating" :discussionList="discussionArr" @stopGenerating="stopGenerating">
                 </ChatBox>
             </div>
             <!-- CAN ADD FOOTER PANEL HERE -->
@@ -289,6 +289,7 @@ export default {
             try {
                 if (id) {
                     this.loading = true
+                    this.discussionArr=[]
                     this.setDiscussionLoading(id, this.loading)
                     const res = await axios.post('/load_discussion', {
                         id: id
@@ -1259,10 +1260,10 @@ export default {
         // If anyone knows hor to fix scroll issue when changing pages, please do fix it :D
         console.log("Websocket connected (activated)", this.socketConnected)
         //console.log('settings changed acc', this.$store.state.settingsChanged)
+        // await this.getPersonalityAvatars()
         await this.getPersonalityAvatars()
-
         if (this.isCreated) {
-            this.loadLastUsedDiscussion()
+           // this.loadLastUsedDiscussion()
             nextTick(() => {
 
                 const msgList = document.getElementById('messages-list')