diff --git a/src/components/LeftSettings.vue b/src/components/LeftSettings.vue
index 2d9d180..0b9e544 100644
--- a/src/components/LeftSettings.vue
+++ b/src/components/LeftSettings.vue
@@ -12,7 +12,26 @@
           "
           @click="viewChat(c.id ?? 0)"
         >
-          <n-thing> {{ c.name }} </n-thing>
+          <n-thing>
+            <div class="flex justify-between">
+              <div>
+                {{ c.name }}
+              </div>
+              <div class="flex items-center">
+                <n-button
+                  quaternary
+                  circle
+                  type="warning"
+                  @click.stop="deleteChat(c.id ?? 0)"
+                >
+                  <template #icon>
+                    <n-icon size="16" class="cursor-pointer">
+                      <TrashBinOutline />
+                    </n-icon>
+                  </template>
+                </n-button>
+              </div></div
+          ></n-thing>
         </n-list-item>
       </n-list>
       <div v-else>
@@ -30,136 +49,8 @@
       我的脑海中忽然出现了 Amazon
       著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
       debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
+    </n-tab-pane>
+    <n-tab-pane name="chap3" tab="工具">
       “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
       Amazon 服务，还是救公寓的火。<br /><br />
       我的脑海中忽然出现了 Amazon
@@ -170,14 +61,15 @@
 </template>
 
 <script setup lang="ts">
-import { NMenu } from "naive-ui";
+import { NMenu, useDialog } from "naive-ui";
 import { useRoute } from "vue-router";
 import { leftMenuOptions } from "../plugins/menus/left";
-import { ChatboxOutline } from "@vicons/ionicons5";
+import { ChatboxOutline, TrashBinOutline } from "@vicons/ionicons5";
 import getApi from "../plugins/api";
 import { useChatStore } from "../stores/chat";
 import router from "@/router";
 
+const dialog = useDialog();
 const route = useRoute();
 // @ts-ignore
 const chatId = route.params.id as number;
@@ -196,5 +88,18 @@ const viewChat = (chatId: number) => {
   router.push("/chat/" + chatId);
 };
 
+const deleteChat = async (chatId: number) => {
+  dialog.warning({
+    title: "删除对话",
+    content: "删除后，将不能恢复",
+    positiveText: "确定",
+    negativeText: "取消",
+    onPositiveClick: async () => {
+      await getApi().Chat.apiV1ChatsIdDelete(chatId);
+      await getChats();
+    },
+  });
+};
+
 getChats();
 </script>
diff --git a/src/components/chat/chat.vue b/src/components/chat/chat.vue
index 5339c80..42be930 100644
--- a/src/components/chat/chat.vue
+++ b/src/components/chat/chat.vue
@@ -352,25 +352,25 @@ async function sendMessage(
     });
 }
 
-function onFocused() {
-  if (!inputContainer.value) {
-    return;
-  }
+// function onFocused() {
+//   if (!inputContainer.value) {
+//     return;
+//   }
 
-  const container = inputContainer.value;
-  container.classList.remove("max-w-2xl");
-  container.classList.add("max-w-full");
-}
+//   const container = inputContainer.value;
+//   container.classList.remove("max-w-2xl");
+//   container.classList.add("max-w-full");
+// }
 
-function onBlurred() {
-  if (!inputContainer.value) {
-    return;
-  }
+// function onBlurred() {
+//   if (!inputContainer.value) {
+//     return;
+//   }
 
-  const container = inputContainer.value;
-  container.classList.remove("max-w-full");
-  container.classList.add("max-w-2xl");
-}
+//   const container = inputContainer.value;
+//   container.classList.remove("max-w-full");
+//   container.classList.add("max-w-2xl");
+// }
 
 async function getChatMessages() {
   // 获取当前聊天记录