Update history selection logic

Author: aiqlcom

README.md

@@ -1,9 +1,6 @@
 # TUUI - Tool Unitary User Interface
 
-[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/AI-QL/tuui)
-[![](https://img.shields.io/badge/Vue3-brightgreen.svg)](https://vuejs.org)
-[![](https://img.shields.io/badge/Vuetify-blue.svg)](https://vuetifyjs.com)
-[![LICENSE](https://img.shields.io/github/license/AI-QL/tuui)](https://github.com/AI-QL/tuui/blob/main/LICENSE)
+[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/AI-QL/tuui) [![](https://img.shields.io/badge/Vue3-brightgreen.svg)](https://vuejs.org) [![](https://img.shields.io/badge/Vuetify-blue.svg)](https://vuetifyjs.com) [![LICENSE](https://img.shields.io/github/license/AI-QL/tuui)](https://github.com/AI-QL/tuui/blob/main/LICENSE)
 
 #### TUUI is a tool unitary utility integration that accelerates AI tool adoption through MCP (Model Context Protocol) and enables orchestration of cross-vendor LLM APIs.
 

src/renderer/screens/chat/ChatHistoryScreen.vue

@@ -18,7 +18,7 @@ function parseContent(content) {
 }
 </script>
 <template>
-  <v-list nav>
+  <v-list v-model:selected="historyStore.selected" nav>
     <v-list-item
       v-for="(item, index) in historyStore.conversation"
       :key="item.id"

src/renderer/store/history.ts

@@ -3,43 +3,48 @@ import localForage from 'localforage'
 import { v4 as uuidv4 } from 'uuid'
 import { useMessageStore } from '@/renderer/store/message'
 
+type ConversationID = string
+
 export type MessageEntry = {
   role: string
   content: any
   reasoning_content?: string
   [key: string]: any
 }
 
-interface ConversationEntry {
-  id: string
+type ConversationEntry = {
+  id: ConversationID
   messages: MessageEntry[]
 }
 
 export const useHistoryStore = defineStore('historyStore', {
   state: () => ({
+    selected: undefined as ConversationID[] | undefined,
     conversation: [] as ConversationEntry[]
   }),
   persist: {
+    include: ['conversation'],
     storage: localForage
   },
-  getters: {
-    getDate: () => {
+  getters: {},
+  actions: {
+    getDate() {
       const date = new Date().toLocaleString('zh', { timeZoneName: 'short', hour12: false })
       return `${date} ${uuidv4()}`
-    }
-  },
-  actions: {
+    },
     resetState() {
       this.$reset()
     },
     deleteById(index) {
       this.conversation.splice(index, 1)
     },
     init(conversation) {
+      const newId = this.getDate()
       this.conversation.unshift({
-        id: this.getDate,
+        id: newId,
         messages: conversation
       })
+      this.selected = [newId]
     },
     replace(id) {
       this.deleteById(id)
@@ -48,9 +53,7 @@ export const useHistoryStore = defineStore('historyStore', {
     },
     select(id) {
       const messageStore = useMessageStore()
-      //   settingStore.configHistory = false
       messageStore.conversation = this.conversation[id].messages
-      // this.replace(id)
     },
     getColor(id) {
       const targetElement = this.conversation[id]?.messages.find(