From 7bef773b37faa35ab1436c4bfd69e298ac121df9 Mon Sep 17 00:00:00 2001
From: Twilight <im@ivampiresp.com>
Date: Sat, 14 Sep 2024 11:17:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/settings/AccountSettings.vue | 15 +++++++++++
 src/components/settings/LeftSettings.vue    | 30 +++++++--------------
 src/components/settings/LibrarySettings.vue | 15 +++++++++++
 src/components/settings/MemorySettings.vue  | 15 +++++++++++
 4 files changed, 54 insertions(+), 21 deletions(-)

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>