From 1969abc3409a3d7cbf544d72c324eecdf19c5f1b Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Fri, 24 Oct 2025 22:01:55 +0800
Subject: [PATCH] feat: add route for legacy knowledge base and update UI with
 banner suggestion

---
 dashboard/src/router/MainRoutes.ts            |  29 +---
 dashboard/src/views/alkaid/KnowledgeBase.vue  |  17 ++-
 dashboard/src/views/knowledge-base/KBList.vue | 135 ++++--------------
 3 files changed, 47 insertions(+), 134 deletions(-)

diff --git a/dashboard/src/router/MainRoutes.ts b/dashboard/src/router/MainRoutes.ts
index 5ca9cd11f..276d37444 100644
--- a/dashboard/src/router/MainRoutes.ts
+++ b/dashboard/src/router/MainRoutes.ts
@@ -90,6 +90,13 @@ const MainRoutes = {
         }
       ]
     },
+
+    // 旧版本的知识库路由
+    {
+      name: 'KnowledgeBase',
+      path: '/alkaid/knowledge-base',
+      component: () => import('@/views/alkaid/KnowledgeBase.vue'),
+    },
     // {
     //   name: 'Alkaid',
     //   path: '/alkaid',
@@ -112,28 +119,6 @@ const MainRoutes = {
     //     }
     //   ]
     // },
-    {
-      name: 'Alkaid',
-      path: '/alkaid',
-      component: () => import('@/views/AlkaidPage.vue'),
-      children: [
-        {
-          path: 'knowledge-base',
-          name: 'KnowledgeBase',
-          component: () => import('@/views/alkaid/KnowledgeBase.vue')
-        },
-        {
-          path: 'long-term-memory',
-          name: 'LongTermMemory',
-          component: () => import('@/views/alkaid/LongTermMemory.vue')
-        },
-        {
-          path: 'other',
-          name: 'OtherFeatures',
-          component: () => import('@/views/alkaid/Other.vue')
-        }
-      ]
-    },
     {
       name: 'Chat',
       path: '/chat',
diff --git a/dashboard/src/views/alkaid/KnowledgeBase.vue b/dashboard/src/views/alkaid/KnowledgeBase.vue
index ed71dc2c6..56bf1124d 100644
--- a/dashboard/src/views/alkaid/KnowledgeBase.vue
+++ b/dashboard/src/views/alkaid/KnowledgeBase.vue
@@ -1,6 +1,11 @@
 <template>
     <div class="flex-grow-1" style="display: flex; flex-direction: column; height: 100%;">
         <div style="flex-grow: 1; width: 100%; border: 1px solid #eee; border-radius: 8px; padding: 16px">
+            <v-banner lines="one">
+                <template v-slot:text>
+                    建议您更换使用新版知识库功能。
+                </template>
+            </v-banner>
             <!-- knowledge card -->
             <div v-if="!installed" class="d-flex align-center justify-center flex-column"
                 style="flex-grow: 1; width: 100%; height: 100%;">
@@ -105,9 +110,9 @@
                 <v-card-actions>
                     <v-spacer></v-spacer>
                     <v-btn color="error" variant="text" @click="showCreateDialog = false">{{ tm('createDialog.cancel')
-                    }}</v-btn>
+                        }}</v-btn>
                     <v-btn color="primary" variant="text" @click="submitCreateForm">{{ tm('createDialog.create')
-                    }}</v-btn>
+                        }}</v-btn>
                 </v-card-actions>
             </v-card>
         </v-dialog>
@@ -132,7 +137,7 @@
                 <v-card-actions>
                     <v-spacer></v-spacer>
                     <v-btn color="primary" variant="text" @click="showEmojiPicker = false">{{ tm('emojiPicker.close')
-                    }}</v-btn>
+                        }}</v-btn>
                 </v-card-actions>
             </v-card>
         </v-dialog>
@@ -159,8 +164,8 @@
                     <v-chip v-if="currentKB.rerank_provider_id" color="tertiary" variant="tonal" size="small"
                         rounded="sm">
                         <v-icon start size="small">mdi-sort-variant</v-icon>
-                        重排序模型: {{ rerankProviderConfigs.
-                            find(provider => provider.id === currentKB.rerank_provider_id)?.rerank_model || '未设置' }}
+                        重排序模型: {{rerankProviderConfigs.
+                            find(provider => provider.id === currentKB.rerank_provider_id)?.rerank_model || '未设置'}}
                     </v-chip>
                     <small style="margin-left: 8px;">💡 使用方式: 在聊天页中输入 "/kb use {{ currentKB.collection_name }}"</small>
                 </div>
@@ -411,7 +416,7 @@
                     <v-spacer></v-spacer>
                     <v-btn color="grey-darken-1" variant="text" @click="showDeleteDialog = false">{{
                         tm('deleteDialog.cancel')
-                    }}</v-btn>
+                        }}</v-btn>
                     <v-btn color="error" variant="text" @click="deleteKnowledgeBase" :loading="deleting">{{
                         tm('deleteDialog.delete') }}</v-btn>
                 </v-card-actions>
diff --git a/dashboard/src/views/knowledge-base/KBList.vue b/dashboard/src/views/knowledge-base/KBList.vue
index 0fd3fbc65..3a69bd44e 100644
--- a/dashboard/src/views/knowledge-base/KBList.vue
+++ b/dashboard/src/views/knowledge-base/KBList.vue
@@ -6,32 +6,16 @@
         <h1 class="text-h4 mb-2">{{ t('list.title') }}</h1>
         <p class="text-subtitle-1 text-medium-emphasis">{{ t('list.subtitle') }}</p>
       </div>
-      <v-btn
-        icon="mdi-information-outline"
-        variant="text"
-        size="small"
-        color="grey"
-        href="https://astrbot.app/use/knowledge-base.html"
-        target="_blank"
-      />
+      <v-btn icon="mdi-information-outline" variant="text" size="small" color="grey"
+        href="https://astrbot.app/use/knowledge-base.html" target="_blank" />
     </div>
 
     <!-- 操作按钮栏 -->
     <div class="action-bar mb-6">
-      <v-btn
-        prepend-icon="mdi-plus"
-        color="primary"
-        variant="elevated"
-        @click="showCreateDialog = true"
-      >
+      <v-btn prepend-icon="mdi-plus" color="primary" variant="elevated" @click="showCreateDialog = true">
         {{ t('list.create') }}
       </v-btn>
-      <v-btn
-        prepend-icon="mdi-refresh"
-        variant="tonal"
-        @click="loadKnowledgeBases"
-        :loading="loading"
-      >
+      <v-btn prepend-icon="mdi-refresh" variant="tonal" @click="loadKnowledgeBases" :loading="loading">
         {{ t('list.refresh') }}
       </v-btn>
     </div>
@@ -43,14 +27,8 @@
     </div>
 
     <div v-else-if="kbList.length > 0" class="kb-grid">
-      <v-card
-        v-for="kb in kbList"
-        :key="kb.kb_id"
-        class="kb-card"
-        elevation="2"
-        hover
-        @click="navigateToDetail(kb.kb_id)"
-      >
+      <v-card v-for="kb in kbList" :key="kb.kb_id" class="kb-card" elevation="2" hover
+        @click="navigateToDetail(kb.kb_id)">
         <div class="kb-card-content">
           <div class="kb-emoji">{{ kb.emoji || '📚' }}</div>
           <h3 class="kb-name">{{ kb.kb_name }}</h3>
@@ -68,20 +46,8 @@
           </div>
 
           <div class="kb-actions">
-            <v-btn
-              icon="mdi-pencil"
-              size="small"
-              variant="text"
-              color="info"
-              @click.stop="editKB(kb)"
-            />
-            <v-btn
-              icon="mdi-delete"
-              size="small"
-              variant="text"
-              color="error"
-              @click.stop="confirmDelete(kb)"
-            />
+            <v-btn icon="mdi-pencil" size="small" variant="text" color="info" @click.stop="editKB(kb)" />
+            <v-btn icon="mdi-delete" size="small" variant="text" color="error" @click.stop="confirmDelete(kb)" />
           </div>
         </div>
       </v-card>
@@ -91,14 +57,8 @@
     <div v-else class="empty-state">
       <v-icon size="100" color="grey-lighten-2">mdi-book-open-variant</v-icon>
       <h2 class="mt-4">{{ t('list.empty') }}</h2>
-      <v-btn
-        class="mt-6"
-        prepend-icon="mdi-plus"
-        color="primary"
-        variant="elevated"
-        size="large"
-        @click="showCreateDialog = true"
-      >
+      <v-btn class="mt-6" prepend-icon="mdi-plus" color="primary" variant="elevated" size="large"
+        @click="showCreateDialog = true">
         {{ t('list.create') }}
       </v-btn>
     </div>
@@ -125,36 +85,17 @@
 
           <!-- 表单 -->
           <v-form ref="formRef" @submit.prevent="submitForm">
-            <v-text-field
-              v-model="formData.kb_name"
-              :label="t('create.nameLabel')"
-              :placeholder="t('create.namePlaceholder')"
-              variant="outlined"
-              :rules="[v => !!v || t('create.nameRequired')]"
-              required
-              class="mb-4"
-            />
+            <v-text-field v-model="formData.kb_name" :label="t('create.nameLabel')"
+              :placeholder="t('create.namePlaceholder')" variant="outlined"
+              :rules="[v => !!v || t('create.nameRequired')]" required class="mb-4" />
 
-            <v-textarea
-              v-model="formData.description"
-              :label="t('create.descriptionLabel')"
-              :placeholder="t('create.descriptionPlaceholder')"
-              variant="outlined"
-              rows="3"
-              class="mb-4"
-            />
+            <v-textarea v-model="formData.description" :label="t('create.descriptionLabel')"
+              :placeholder="t('create.descriptionPlaceholder')" variant="outlined" rows="3" class="mb-4" />
 
-            <v-select
-              v-model="formData.embedding_provider_id"
-              :items="embeddingProviders"
-              :item-title="item => item.embedding_model || item.id"
-              :item-value="'id'"
-              :label="t('create.embeddingModelLabel')"
-              variant="outlined"
-              class="mb-4"
-              :disabled="true"
-              @update:model-value="handleEmbeddingProviderChange"
-            >
+            <v-select v-model="formData.embedding_provider_id" :items="embeddingProviders"
+              :item-title="item => item.embedding_model || item.id" :item-value="'id'"
+              :label="t('create.embeddingModelLabel')" variant="outlined" class="mb-4" :disabled="true"
+              @update:model-value="handleEmbeddingProviderChange">
               <template #item="{ props, item }">
                 <v-list-item v-bind="props">
                   <template #subtitle>
@@ -167,16 +108,9 @@
               </template>
             </v-select>
 
-            <v-select
-              v-model="formData.rerank_provider_id"
-              :items="rerankProviders"
-              :item-title="item => item.rerank_model || item.id"
-              :item-value="'id'"
-              :label="t('create.rerankModelLabel')"
-              variant="outlined"
-              clearable
-              class="mb-2"
-            >
+            <v-select v-model="formData.rerank_provider_id" :items="rerankProviders"
+              :item-title="item => item.rerank_model || item.id" :item-value="'id'"
+              :label="t('create.rerankModelLabel')" variant="outlined" clearable class="mb-2">
               <template #item="{ props, item }">
                 <v-list-item v-bind="props">
                   <template #subtitle>
@@ -199,12 +133,7 @@
           <v-btn variant="text" @click="closeCreateDialog">
             {{ t('create.cancel') }}
           </v-btn>
-          <v-btn
-            color="primary"
-            variant="elevated"
-            @click="submitForm"
-            :loading="saving"
-          >
+          <v-btn color="primary" variant="elevated" @click="submitForm" :loading="saving">
             {{ editingKB ? t('edit.submit') : t('create.submit') }}
           </v-btn>
         </v-card-actions>
@@ -220,12 +149,7 @@
           <div v-for="category in emojiCategories" :key="category.key" class="mb-4">
             <p class="text-subtitle-2 mb-2">{{ t(`emoji.categories.${category.key}`) }}</p>
             <div class="emoji-grid">
-              <div
-                v-for="emoji in category.emojis"
-                :key="emoji"
-                class="emoji-item"
-                @click="selectEmoji(emoji)"
-              >
+              <div v-for="emoji in category.emojis" :key="emoji" class="emoji-item" @click="selectEmoji(emoji)">
                 {{ emoji }}
               </div>
             </div>
@@ -258,12 +182,7 @@
           <v-btn variant="text" @click="cancelDelete">
             {{ t('delete.cancel') }}
           </v-btn>
-          <v-btn
-            color="error"
-            variant="elevated"
-            @click="deleteKB"
-            :loading="deleting"
-          >
+          <v-btn color="error" variant="elevated" @click="deleteKB" :loading="deleting">
             {{ t('delete.confirm') }}
           </v-btn>
         </v-card-actions>
@@ -275,6 +194,10 @@
       {{ snackbar.text }}
     </v-snackbar>
 
+    <div class="position-absolute" style="bottom: 0px; right: 16px;">
+      <small @click="router.push('/alkaid/knowledge-base')"><a style="text-decoration: underline; cursor: pointer;">切换到旧版知识库</a></small>
+    </div>
+
   </div>
 </template>