Add delete all chat history button

src/components/ChatSetting.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-list-item>
+    <v-btn
+      color="primary"
+      variant="outlined"
+      :text="$t('chat.deleteAllChatHistory')"
+      @click="deleteChats"
+    ></v-btn>
+  </v-list-item>
+  <ConfirmModal ref="confirmModal" />
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { useStore } from "vuex";
+import i18n from "@/i18n";
+import ConfirmModal from "@/components/ConfirmModal.vue";
+const emit = defineEmits(["close-dialog"]);
+const confirmModal = ref();
+const store = useStore();
+async function deleteChats() {
+  const confirm = await confirmModal.value.showModal(
+    "",
+    i18n.global.t("chat.confirmDeleteAllChatHistory"),
+  );
+  if (confirm) {
+    store.commit("deleteChats");
+    emit("close-dialog");
+  }
+}
+</script>

src/components/SettingsModal.vue

@@ -19,6 +19,7 @@
           <v-tabs v-model="tab" direction="vertical" color="primary">
             <v-tab value="general">{{ $t("settings.general") }}</v-tab>
             <v-tab value="proxy">{{ $t("proxy.name") }}</v-tab>
+            <v-tab value="chat">{{ $t("chat.name") }}</v-tab>
             <v-tab
               v-for="(setting, index) in botSettings"
               :key="index"
@@ -63,6 +64,10 @@
               <component :is="proxy"></component>
             </div>
 
+            <div v-if="tab == 'chat'">
+              <component :is="chat" @close-dialog="closeDialog"></component>
+            </div>
+
             <template v-for="(setting, index) in botSettings" :key="index">
               <component
                 v-if="tab == index"
@@ -83,6 +88,7 @@ import { useI18n } from "vue-i18n";
 import { useTheme } from "vuetify";
 
 import ProxySettings from "@/components/ProxySetting.vue";
+import ChatSettings from "@/components/ChatSetting.vue";
 
 import ChatGPTBotSettings from "@/components/BotSettings/ChatGPTBotSettings.vue";
 import OpenAIAPIBotSettings from "@/components/BotSettings/OpenAIAPIBotSettings.vue";
@@ -129,7 +135,7 @@ const botSettings = [
 ];
 
 const proxy = ProxySettings;
-
+const chat = ChatSettings;
 const languages = computed(() => [
   { name: $t("settings.system"), code: "auto" },
   { name: "Deutsch", code: "de" },

src/i18n/locales/en.json

@@ -39,7 +39,10 @@
     "done": "Done"
   },
   "chat": {
-    "newChat": "New Chat"
+    "name": "Chat",
+    "newChat": "New Chat",
+    "deleteAllChatHistory": "Delete All Chat History",
+    "confirmDeleteAllChatHistory": "Are you sure you want to delete all chat history? This action cannot be undone."
   },
   "bot": {
     "creatingConversation": "Creating conversation...",

src/i18n/locales/zh.json

@@ -39,7 +39,10 @@
     "done": "完成"
   },
   "chat": {
-    "newChat": "新对话"
+    "name": "对话",
+    "newChat": "新对话",
+    "deleteAllChatHistory": "删除所有对话记录",
+    "confirmDeleteAllChatHistory": "你确定要删除所有对话记录吗？此操作无法撤消。"
   },
   "bot": {
     "creatingConversation": "创建新对话...",

src/store/index.js

@@ -263,6 +263,22 @@ export default createStore({
     setIsChatDrawerOpen(state, isChatDrawerOpen) {
       state.isChatDrawerOpen = isChatDrawerOpen;
     },
+    deleteChats(state) {
+      const { favBots } = state.chats[state.currentChatIndex];
+      const newChats = [
+        {
+          favBots,
+          contexts: {},
+          messages: [],
+          threads: [],
+          index: 0,
+          title: i18n.global.t("chat.newChat"),
+          createdTime: new Date().getTime(),
+        },
+      ];
+      state.chats = newChats;
+      state.currentChatIndex = 0;
+    },
   },
   actions: {
     sendPrompt({ commit, state, dispatch }, { prompt, bots, promptIndex }) {