新增新对话

chat-ai-ui-main/src/components/Header.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { useUserStore } from '../stores/user';
+import { useChatStore } from '../stores/chat';
 import { useRouter } from 'vue-router';
 import robotImage from '../assets/robot.png';
 import axios from 'axios';
 
 const userStore = useUserStore();
+const chatStore = useChatStore();
 const router = useRouter();
 
 const logout = async () => {
@@ -60,6 +62,17 @@ const logout = async () => {
 
     <!-- 用户信息区域 -->
     <div class="flex items-center space-x-4">
+
+      <!-- 新对话按钮 -->
+      <button
+        @click="chatStore.newConversation()"
+        class="flex items-center space-x-1 text-gray-400 hover:text-green-400 transition-colors duration-200 px-3 py-1 rounded hover:bg-gray-700"
+      >
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
+        </svg>
+        <span>新对话</span>
+      </button>
       <!-- 用户头像或图标 -->
       <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center">
         <span class="text-white text-sm font-medium">

chat-ai-ui-main/src/stores/chat.ts

@@ -34,15 +34,21 @@ const blankMeta = () => ({
 export const useChatStore = defineStore('chat', () => {
   const messages = ref<Message[]>([]);
   const isLoading = ref(false);
+  const sessionId = ref(crypto.randomUUID());
 
   const userStore = useUserStore();
 
+  const newConversation = () => {
+    sessionId.value = crypto.randomUUID();
+    messages.value = [];
+  };
+
   const loadChatHistory = async () => {
     if (!userStore.userId) return;
     try {
       const { data } = await axios.get(
         `${import.meta.env.VITE_API_URL}/chat/history`,
-        { headers: { 'Authorization': `Bearer ${userStore.userId}` } }
+        { headers: { 'Authorization': `Bearer ${userStore.userId}` }, params: { sessionId: sessionId.value } }
       );
       messages.value = data
         .filter((msg: FormattedMessage) => msg.content)
@@ -74,7 +80,7 @@ export const useChatStore = defineStore('chat', () => {
       } else {
         const { data } = await axios.post(
           `${import.meta.env.VITE_API_URL}/chat/chat`,
-          { messages: [{ role: 'user', content: message }], stream: false },
+          { messages: [{ role: 'user', content: message }], stream: false, sessionId: sessionId.value },
           { headers: { 'Authorization': `Bearer ${userStore.userId}`, 'Content-Type': 'application/json' } }
         );
         messages.value.push({
@@ -119,7 +125,7 @@ export const useChatStore = defineStore('chat', () => {
           'Content-Type': 'application/json',
           'Authorization': `Bearer ${userStore.userId}`,
         },
-        body: JSON.stringify({ messages: historySnapshot, stream: true }),
+        body: JSON.stringify({ messages: historySnapshot, stream: true, sessionId: sessionId.value }),
       });
 
       if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
@@ -213,5 +219,5 @@ export const useChatStore = defineStore('chat', () => {
     }
   };
 
-  return { messages, isLoading, loadChatHistory, sendMessage };
+  return { messages, isLoading, sessionId, loadChatHistory, sendMessage, newConversation };
 });