Refactor conversation/session handling in chat stores

Refactored chat history and message stores to use a new SessionEntry type for conversations, improving consistency and maintainability. Updated related components and screens to use the new structure, and added support for 'Continue' action in chat UI. Also updated localization files and incremented version numbers.

Author: aiqlcom

docs/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "tuui-docs",
   "private": true,
-  "version": "1.2.3",
+  "version": "1.3.0",
   "scripts": {
     "dev": "vitepress dev src",
     "build": "vitepress build src",

docs/package.json

@@ -1,8 +1,8 @@
 {
   "name": "tuui",
   "appId": "com.tuui.app",
-  "version": "1.2.3",
-  "schemaVersion": "1.0",
+  "version": "1.3.0",
+  "schemaVersion": "1.3",
   "description": "Tool Unitary User Interface",
   "homepage": "https://www.tuui.com",
   "author": "AIQL <contact@aiql.com>",

package-lock.json

@@ -14,7 +14,7 @@ const handleProgress: IpcCommandRequestCallback = (_event, progress) => {
       role: 'user'
     } as ChatConversationMessage
   ]
-  messageStore.applyPrompt(conversations)
+  messageStore.initConversation(conversations)
   messageStore.userMessage = params.input
 }
 

package.json

@@ -66,10 +66,10 @@ const agentStore = useAgentStore()
     </v-col>
     <v-col cols="4" class="pt-4 pb-0 pr-0">
       <!-- Adds a horizontal flex container (row direction) to override parent column layout, ensuring right alignment within v-col -->
-      <div class="d-flex justify-end">
+      <span class="d-flex justify-end">
         <v-spacer></v-spacer>
 
-        <div v-if="messageStore.historyId in messageStore.generating">
+        <span v-if="messageStore.conversation.id in messageStore.generating">
           <v-icon-btn
             v-tooltip:start="$t('chat.wipe')"
             color="error"
@@ -86,7 +86,7 @@ const agentStore = useAgentStore()
             rounded="lg"
             @click="messageStore.stop"
           ></v-icon-btn>
-        </div>
+        </span>
 
         <v-icon-btn
           v-else-if="messageStore.userMessage"
@@ -97,7 +97,7 @@ const agentStore = useAgentStore()
           @click="messageStore.sendMessage"
         ></v-icon-btn>
 
-        <div v-else-if="messageStore.conversation.length > 0">
+        <span v-else-if="messageStore.conversation.messages.length > 0">
           <v-icon-btn
             v-tooltip:start="$t('chat.wipe')"
             color="error"
@@ -109,23 +109,35 @@ const agentStore = useAgentStore()
 
           <v-divider class="mx-1" vertical></v-divider>
 
-          <v-icon-btn
-            v-tooltip:start="$t('chat.reg')"
-            color="teal"
-            variant="tonal"
-            icon="mdi-autorenew"
-            rounded="lg"
-            @click="messageStore.resendMessage"
-          ></v-icon-btn>
-        </div>
+          <span v-if="messageStore.conversation.messages.at(-1)?.role === 'assistant'">
+            <v-icon-btn
+              v-tooltip:top="$t('chat.reg')"
+              color="teal"
+              variant="tonal"
+              icon="mdi-autorenew"
+              rounded="lg"
+              @click="messageStore.resendMessage"
+            ></v-icon-btn>
+          </span>
+          <span v-else>
+            <v-icon-btn
+              v-tooltip:top="$t('chat.continue')"
+              color="primary"
+              variant="tonal"
+              icon="mdi-step-forward"
+              rounded="lg"
+              @click="messageStore.startInference"
+            ></v-icon-btn>
+          </span>
+        </span>
         <v-icon-btn
           v-else
           color="grey"
           variant="tonal"
           icon="mdi-account-edit"
           rounded="lg"
         ></v-icon-btn>
-      </div>
+      </span>
     </v-col>
   </v-row>
 </template>

src/renderer/components/common/CommandCard.vue

@@ -16,7 +16,7 @@ const navigateTo = (route: string, screenValue: number) => {
 
 const handleApplyPrompt = async () => {
   const conversations = await promptStore.fetchSelect()
-  messageStore.applyPrompt(conversations)
+  messageStore.initConversation(conversations)
   navigateTo('/chat', 1)
 }
 </script>

src/renderer/components/pages/ChatInputPage.vue

@@ -67,6 +67,7 @@
   "chat": {
     "wipe": "Wipe",
     "reg": "Regenerate",
+    "continue": "Continue",
     "token-refresh": "Invalid API key, updating now...",
     "token-fail": "Update API key failed.",
     "select-model": "Select Model",

src/renderer/components/pages/McpPromptPage.vue

@@ -67,6 +67,7 @@
   "chat": {
     "wipe": "清理对话",
     "reg": "重新生成",
+    "continue": "继续生成",
     "token-refresh": "无效的 API key, 正在更新中...",
     "token-fail": "更新 API key 失败.",
     "select-model": "选择模型",

src/renderer/locales/en.json

@@ -1,4 +1,5 @@
-<script setup lang="tsx">
+<script setup lang="ts">
+import { computed } from 'vue'
 import { useHistoryStore } from '@/renderer/store/history'
 import { useMessageStore } from '@/renderer/store/message'
 import { ChatConversationMessage } from '@/renderer/types/message'
@@ -19,19 +20,25 @@ function parseContent(content: undefined | string | ChatConversationMessage['con
     return content
   }
 }
+
+const selectedConversation = computed({
+  get: () => [messageStore.conversation.id],
+  set: ([value]) => {
+    historyStore.select(value)
+  }
+})
 </script>
 <template>
-  <v-list v-model:selected="historyStore.selected" nav>
+  <v-list v-model:selected="selectedConversation" nav>
     <v-list-item
-      v-for="(item, index) in historyStore.conversation"
+      v-for="(item, index) in historyStore.conversations"
       :key="item.id"
       :ripple="false"
       two-line
       :value="item.id"
       link
       :title="parseContent(item.messages[0]?.content)"
       :subtitle="parseContent(item.messages.at(-1)?.content)"
-      @click="historyStore.select(index)"
     >
       <template #append>
         <v-list-item-action>