fix session store and loading don't resatrt

src/components/Layout.vue

@@ -18,13 +18,15 @@
   </div>
 </template>
 <script setup>
-import { ref, onMounted, nextTick } from 'vue'
+import { ref, onMounted, nextTick, onUnmounted, onBeforeUnmount } from 'vue'
 import Chat from './Chat.vue'
 import HistoryList from './HistoryList.vue'
 import difyApi from '../apis/difyApi'
 import { useAppStore } from '../store/app'
+import { useTaskStore } from '../store/task'
 
 const appStore = useAppStore()
+const taskStore = useTaskStore()
 const chatRef = ref(null)
 const sideBarHidden = ref(false)
 const getSideBarStatus = (status) => {
@@ -89,9 +91,18 @@ const getUserId = () => {
   }
 }
 
+const clearTaskStore = (event) => {
+  taskStore.clear()  
+}
+
 onMounted(() => {
   initAppInfo()
   getUserId()
+  window.addEventListener('beforeunload', clearTaskStore);
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('beforeunload', clearTaskStore);
 })
 
 </script>

src/components/chatSubassembly/aiBubble.vue

@@ -38,6 +38,7 @@
           :icon="Refresh"
           size="small"
           circle
+          :disabled="isLoading"
           @click="reStartSSE"
         />
         <el-button

src/store/app.js

@@ -22,5 +22,8 @@ export const useAppStore = defineStore('app', {
       this.userId = userId
     }
   },
-  persist: true
+  persist: {
+    key: 'app',
+    storage: sessionStorage
+  }
 })
\ No newline at end of file

src/store/task.js

@@ -31,5 +31,8 @@ export const useTaskStore = defineStore('task', {
       this.workflow_run_id = ''
     }
   },
-  persist: true
+  persist: {
+    key: 'task',
+    storage: sessionStorage
+  }
 })
\ No newline at end of file