diff --git a/src/components.d.ts b/src/components.d.ts
index cb60bc0..1bd4fc2 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -7,16 +7,20 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    AccountSettings: typeof import('./components/settings/AccountSettings.vue')['default']
     AssistantMenu: typeof import('./components/AssistantMenu.vue')['default']
-    AssistantSettings: typeof import('./components/AssistantSettings.vue')['default']
+    AssistantSettings: typeof import('./components/settings/AssistantSettings.vue')['default']
     Chat: typeof import('./components/chat/Chat.vue')['default']
     ChatMenu: typeof import('./components/ChatMenu.vue')['default']
-    ChatSettings: typeof import('./components/ChatSettings.vue')['default']
-    LeftSettings: typeof import('./components/LeftSettings.vue')['default']
+    ChatSettings: typeof import('./components/settings/ChatSettings.vue')['default']
+    LeftSettings: typeof import('./components/settings/LeftSettings.vue')['default']
+    LibrarySettings: typeof import('./components/settings/LibrarySettings.vue')['default']
+    MemorySettings: typeof import('./components/settings/MemorySettings.vue')['default']
     Menu: typeof import('./components/Menu.vue')['default']
     MessageList: typeof import('./components/chat/MessageList.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    ToolSettings: typeof import('./components/settings/ToolSettings.vue')['default']
     UserMenu: typeof import('./components/UserMenu.vue')['default']
   }
 }
diff --git a/src/components/settings/AccountSettings.vue b/src/components/settings/AccountSettings.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/AssistantSettings.vue b/src/components/settings/AssistantSettings.vue
similarity index 98%
rename from src/components/AssistantSettings.vue
rename to src/components/settings/AssistantSettings.vue
index 9b7ed20..bb77666 100644
--- a/src/components/AssistantSettings.vue
+++ b/src/components/settings/AssistantSettings.vue
@@ -132,8 +132,8 @@
 <script lang="ts" setup>
 import { useDialog } from "naive-ui";
 import { TrashBinOutline, SettingsOutline } from "@vicons/ionicons5";
-import getApi from "../plugins/api";
-import { useChatStore } from "../stores/chat";
+import getApi from "@/plugins/api";
+import { useChatStore } from "@/stores/chat";
 import router from "@/router";
 import { ref } from "vue";
 import {
diff --git a/src/components/ChatSettings.vue b/src/components/settings/ChatSettings.vue
similarity index 96%
rename from src/components/ChatSettings.vue
rename to src/components/settings/ChatSettings.vue
index 99b31cd..dc950d7 100644
--- a/src/components/ChatSettings.vue
+++ b/src/components/settings/ChatSettings.vue
@@ -78,14 +78,14 @@
 <script lang="ts" setup>
 import { NMenu, useDialog } from "naive-ui";
 import { useRoute } from "vue-router";
-import { leftMenuOptions } from "../plugins/menus/left";
+import { leftMenuOptions } from "../../plugins/menus/left";
 import {
   ChatboxOutline,
   TrashBinOutline,
   SettingsOutline,
 } from "@vicons/ionicons5";
-import getApi from "../plugins/api";
-import { useChatStore } from "../stores/chat";
+import getApi from "../../plugins/api";
+import { useChatStore } from "../../stores/chat";
 import router from "@/router";
 import { ref } from "vue";
 import { EntityAssistant, EntityChat } from "@/api";
diff --git a/src/components/LeftSettings.vue b/src/components/settings/LeftSettings.vue
similarity index 76%
rename from src/components/LeftSettings.vue
rename to src/components/settings/LeftSettings.vue
index 197fb49..cf6de5f 100644
--- a/src/components/LeftSettings.vue
+++ b/src/components/settings/LeftSettings.vue
@@ -7,11 +7,7 @@
       <AssistantSettings />
     </n-tab-pane>
     <n-tab-pane name="chap3" tab="工具">
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
+      <ToolSettings />
     </n-tab-pane>
     <n-tab-pane name="documents" tab="文档">
       “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
@@ -36,8 +32,3 @@
     </n-tab-pane>
   </n-tabs>
 </template>
-
-<script setup lang="ts">
-import { NMenu, useDialog } from "naive-ui";
-import { useRoute } from "vue-router";
-</script>
diff --git a/src/components/settings/LibrarySettings.vue b/src/components/settings/LibrarySettings.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/settings/MemorySettings.vue b/src/components/settings/MemorySettings.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/settings/ToolSettings.vue b/src/components/settings/ToolSettings.vue
new file mode 100644
index 0000000..63c3ae6
--- /dev/null
+++ b/src/components/settings/ToolSettings.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="text-center">
+    <n-icon class="text-7xl">
+      <HammerOutline />
+    </n-icon>
+    <p>工具可以让助理获得调用外部函数，以达到意想不到的效果。</p>
+    <div  class="mt-3">
+      <n-button>创建</n-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { HammerOutline } from "@vicons/ionicons5";
+</script>