diff --git a/src/components/settings/AccountSettings.vue b/src/components/settings/AccountSettings.vue
index e69de29..730bf81 100644
--- a/src/components/settings/AccountSettings.vue
+++ b/src/components/settings/AccountSettings.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="text-center">
+    <n-icon class="text-7xl">
+      <AtCircleOutline />
+    </n-icon>
+    <p>如果需要更新你的账户，请前往 UserLand</p>
+    <div  class="mt-3">
+      <n-button tag="a" href="https://auth.leaflow.cn" target="_blank">UserLand</n-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { AtCircleOutline } from "@vicons/ionicons5";
+</script>
diff --git a/src/components/settings/LeftSettings.vue b/src/components/settings/LeftSettings.vue
index cf6de5f..85ad325 100644
--- a/src/components/settings/LeftSettings.vue
+++ b/src/components/settings/LeftSettings.vue
@@ -1,34 +1,22 @@
 <template>
   <n-tabs type="segment" animated class="select-none">
-    <n-tab-pane name="chap1" tab="对话">
+    <n-tab-pane name="chat" tab="对话">
       <ChatSettings />
     </n-tab-pane>
-    <n-tab-pane name="chap2" tab="助理">
+    <n-tab-pane name="assistant" tab="助理">
       <AssistantSettings />
     </n-tab-pane>
-    <n-tab-pane name="chap3" tab="工具">
+    <n-tab-pane name="tool" tab="工具">
       <ToolSettings />
     </n-tab-pane>
-    <n-tab-pane name="documents" tab="文档">
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
+    <n-tab-pane name="library" tab="文档">
+      <LibrarySettings />
     </n-tab-pane>
-    <n-tab-pane name="chap4" tab="记忆">
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
+    <n-tab-pane name="memory" tab="记忆">
+      <MemorySettings />
     </n-tab-pane>
-    <n-tab-pane name="chap5" tab="账户">
-      “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的
-      Amazon 服务，还是救公寓的火。<br /><br />
-      我的脑海中忽然出现了 Amazon
-      著名的领导力准则”客户至上“，有很多的客户还依赖我们的服务，我不能让他们失望！所以着火也不管了，女朋友喊我也无所谓，我开始
-      debug 这个线上问题。
+    <n-tab-pane name="account" tab="账户">
+      <AccountSettings />
     </n-tab-pane>
   </n-tabs>
 </template>
diff --git a/src/components/settings/LibrarySettings.vue b/src/components/settings/LibrarySettings.vue
index e69de29..516e2c3 100644
--- a/src/components/settings/LibrarySettings.vue
+++ b/src/components/settings/LibrarySettings.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="text-center">
+    <n-icon class="text-7xl">
+      <DocumentOutline />
+    </n-icon>
+    <p>Amber 可以索引您的文档中的内容</p>
+    <div  class="mt-3">
+      <n-button>创建</n-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { DocumentOutline } from "@vicons/ionicons5";
+</script>
diff --git a/src/components/settings/MemorySettings.vue b/src/components/settings/MemorySettings.vue
index e69de29..7a0e46c 100644
--- a/src/components/settings/MemorySettings.vue
+++ b/src/components/settings/MemorySettings.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="text-center">
+    <n-icon class="text-7xl">
+      <GiftSharp />
+    </n-icon>
+    <p>Amber 会根据您的对话更加了解你</p>
+    <div  class="mt-3">
+      <n-button>创建</n-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { GiftSharp } from "@vicons/ionicons5";
+</script>