perf: knowledge base displays console when installing

Feature: 将插件依赖检查和 pip 安装方法改为异步，以提高性能和响应速度

astrbot/core/config/default.py

@@ -5,7 +5,7 @@
 import os
 from astrbot.core.utils.astrbot_path import get_astrbot_data_path
 
-VERSION = "3.5.12"
+VERSION = "3.5.13"
 DB_PATH = os.path.join(get_astrbot_data_path(), "data_v3.db")
 
 # 默认配置
@@ -862,8 +862,34 @@ CONFIG_METADATA_2 = {
                         "api_base": "https://openspeech.bytedance.com/api/v1/tts",
                         "timeout": 20,
                     },
+                    "OpenAI Embedding": {
+                        "id": "openai_embedding",
+                        "type": "openai_embedding",
+                        "provider_type": "embedding",
+                        "enable": True,
+                        "embedding_api_key": "",
+                        "embedding_api_base": "",
+                        "embedding_model": "",
+                        "embedding_dimensions": 1536,
+                        "timeout": 20,
+                    },
                 },
                 "items": {
+                    "embedding_dimensions": {
+                        "description": "嵌入维度",
+                        "type": "int",
+                        "hint": "嵌入向量的维度。根据模型不同，可能需要调整，请参考具体模型的文档。此配置项请务必填写正确，否则将导致向量数据库无法正常工作。",
+                    },
+                    "embedding_model": {
+                        "description": "嵌入模型",
+                        "type": "string",
+                        "hint": "嵌入模型名称。",
+                    },
+                    "embedding_api_key": {
+                        "description": "API Key",
+                        "type": "string",
+                        "hint": "API Key",
+                    },
                     "volcengine_cluster": {
                         "type": "string",
                         "description": "火山引擎集群",

astrbot/core/db/vec_db/faiss_impl/embedding_storage.py

@@ -29,9 +29,9 @@ class EmbeddingStorage:
         Raises:
             ValueError: 如果向量的维度与存储的维度不匹配
         """
-        if vector.shape[0] != self.dimention:
+        if vector.shape[0] != self.dimension:
             raise ValueError(
-                f"向量维度不匹配, 期望: {self.dimention}, 实际: {vector.shape[0]}"
+                f"向量维度不匹配, 期望: {self.dimension}, 实际: {vector.shape[0]}"
             )
         self.index.add_with_ids(vector.reshape(1, -1), np.array([id]))
         self.storage[id] = vector

astrbot/core/db/vec_db/faiss_impl/vec_db.py

@@ -30,19 +30,13 @@ class FaissVecDB(BaseVecDB):
     async def initialize(self):
         await self.document_storage.initialize()
 
-    async def insert(
-        self,
-        content: str,
-        metadata: dict = None,
-        id: str = None,
-    ) -> int:
+    async def insert(self, content: str, metadata: dict = None, id: str = None) -> int:
         """
         插入一条文本和其对应向量，自动生成 ID 并保持一致性。
         """
         metadata = metadata or {}
         str_id = id or str(uuid.uuid4())  # 使用 UUID 作为原始 ID
 
-        # 获取向量
         vector = await self.embedding_provider.get_embedding(content)
         vector = np.array(vector, dtype=np.float32)
         async with self.document_storage.connection.cursor() as cursor:

astrbot/core/provider/entities.py

@@ -19,6 +19,7 @@ class ProviderType(enum.Enum):
     CHAT_COMPLETION = "chat_completion"
     SPEECH_TO_TEXT = "speech_to_text"
     TEXT_TO_SPEECH = "text_to_speech"
+    EMBEDDING = "embedding"
 
 
 @dataclass
@@ -155,7 +156,9 @@ class ProviderRequest:
         if self.image_urls:
             user_content = {
                 "role": "user",
-                "content": [{"type": "text", "text": self.prompt if self.prompt else "[图片]"}],
+                "content": [
+                    {"type": "text", "text": self.prompt if self.prompt else "[图片]"}
+                ],
             }
             for image_url in self.image_urls:
                 if image_url.startswith("http"):

astrbot/core/provider/manager.py

@@ -98,6 +98,8 @@ class ProviderManager:
         """加载的 Speech To Text Provider 的实例"""
         self.tts_provider_insts: List[TTSProvider] = []
         """加载的 Text To Speech Provider 的实例"""
+        self.embedding_provider_insts: List[Provider] = []
+        """加载的 Embedding Provider 的实例"""
         self.inst_map = {}
         """Provider 实例映射. key: provider_id, value: Provider 实例"""
         self.llm_tools = llm_tools
@@ -211,6 +213,10 @@ class ProviderManager:
                     from .sources.volcengine_tts import (
                         ProviderVolcengineTTS as ProviderVolcengineTTS,
                     )
+                case "openai_embedding":
+                    from .sources.openai_embedding_source import (
+                        OpenAIEmbeddingProvider as OpenAIEmbeddingProvider,
+                    )
         except (ImportError, ModuleNotFoundError) as e:
             logger.critical(
                 f"加载 {provider_config['type']}({provider_config['id']}) 提供商适配器失败：{e}。可能是因为有未安装的依赖。"
@@ -290,6 +296,14 @@ class ProviderManager:
                 if not self.curr_provider_inst:
                     self.curr_provider_inst = inst
 
+            elif provider_metadata.provider_type == ProviderType.EMBEDDING:
+                inst = provider_metadata.cls_type(
+                    provider_config, self.provider_settings
+                )
+                if getattr(inst, "initialize", None):
+                    await inst.initialize()
+                self.embedding_provider_insts.append(inst)
+
             self.inst_map[provider_config["id"]] = inst
         except Exception as e:
             logger.error(traceback.format_exc())

astrbot/core/provider/provider.py

@@ -192,6 +192,11 @@ class EmbeddingProvider(AbstractProvider):
         """获取文本的向量"""
         ...
 
+    @abc.abstractmethod
+    async def get_embeddings(self, text: list[str]) -> list[list[float]]:
+        """批量获取文本的向量"""
+        ...
+
     @abc.abstractmethod
     def get_dim(self) -> int:
         """获取向量的维度"""

astrbot/core/provider/sources/openai_embedding_source.py

@@ -0,0 +1,42 @@
+from openai import AsyncOpenAI
+from ..provider import EmbeddingProvider
+from ..register import register_provider_adapter
+from ..entities import ProviderType
+
+
+@register_provider_adapter(
+    "openai_embedding",
+    "OpenAI API Embedding 提供商适配器",
+    provider_type=ProviderType.EMBEDDING,
+)
+class OpenAIEmbeddingProvider(EmbeddingProvider):
+    def __init__(self, provider_config: dict, provider_settings: dict) -> None:
+        super().__init__(provider_config, provider_settings)
+        self.provider_config = provider_config
+        self.provider_settings = provider_settings
+        self.client = AsyncOpenAI(
+            api_key=provider_config.get("embedding_api_key"),
+            base_url=provider_config.get(
+                "embedding_api_base", "https://api.openai.com/v1"
+            ),
+        )
+        self.model = provider_config.get("embedding_model", "text-embedding-3-small")
+        self.dimension = provider_config.get("embedding_dimensions", 1536)
+
+    async def get_embedding(self, text: str) -> list[float]:
+        """
+        获取文本的嵌入
+        """
+        embedding = await self.client.embeddings.create(input=text, model=self.model)
+        return embedding.data[0].embedding
+
+    async def get_embeddings(self, texts: list[str]) -> list[list[float]]:
+        """
+        批量获取文本的嵌入
+        """
+        embeddings = await self.client.embeddings.create(input=texts, model=self.model)
+        return [item.embedding for item in embeddings.data]
+
+    def get_dim(self) -> int:
+        """获取向量的维度"""
+        return self.dimension

astrbot/core/star/context.py

@@ -125,11 +125,8 @@ class Context:
         self.provider_manager.provider_insts.append(provider)
 
     def get_provider_by_id(self, provider_id: str) -> Provider:
-        """通过 ID 获取用于文本生成任务的 LLM Provider(Chat_Completion 类型)。"""
-        for provider in self.provider_manager.provider_insts:
-            if provider.meta().id == provider_id:
-                return provider
-        return None
+        """通过 ID 获取对应的 LLM Provider(Chat_Completion 类型)。"""
+        return self.provider_manager.inst_map.get(provider_id)
 
     def get_all_providers(self) -> List[Provider]:
         """获取所有用于文本生成任务的 LLM Provider(Chat_Completion 类型)。"""
@@ -301,5 +298,11 @@ class Context:
         """
         self._register_tasks.append(task)
 
-    def register_web_api(self, route: str, view_handler: Awaitable, methods: list, desc: str):
+    def register_web_api(
+        self, route: str, view_handler: Awaitable, methods: list, desc: str
+    ):
+        for idx, api in enumerate(self.registered_web_apis):
+            if api[0] == route and methods == api[2]:
+                self.registered_web_apis[idx] = (route, view_handler, methods, desc)
+                return
         self.registered_web_apis.append((route, view_handler, methods, desc))

astrbot/core/star/star_manager.py

@@ -37,6 +37,12 @@ except ImportError:
     if os.getenv("ASTRBOT_RELOAD", "0") == "1":
         logger.warning("未安装 watchfiles，无法实现插件的热重载。")
 
+try:
+    import nh3
+except ImportError:
+    logger.warning("未安装 nh3 库，无法清理插件 README.md 中的 HTML 标签。")
+    nh3 = None
+
 
 class PluginManager:
     def __init__(self, context: Context, config: AstrBotConfig):
@@ -140,11 +146,13 @@ class PluginManager:
                 if os.path.exists(os.path.join(path, d, "main.py")) or os.path.exists(
                     os.path.join(path, d, d + ".py")
                 ):
-                    modules.append({
+                    modules.append(
+                        {
                             "pname": d,
                             "module": module_str,
                             "module_path": os.path.join(path, d, module_str),
-                    })
+                        }
+                    )
         return modules
 
     def _get_plugin_modules(self) -> List[dict]:
@@ -158,7 +166,7 @@ class PluginManager:
             plugins.extend(_p)
         return plugins
 
-    def _check_plugin_dept_update(self, target_plugin: str = None):
+    async def _check_plugin_dept_update(self, target_plugin: str = None):
         """检查插件的依赖
         如果 target_plugin 为 None，则检查所有插件的依赖
         """
@@ -177,7 +185,7 @@ class PluginManager:
                 pth = os.path.join(plugin_path, "requirements.txt")
                 logger.info(f"正在安装插件 {p} 所需的依赖库: {pth}")
                 try:
-                    pip_installer.install(requirements_path=pth)
+                    await pip_installer.install(requirements_path=pth)
                 except Exception as e:
                     logger.error(f"更新插件 {p} 的依赖失败。Code: {str(e)}")
 
@@ -399,7 +407,7 @@ class PluginManager:
                     module = __import__(path, fromlist=[module_str])
                 except (ModuleNotFoundError, ImportError):
                     # 尝试安装依赖
-                    self._check_plugin_dept_update(target_plugin=root_dir_name)
+                    await self._check_plugin_dept_update(target_plugin=root_dir_name)
                     module = __import__(path, fromlist=[module_str])
                 except Exception as e:
                     logger.error(traceback.format_exc())
@@ -634,16 +642,17 @@ class PluginManager:
         if not os.path.exists(readme_path):
             readme_path = os.path.join(plugin_path, "readme.md")
 
-        if os.path.exists(readme_path):
+        if os.path.exists(readme_path) and nh3:
             try:
                 with open(readme_path, "r", encoding="utf-8") as f:
                     readme_content = f.read()
+                cleaned_content = nh3.clean(readme_content)
             except Exception as e:
                 logger.warning(f"读取插件 {dir_name} 的 README.md 文件失败: {str(e)}")
 
         plugin_info = None
         if plugin:
-            plugin_info = {"repo": plugin.repo, "readme": readme_content}
+            plugin_info = {"repo": plugin.repo, "readme": cleaned_content}
 
         return plugin_info
 

astrbot/core/utils/pip_installer.py

@@ -1,5 +1,5 @@
 import logging
-from pip import main as pip_main
+import asyncio
 
 logger = logging.getLogger("astrbot")
 
@@ -9,7 +9,7 @@ class PipInstaller:
         self.pip_install_arg = pip_install_arg
         self.pypi_index_url = pypi_index_url
 
-    def install(
+    async def install(
         self,
         package_name: str = None,
         requirements_path: str = None,
@@ -29,8 +29,25 @@ class PipInstaller:
             args.extend(self.pip_install_arg.split())
 
         logger.info(f"Pip 包管理器: pip {' '.join(args)}")
+        try:
+            process = await asyncio.create_subprocess_exec(
+                "pip", *args,
+                stdout=asyncio.subprocess.PIPE,
+                stderr=asyncio.subprocess.STDOUT,
+            )
 
-        result_code = pip_main(args)
+            assert process.stdout is not None
+            async for line in process.stdout:
+                logger.info(line.decode().strip())
+
+            await process.wait()
+
+            if process.returncode != 0:
+                raise Exception(f"安装失败，错误码：{process.returncode}")
+        except FileNotFoundError:
+            # 没有 pip
+            from pip import main as pip_main
+            result_code = await asyncio.to_thread(pip_main, args)
 
             # 清除 pip.main 导致的多余的 logging handlers
             for handler in logging.root.handlers[:]:

astrbot/dashboard/routes/auth.py

@@ -21,7 +21,11 @@ class AuthRoute(Route):
         post_data = await request.json
         if post_data["username"] == username and post_data["password"] == password:
             change_pwd_hint = False
-            if username == "astrbot" and password == "77b90590a8945a7d36c963981a307dc9":
+            if (
+                username == "astrbot"
+                and password == "77b90590a8945a7d36c963981a307dc9"
+                and not DEMO_MODE
+            ):
                 change_pwd_hint = True
                 logger.warning("为了保证安全，请尽快修改默认密码。")
 

astrbot/dashboard/routes/chat.py

@@ -61,16 +61,25 @@ class ChatRoute(Route):
             return Response().error("Missing key: filename").__dict__
 
         try:
-            with open(os.path.join(self.imgs_dir, filename), "rb") as f:
-                if filename.endswith(".wav"):
+            file_path = os.path.join(self.imgs_dir, os.path.basename(filename))
+            real_file_path = os.path.realpath(file_path)
+            real_imgs_dir = os.path.realpath(self.imgs_dir)
+
+            if not real_file_path.startswith(real_imgs_dir):
+                return Response().error("Invalid file path").__dict__
+
+            with open(real_file_path, "rb") as f:
+                filename_ext = os.path.splitext(filename)[1].lower()
+
+                if filename_ext == ".wav":
                     return QuartResponse(f.read(), mimetype="audio/wav")
-                elif filename.split(".")[-1] in self.supported_imgs:
+                elif filename_ext[1:] in self.supported_imgs:
                     return QuartResponse(f.read(), mimetype="image/jpeg")
                 else:
                     return QuartResponse(f.read())
 
-        except FileNotFoundError:
-            return Response().error("File not found").__dict__
+        except (FileNotFoundError, OSError):
+            return Response().error("File access error").__dict__
 
     async def post_image(self):
         post_data = await request.files
@@ -126,8 +135,7 @@ class ChatRoute(Route):
 
         self.curr_user_cid[username] = conversation_id
 
-        await web_chat_queue.put(
-            (
+        await web_chat_queue.put((
             username,
             conversation_id,
             {
@@ -135,8 +143,7 @@ class ChatRoute(Route):
                 "image_url": image_url,  # list
                 "audio_url": audio_url,
             },
-            )
-        )
+        ))
 
         # 持久化
         conversation = self.db.get_conversation_by_user_id(username, conversation_id)

astrbot/dashboard/routes/config.py

@@ -9,6 +9,7 @@ from astrbot.core.platform.register import platform_registry
 from astrbot.core.provider.register import provider_registry
 from astrbot.core.star.star import star_registry
 from astrbot.core import logger
+import asyncio
 
 
 def try_cast(value: str, type_: str):
@@ -164,9 +165,84 @@ class ConfigRoute(Route):
             "/config/provider/update": ("POST", self.post_update_provider),
             "/config/provider/delete": ("POST", self.post_delete_provider),
             "/config/llmtools": ("GET", self.get_llm_tools),
+            "/config/provider/check_status": ("GET", self.check_all_providers_status), 
+            "/config/provider/list": ("GET", self.get_provider_config_list),
         }
         self.register_routes()
 
+    async def _test_single_provider(self, provider): 
+        """辅助函数：测试单个 provider 的可用性"""
+        meta = provider.meta()
+        provider_name = provider.provider_config.get("id", "Unknown Provider")
+        if not provider_name and meta: 
+            provider_name = meta.id
+        elif not provider_name: 
+            provider_name = "Unknown Provider"
+        status_info = {
+            "id": meta.id if meta else "Unknown ID",
+            "model": meta.model if meta else "Unknown Model",
+            "type": meta.type if meta else "Unknown Type",
+            "name": provider_name,
+            "status": "unavailable", # 默认为不可用
+            "error": None,
+        }
+        logger.debug(f"Attempting to check provider: {status_info['name']} (ID: {status_info['id']}, Type: {status_info['type']}, Model: {status_info['model']})")
+        try:
+            logger.debug(f"Sending 'Ping' to provider: {status_info['name']}")
+            response = await asyncio.wait_for(provider.text_chat(prompt="Ping"), timeout=20.0) # 超时 20 秒
+            logger.debug(f"Received response from {status_info['name']}: {response}")
+            # 只要 text_chat 调用成功返回一个 LLMResponse 对象 (即 response 不为 None)，就认为可用
+            if response is not None:
+                status_info["status"] = "available"
+                response_text_snippet = ""
+                if hasattr(response, 'completion_text') and response.completion_text:
+                    response_text_snippet = response.completion_text[:70] + "..." if len(response.completion_text) > 70 else response.completion_text
+                elif hasattr(response, 'result_chain') and response.result_chain:
+                    try:
+                        response_text_snippet = response.result_chain.get_plain_text()[:70] + "..." if len(response.result_chain.get_plain_text()) > 70 else response.result_chain.get_plain_text()
+                    except: 
+                        pass
+                logger.info(f"Provider {status_info['name']} (ID: {status_info['id']}) is available. Response snippet: '{response_text_snippet}'")
+            else:
+                # 这个分支理论上不应该被走到，除非 text_chat 实现可能返回 None
+                status_info["error"] = "Test call returned None, but expected an LLMResponse object."
+                logger.warning(f"Provider {status_info['name']} (ID: {status_info['id']}) test call returned None.")
+
+        except asyncio.TimeoutError:
+            status_info["error"] = "Connection timed out after 10 seconds during test call."
+            logger.warning(f"Provider {status_info['name']} (ID: {status_info['id']}) timed out.")
+        except Exception as e:
+            error_message = str(e)
+            status_info["error"] = error_message
+            logger.warning(f"Provider {status_info['name']} (ID: {status_info['id']}) is unavailable. Error: {error_message}")
+            logger.debug(f"Traceback for {status_info['name']}:\n{traceback.format_exc()}")
+        return status_info
+
+    async def check_all_providers_status(self):
+        """
+        API 接口: 检查所有 LLM Providers 的状态
+        """
+        logger.info("API call received: /config/provider/check_status")
+        try:
+            all_providers: typing.List = self.core_lifecycle.star_context.get_all_providers() 
+            logger.debug(f"Found {len(all_providers)} providers to check.")
+
+            if not all_providers:
+                logger.info("No providers found to check.")
+                return Response().ok([]).__dict__
+
+            tasks = [self._test_single_provider(p) for p in all_providers]
+            logger.debug(f"Created {len(tasks)} tasks for concurrent provider checks.")
+            
+            results = await asyncio.gather(*tasks)
+            logger.info(f"Provider status check completed. Results: {results}")
+            
+            return Response().ok(results).__dict__ 
+        except Exception as e:
+            logger.error(f"Critical error in check_all_providers_status: {str(e)}")
+            logger.error(traceback.format_exc())
+            return Response().error(f"检查 Provider 状态时发生严重错误: {str(e)}").__dict__ 
+
     async def get_configs(self):
         # plugin_name 为空时返回 AstrBot 配置
         # 否则返回指定 plugin_name 的插件配置
@@ -175,6 +251,17 @@ class ConfigRoute(Route):
             return Response().ok(await self._get_astrbot_config()).__dict__
         return Response().ok(await self._get_plugin_config(plugin_name)).__dict__
 
+    async def get_provider_config_list(self):
+        provider_type = request.args.get("provider_type", None)
+        if not provider_type:
+            return Response().error("缺少参数 provider_type").__dict__
+        provider_list = []
+        astrbot_config = self.core_lifecycle.astrbot_config
+        for provider in astrbot_config["provider"]:
+            if provider.get("provider_type", None) == provider_type:
+                provider_list.append(provider)
+        return Response().ok(provider_list).__dict__
+
     async def post_astrbot_configs(self):
         post_configs = await request.json
         try:

astrbot/dashboard/routes/log.py

@@ -23,6 +23,7 @@ class LogRoute(Route):
                         **message,  # see astrbot/core/log.py
                     }
                     yield f"data: {json.dumps(payload, ensure_ascii=False)}\n\n"
+                    await asyncio.sleep(0.07)  # 控制发送频率，避免过快
             except asyncio.CancelledError:
                 pass
             except BaseException as e:

astrbot/dashboard/routes/plugin.py

@@ -18,6 +18,12 @@ from astrbot.core.star.filter.regex import RegexFilter
 from astrbot.core.star.star_handler import EventType
 from astrbot.core import DEMO_MODE
 
+try:
+    import nh3
+except ImportError:
+    logger.warning("未安装 nh3 库，无法清理插件 README.md 中的 HTML 标签。")
+    nh3 = None
+
 
 class PluginRoute(Route):
     def __init__(
@@ -148,9 +154,7 @@ class PluginRoute(Route):
             if handler.event_type == EventType.AdapterMessageEvent:
                 # 处理平台适配器消息事件
                 has_admin = False
-                for (
-                    filter
-                ) in (
+                for filter in (
                     handler.event_filters
                 ):  # 正常handler就只有 1~2 个 filter，因此这里时间复杂度不会太高
                     if isinstance(filter, CommandFilter):
@@ -328,6 +332,9 @@ class PluginRoute(Route):
             return Response().error(str(e)).__dict__
 
     async def get_plugin_readme(self):
+        if not nh3:
+            return Response().error("未安装 nh3 库").__dict__
+
         plugin_name = request.args.get("name")
         logger.debug(f"正在获取插件 {plugin_name} 的README文件内容")
 
@@ -363,9 +370,11 @@ class PluginRoute(Route):
             with open(readme_path, "r", encoding="utf-8") as f:
                 readme_content = f.read()
 
+            cleaned_content = nh3.clean(readme_content)
+
             return (
                 Response()
-                .ok({"content": readme_content}, "成功获取README内容")
+                .ok({"content": cleaned_content}, "成功获取README内容")
                 .__dict__
             )
         except Exception as e:
@@ -386,14 +395,12 @@ class PluginRoute(Route):
                 platform_type = platform.get("type", "")
                 platform_id = platform.get("id", "")
 
-                platforms.append(
-                    {
+                platforms.append({
                     "name": platform_id,  # 使用type作为name，这是系统内部使用的平台名称
                     "id": platform_id,  # 保留id字段以便前端可以显示
                     "type": platform_type,
                     "display_name": f"{platform_type}({platform_id})",
-                    }
-                )
+                })
 
             adjusted_platform_enable = {}
             for platform_id, plugins in platform_enable.items():
@@ -402,13 +409,11 @@ class PluginRoute(Route):
             # 获取所有插件，包括系统内部插件
             plugins = []
             for plugin in self.plugin_manager.context.get_all_stars():
-                plugins.append(
-                    {
+                plugins.append({
                     "name": plugin.name,
                     "desc": plugin.desc,
                     "reserved": plugin.reserved,  # 添加reserved标志
-                    }
-                )
+                })
 
             logger.debug(
                 f"获取插件平台配置: 原始配置={platform_enable}, 调整后={adjusted_platform_enable}"
@@ -416,13 +421,11 @@ class PluginRoute(Route):
 
             return (
                 Response()
-                .ok(
-                    {
+                .ok({
                     "platforms": platforms,
                     "plugins": plugins,
                     "platform_enable": adjusted_platform_enable,
-                    }
-                )
+                })
                 .__dict__
             )
         except Exception as e:

astrbot/dashboard/routes/static_file.py

@@ -12,7 +12,7 @@ class StaticFileRoute(Route):
             "/logs",
             "/extension",
             "/dashboard/default",
-            "/project-atri",
+            "/alkaid",
             "/console",
             "/chat",
             "/settings",

astrbot/dashboard/routes/update.py

@@ -91,7 +91,7 @@ class UpdateRoute(Route):
             # pip 更新依赖
             logger.info("更新依赖中...")
             try:
-                pip_installer.install(requirements_path="requirements.txt")
+                await pip_installer.install(requirements_path="requirements.txt")
             except Exception as e:
                 logger.error(f"更新依赖失败: {e}")
 
@@ -140,7 +140,7 @@ class UpdateRoute(Route):
         if not package:
             return Response().error("缺少参数 package 或不合法。").__dict__
         try:
-            pip_installer.install(package, mirror=mirror)
+            await pip_installer.install(package, mirror=mirror)
             return Response().ok(None, "安装成功。").__dict__
         except Exception as e:
             logger.error(f"/api/update_pip: {traceback.format_exc()}")

astrbot/dashboard/server.py

@@ -76,7 +76,7 @@ class AstrBotDashboard:
     async def auth_middleware(self):
         if not request.path.startswith("/api"):
             return
-        allowed_endpoints = ["/api/auth/login", "/api/chat/get_file", "/api/file"]
+        allowed_endpoints = ["/api/auth/login", "/api/file"]
         if any(request.path.startswith(prefix) for prefix in allowed_endpoints):
             return
         # claim jwt

changelogs/v3.5.13.md

@@ -0,0 +1,9 @@
+# What's Changed
+
+1. 新增：WebUI 支持暗夜模式。
+2. 修复：修复 WebUI Chat 接口的未授权访问安全漏洞、插件 README 可能存在的 XSS 注入漏洞。
+3. 优化：优化 Vec DB 在 indexing 过程时的数据库事务处理。
+4. 修复：WebUI 下，插件市场的推荐卡片无法点击帮助文档的问题。
+5. 新增：知识库。
+6. 新增：WebUI 提供商测试功能，一键检测可用性。
+7. 新增：WebUI 提供商分类功能，按能力分类提供商。

dashboard/src/components/shared/AstrBotConfig.vue

@@ -340,12 +340,12 @@ export default {
 .config-title {
   font-weight: 600;
   font-size: 1rem;
-  color: var(--v-primary-darken1);
+  color: var(--v-theme-primaryText);
 }
 
 .config-hint {
   font-size: 0.75rem;
-  color: rgba(0, 0, 0, 0.6);
+  color: var(--v-theme-secondaryText);
   margin-top: 2px;
 }
 
@@ -400,12 +400,12 @@ export default {
 .property-name {
   font-size: 0.875rem;
   font-weight: 600;
-  color: rgba(0, 0, 0, 0.87);
+  color: var(--v-theme-primaryText);
 }
 
 .property-hint {
   font-size: 0.75rem;
-  color: rgba(0, 0, 0, 0.6);
+  color: var(--v-theme-secondaryText);
   margin-top: 2px;
 }
 

dashboard/src/components/shared/ConsoleDisplayer.vue

@@ -5,7 +5,7 @@ import { useCommonStore } from '@/stores/common';
 <template>
   <div>
     <!-- 添加筛选级别控件 -->
-    <div class="filter-controls mb-2">
+    <div class="filter-controls mb-2" v-if="showLevelBtns">
       <v-chip-group v-model="selectedLevels" column multiple>
         <v-chip v-for="level in logLevels" :key="level" :color="getLevelColor(level)" filter
           :text-color="level === 'DEBUG' || level === 'INFO' ? 'black' : 'white'">
@@ -52,6 +52,10 @@ export default {
     historyNum: {
       type: String,
       default: -1
+    },
+    showLevelBtns: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {

dashboard/src/components/shared/ExtensionCard.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, inject } from 'vue';
+import {useCustomizerStore} from "@/stores/customizer";
 
 const props = defineProps({
   extension: {
@@ -75,7 +76,9 @@ const viewReadme = () => {
 
 <template>
   <v-card class="mx-auto d-flex flex-column" :elevation="highlight ? 0 : 1"
-    :style="{ height: $vuetify.display.xs ? '250px' : '220px', backgroundColor: highlight ? '#FAF0DB' : '#ffffff', color: highlight ? '#000' : '#000000' }">
+    :style="{ height: $vuetify.display.xs ? '250px' : '220px',
+     backgroundColor: useCustomizerStore().uiTheme==='PurpleTheme' ? marketMode ? '#f8f0dd' : '#ffffff' : '#282833',
+     color: useCustomizerStore().uiTheme==='PurpleTheme' ? '#000000dd' : '#ffffff'}">
     <v-card-text style="padding: 16px; padding-bottom: 0px; display: flex; justify-content: space-between;">
 
       <div class="flex-grow-1">
@@ -128,7 +131,7 @@ const viewReadme = () => {
       </div>
     </v-card-text>
 
-    <v-card-actions style="padding: 0px; margin-top: auto;">
+    <v-card-actions style="margin-left: 0px; gap: 2px;">
       <v-btn color="teal-accent-4" text="查看文档" variant="text" @click="viewReadme"></v-btn>
       <v-btn v-if="!marketMode" color="teal-accent-4" text="操作" variant="text" @click="reveal = true"></v-btn>
       <v-btn v-if="marketMode && !extension?.installed" color="teal-accent-4" text="安装" variant="text"

dashboard/src/components/shared/ListConfigItem.vue

@@ -104,11 +104,11 @@ export default {
 
 <style scoped>
 .list-config-item {
-  border: 1px solid #e0e0e0;
+  border: 1px solid var(--v-theme-border);
   padding: 16px;
   margin-bottom: 8px;
   border-radius: 10px;
-  background-color: #ffffff;
+  background-color: var(--v-theme-background);
 }
 
 .v-list-item {

dashboard/src/components/shared/Logo.vue

@@ -6,7 +6,9 @@
       </div>
       <div class="logo-text">
         <h2 class="text-secondary">AstrBot 仪表盘</h2>
-        <h4 class="text-disabled">登录以继续</h4>
+        <!-- 父子组件传递css变量可能会出错，暂时使用十六进制颜色值 -->
+        <h4 :style="{color: useCustomizerStore().uiTheme === 'PurpleTheme' ? '#000000aa' : '#ffffffcc'}"
+            class="hint-text">登录以继续</h4>
       </div>
     </div>
   </div>
@@ -14,6 +16,7 @@
 
 <script setup lang="ts">
 // No props or other logic needed for this simple component
+import {useCustomizerStore} from "@/stores/customizer";
 </script>
 
 <style scoped>
@@ -56,7 +59,6 @@
   margin: 0;
   font-size: 1.8rem;
   font-weight: 600;
-  color: #5e35b1;
   letter-spacing: 0.5px;
 }
 
@@ -64,7 +66,7 @@
   margin: 4px 0 0 0;
   font-size: 1rem;
   font-weight: 400;
-  color: #616161;
   letter-spacing: 0.3px;
 }
+
 </style>

dashboard/src/config.ts

@@ -3,14 +3,25 @@ export type ConfigProps = {
   Customizer_drawer: boolean;
   mini_sidebar: boolean;
   fontTheme: string;
+  uiTheme: string;
   inputBg: boolean;
 };
 
+function checkUITheme() {
+  const theme = localStorage.getItem("uiTheme");
+  console.log('memorized theme: ', theme);
+  if (!theme || !(['PurpleTheme', 'PurpleThemeDark'].includes(theme))) {
+    localStorage.setItem("uiTheme", "PurpleTheme");
+    return 'PurpleTheme';
+  } else return theme;
+}
+
 const config: ConfigProps = {
   Sidebar_drawer: true,
   Customizer_drawer: false,
   mini_sidebar: false,
   fontTheme: 'Roboto',
+  uiTheme: checkUITheme(),
   inputBg: false
 };
 

dashboard/src/layouts/full/FullLayout.vue

@@ -9,7 +9,7 @@ const customizer = useCustomizerStore();
 <template>
   <v-locale-provider>
     <v-app
-      theme="PurpleTheme"
+        :theme="useCustomizerStore().uiTheme"
       :class="[customizer.fontTheme, customizer.mini_sidebar ? 'mini-sidebar' : '', customizer.inputBg ? 'inputWithbg' : '']"
     >
       <VerticalHeaderVue />

dashboard/src/layouts/full/vertical-header/VerticalHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {ref} from 'vue';
-import { useCustomizerStore } from '../../../stores/customizer';
+import {useCustomizerStore} from '@/stores/customizer';
 import axios from 'axios';
 import {md5} from 'js-md5';
 import {useAuthStore} from '@/stores/auth';
@@ -190,6 +190,10 @@ function updateDashboard() {
       });
 }
 
+function toggleDarkMode() {
+  customizer.SET_UI_THEME(customizer.uiTheme === 'PurpleThemeDark' ? 'PurpleTheme' : 'PurpleThemeDark');
+}
+
 getVersion();
 checkUpdate();
 
@@ -209,11 +213,19 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
 <template>
   <v-app-bar elevation="0" height="55">
 
-    <v-btn style="margin-left: 22px;" class="hidden-md-and-down text-secondary" color="lightsecondary" icon rounded="sm"
+    <v-btn v-if="useCustomizerStore().uiTheme==='PurpleTheme'" style="margin-left: 22px;" class="hidden-md-and-down text-secondary" color="lightsecondary" icon rounded="sm"
            variant="flat" @click.stop="customizer.SET_MINI_SIDEBAR(!customizer.mini_sidebar)" size="small">
       <v-icon>mdi-menu</v-icon>
     </v-btn>
-    <v-btn class="hidden-lg-and-up text-secondary ms-3" color="lightsecondary" icon rounded="sm" variant="flat"
+    <v-btn v-else style="margin-left: 22px; color: var(--v-theme-primaryText); background-color: var(--v-theme-secondary)" class="hidden-md-and-down" icon rounded="sm"
+           variant="flat" @click.stop="customizer.SET_MINI_SIDEBAR(!customizer.mini_sidebar)" size="small">
+      <v-icon>mdi-menu</v-icon>
+    </v-btn>
+    <v-btn v-if="useCustomizerStore().uiTheme==='PurpleTheme'" class="hidden-lg-and-up text-secondary ms-3" color="lightsecondary" icon rounded="sm" variant="flat"
+           @click.stop="customizer.SET_SIDEBAR_DRAWER" size="small">
+      <v-icon>mdi-menu</v-icon>
+    </v-btn>
+    <v-btn v-else class="hidden-lg-and-up ms-3" icon rounded="sm" variant="flat"
            @click.stop="customizer.SET_SIDEBAR_DRAWER" size="small">
       <v-icon>mdi-menu</v-icon>
     </v-btn>
@@ -221,7 +233,7 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
     <div style="margin-left: 16px; display: flex; align-items: center; gap: 8px;">
       <span style=" font-size: 24px; font-weight: 1000;">Astr<span style="font-weight: normal;">Bot</span>
       </span>
-      <span style="font-size: 12px; color: #333333;">{{ botCurrVersion }}</span>
+      <span style="font-size: 12px; color: var(--v-theme-secondaryText);">{{ botCurrVersion }}</span>
     </div>
 
     <v-spacer/>
@@ -235,10 +247,17 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
       </small>
     </div>
 
+    <v-btn size="small" @click="toggleDarkMode();" class="text-primary mr-2" color="var(--v-theme-surface)"
+           variant="flat" rounded="sm">
+      <!-- 明暗主题切换按钮 -->
+      <v-icon v-if="useCustomizerStore().uiTheme === 'PurpleThemeDark'">mdi-weather-night</v-icon>
+      <v-icon v-else>mdi-white-balance-sunny</v-icon>
+    </v-btn>
 
     <v-dialog v-model="updateStatusDialog" width="1000">
       <template v-slot:activator="{ props }">
-        <v-btn size="small" @click="checkUpdate(); getReleases(); getDevCommits();" class="text-primary mr-2" color="lightprimary"
+        <v-btn size="small" @click="checkUpdate(); getReleases(); getDevCommits();" class="text-primary mr-2"
+               color="var(--v-theme-surface)"
                variant="flat" rounded="sm" v-bind="props">
           更新
         </v-btn>
@@ -265,7 +284,8 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
             <div class="mb-4 mt-4">
               <small>💡 TIP: 跳到旧版本或者切换到某个版本不会重新下载管理面板文件，这可能会造成部分数据显示错误。您可在 <a
                   href="https://github.com/Soulter/AstrBot/releases">此处</a>
-                找到对应的面板文件 dist.zip，解压后替换 data/dist 文件夹即可。当然，前端源代码在 dashboard 目录下，你也可以自己使用 npm install 和 npm build
+                找到对应的面板文件 dist.zip，解压后替换 data/dist 文件夹即可。当然，前端源代码在 dashboard 目录下，你也可以自己使用
+                npm install 和 npm build
                 构建。</small>
             </div>
 
@@ -282,7 +302,8 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
                   更新到最新版本
                 </v-btn>
                 <div class="mb-4">
-                  <small>`更新到最新版本` 按钮会同时尝试更新机器人主程序和管理面板。如果您正在使用 Docker 部署，也可以重新拉取镜像或者使用 <a
+                  <small>`更新到最新版本` 按钮会同时尝试更新机器人主程序和管理面板。如果您正在使用 Docker
+                    部署，也可以重新拉取镜像或者使用 <a
                         href="https://containrrr.dev/watchtower/usage-overview/">watchtower</a> 来自动监控拉取。</small>
                 </div>
 
@@ -326,7 +347,8 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
             <div class="mb-4">
               <small>如 v3.3.16 (不带 SHA) 或 42e5ec5d80b93b6bfe8b566754d45ffac4c3fe0b</small>
               <br>
-              <a href="https://github.com/Soulter/AstrBot/commits/master"><small>查看 master 分支提交记录（点击右边的 copy
+              <a href="https://github.com/Soulter/AstrBot/commits/master"><small>查看 master 分支提交记录（点击右边的
+                copy
                 即可复制）</small></a>
             </div>
             <v-btn color="error" style="border-radius: 10px;" @click="switchVersion(version)">
@@ -369,7 +391,7 @@ if (localStorage.getItem('change_pwd_hint') != null && localStorage.getItem('cha
 
     <v-dialog v-model="dialog" persistent width="700">
       <template v-slot:activator="{ props }">
-        <v-btn size="small" class="text-primary mr-4" color="lightprimary" variant="flat" rounded="sm" v-bind="props">
+        <v-btn size="small" class="text-primary mr-4" color="var(--v-theme-surface)" variant="flat" rounded="sm" v-bind="props">
           账户
         </v-btn>
       </template>

dashboard/src/layouts/full/vertical-sidebar/sidebarItem.ts

@@ -65,11 +65,11 @@ const sidebarItem: menu[] = [
     icon: 'mdi-console',
     to: '/console'
   },
-  // {
-  //   title: 'Alkaid',
-  //   icon: 'mdi-test-tube',
-  //   to: '/alkaid'
-  // },
+  {
+    title: 'Alkaid',
+    icon: 'mdi-test-tube',
+    to: '/alkaid'
+  },
   {
     title: '关于',
     icon: 'mdi-information',

dashboard/src/plugins/vuetify.ts

@@ -3,6 +3,7 @@ import '@mdi/font/css/materialdesignicons.css';
 import * as components from 'vuetify/components';
 import * as directives from 'vuetify/directives';
 import { PurpleTheme } from '@/theme/LightTheme';
+import { PurpleThemeDark } from "@/theme/DarkTheme";
 
 export default createVuetify({
   components,
@@ -11,7 +12,8 @@ export default createVuetify({
   theme: {
     defaultTheme: 'PurpleTheme',
     themes: {
-      PurpleTheme
+      PurpleTheme,
+      PurpleThemeDark
     }
   },
   defaults: {

dashboard/src/scss/layout/_sidebar.scss

@@ -6,7 +6,7 @@
 .listitem {
   height: calc(100vh - 100px);
   .v-list {
-    color: rgb(var(--v-theme-lightText));
+    color: rgb(var(--v-theme-secondaryText));
   }
   .v-list-group__items .v-list-item,
   .v-list-item {

dashboard/src/stores/customizer.ts

@@ -8,6 +8,7 @@ export const useCustomizerStore = defineStore({
     Customizer_drawer: config.Customizer_drawer,
     mini_sidebar: config.mini_sidebar,
     fontTheme: "Poppins",
+    uiTheme: config.uiTheme,
     inputBg: config.inputBg
   }),
 
@@ -21,6 +22,10 @@ export const useCustomizerStore = defineStore({
     },
     SET_FONT(payload: string) {
       this.fontTheme = payload;
-    }
+    },
+    SET_UI_THEME(payload: string) {
+      this.uiTheme = payload;
+      localStorage.setItem("uiTheme", payload);
+    },
   }
 });

dashboard/src/theme/DarkTheme.ts

@@ -0,0 +1,46 @@
+import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
+
+const PurpleThemeDark: ThemeTypes = {
+  name: 'PurpleThemeDark',
+  dark: true,
+  variables: {
+    'border-color': '#1677ff',
+    'carousel-control-size': 10
+  },
+  colors: {
+    primary: '#1677ff',
+    secondary: '#722ed1',
+    info: '#03c9d7',
+    success: '#52c41a',
+    accent: '#FFAB91',
+    warning: '#faad14',
+    error: '#ff4d4f',
+    lightprimary: '#eef2f6',
+    lightsecondary: '#ede7f6',
+    lightsuccess: '#b9f6ca',
+    lighterror: '#f9d8d8',
+    lightwarning: '#fff8e1',
+    primaryText: '#ffffff',
+    secondaryText: '#ffffffcc',
+    darkprimary: '#1565c0',
+    darksecondary: '#4527a0',
+    borderLight: '#d0d0d0',
+    border: '#333333ee',
+    inputBorder: '#787878',
+    containerBg: '#1a1a1a',
+    surface: '#1f1f1f',
+    'on-surface-variant': '#000',
+    facebook: '#4267b2',
+    twitter: '#1da1f2',
+    linkedin: '#0e76a8',
+    gray100: '#cccccccc',
+    primary200: '#90caf9',
+    secondary200: '#b39ddb',
+    background: '#111111',
+    overlay: '#111111aa',
+    codeBg: '#282833',
+    code: '#ffffffdd'
+  }
+};
+
+export { PurpleThemeDark };

dashboard/src/theme/LightTheme.ts

@@ -20,11 +20,12 @@ const PurpleTheme: ThemeTypes = {
     lightsuccess: '#b9f6ca',
     lighterror: '#f9d8d8',
     lightwarning: '#fff8e1',
-    darkText: '#212121',
-    lightText: '#616161',
+    primaryText: '#000000dd',
+    secondaryText: '#000000aa',
     darkprimary: '#1565c0',
     darksecondary: '#4527a0',
     borderLight: '#d0d0d0',
+    border: '#d0d0d0',
     inputBorder: '#787878',
     containerBg: '#eef2f6',
     surface: '#fff',
@@ -32,9 +33,13 @@ const PurpleTheme: ThemeTypes = {
     facebook: '#4267b2',
     twitter: '#1da1f2',
     linkedin: '#0e76a8',
-    gray100: '#fafafa',
+    gray100: '#fafafacc',
     primary200: '#90caf9',
-    secondary200: '#b39ddb'
+    secondary200: '#b39ddb',
+    background: '#f9fafcf4',
+    overlay: '#ffffffaa',
+    codeBg: '#f5f0ff',
+    code: '#673ab7'
   }
 };
 

dashboard/src/types/themeTypes/ThemeType.ts

@@ -17,13 +17,15 @@ export type ThemeTypes = {
     lightwarning?: string;
     darkprimary?: string;
     darksecondary?: string;
-    darkText?: string;
-    lightText?: string;
+    primaryText?: string;
+    secondaryText?: string;
     borderLight?: string;
+    border?: string;
     inputBorder?: string;
     containerBg?: string;
     surface?: string;
     background?: string;
+    overlay?: string;
     'on-surface-variant'?: string;
     facebook?: string;
     twitter?: string;
@@ -31,5 +33,7 @@ export type ThemeTypes = {
     gray100?: string;
     primary200?: string;
     secondary200?: string;
+    codeBg?: string;
+    code?: string;
   };
 };

dashboard/src/views/AboutPage.vue

@@ -11,7 +11,7 @@
                         </div>
                         <div class="title-container">
                             <h1 class="text-h2 font-weight-bold">AstrBot</h1>
-                            <p class="text-subtitle-1" style="color: #777;">A project out of interests and loves ❤️</p>
+                            <p class="text-subtitle-1" style="color: var(--v-theme-secondaryText);">A project out of interests and loves ❤️</p>
                             <div class="action-buttons">
                                 <v-btn @click="open('https://github.com/Soulter/AstrBot')"
                                     color="primary" variant="elevated" prepend-icon="mdi-star">
@@ -32,16 +32,20 @@
                         <v-row justify="center" align="center">
                             <v-col cols="12" md="6" class="pr-md-8 contributors-info">
                                 <h2 class="text-h4 font-weight-medium">贡献者</h2>
-                                <p class="mb-4 text-body-1" style="color: #777;">
+                                <p class="mb-4 text-body-1" style="color: var(--v-theme-secondaryText);">
                                     本项目由众多开源社区成员共同维护。感谢每一位贡献者的付出！
                                 </p>
-                                <p class="text-body-1" style="color: #777;">
+                                <p class="text-body-1" style="color: var(--v-theme-secondaryText);">
                                     <a href="https://github.com/Soulter/AstrBot/graphs/contributors" class="text-decoration-none custom-link">查看 AstrBot 贡献者</a>
                                 </p>
                             </v-col>
                             <v-col cols="12" md="6">
                                 <v-card variant="outlined" class="overflow-hidden" elevation="2">
-                                    <v-img
+                                    <v-img v-if="useCustomizerStore().uiTheme==='PurpleThemeDark'"
+                                        alt="Active Contributors of Soulter/AstrBot"
+                                        src="https://next.ossinsight.io/widgets/official/compose-recent-active-contributors/thumbnail.png?repo_id=575865240&limit=365&image_size=auto&color_scheme=dark">
+                                    </v-img>
+                                    <v-img v-else
                                         alt="Active Contributors of Soulter/AstrBot"
                                         src="https://next.ossinsight.io/widgets/official/compose-recent-active-contributors/thumbnail.png?repo_id=575865240&limit=365&image_size=auto&color_scheme=light">
                                     </v-img>
@@ -60,12 +64,16 @@
                                 
                                 <div class="license-container mt-8">
                                     <img v-bind="props" src="https://www.gnu.org/graphics/agplv3-with-text-100x42.png" style="cursor: pointer;"/>
-                                    <p class="text-caption mt-2" style="color: #777;">AstrBot 采用 AGPL v3 协议开源</p>
+                                    <p class="text-caption mt-2" style="color: var(--v-theme-secondaryText);">AstrBot 采用 AGPL v3 协议开源</p>
                                 </div>
                             </v-col>
                             <v-col cols="12" md="6">
                                 <v-card variant="outlined" class="overflow-hidden" elevation="2">
-                                    <v-img
+                                    <v-img v-if="useCustomizerStore().uiTheme==='PurpleThemeDark'"
+                                        alt="Stars Map of Soulter/AstrBot"
+                                        src="https://next.ossinsight.io/widgets/official/analyze-repo-stars-map/thumbnail.png?activity=stars&repo_id=575865240&image_size=auto&color_scheme=dark">
+                                    </v-img>
+                                    <v-img v-else
                                         alt="Stars Map of Soulter/AstrBot"
                                         src="https://next.ossinsight.io/widgets/official/analyze-repo-stars-map/thumbnail.png?activity=stars&repo_id=575865240&image_size=auto&color_scheme=light">
                                     </v-img>
@@ -80,6 +88,8 @@
 </template>
 
 <script>
+import {useCustomizerStore} from "@/stores/customizer";
+
 export default {
     name: 'AboutPage',
     data() {
@@ -89,6 +99,7 @@ export default {
     },
 
     methods: {
+      useCustomizerStore,
         open(url) {
             window.open(url, '_blank');
         }
@@ -137,7 +148,7 @@ export default {
 }
 
 .contributors-section {
-    background-color: #f9f9fb;
+    background-color: var(--v-theme-containerBg, #f9f9fb);
 }
 
 .contributors-info, .stats-info {

dashboard/src/views/ChatPage.vue

@@ -13,12 +13,6 @@ marked.setOptions({
         <v-card-text class="chat-page-container">
             <div class="chat-layout">
                 <div class="sidebar-panel">
-                    <div class="sidebar-header">
-                        <v-btn icon variant="plain">
-                            <v-icon icon="mdi-menu" color="deep-purple"></v-icon>
-                        </v-btn>
-                    </div>
-
                     <div style="padding: 16px; padding-top: 8px;">
                         <v-btn variant="elevated" rounded="lg" class="new-chat-btn" @click="newC" :disabled="!currCid"
                         prepend-icon="mdi-plus">
@@ -26,14 +20,13 @@ marked.setOptions({
                     </v-btn>
                     </div>
 
-
                     <div class="conversations-container">
 
                         <v-card class="conversation-list-card" v-if="conversations.length > 0" flat>
                             <v-list density="compact" nav class="conversation-list"
                                 @update:selected="getConversationMessages">
                                 <v-list-item v-for="(item, i) in conversations" :key="item.cid" :value="item.cid"
-                                    color="primary" rounded="lg" class="conversation-item" active-color="primary">
+                                    rounded="lg" class="conversation-item" active-color="primary">
                                     <template v-slot:prepend>
                                         <v-icon size="small" icon="mdi-message-text-outline"></v-icon>
                                     </template>
@@ -168,7 +161,7 @@ marked.setOptions({
                                     <template v-slot:activator="{ props }">
                                         <v-btn v-bind="props" @click="sendMessage" class="send-btn" icon="mdi-send"
                                             variant="text" color="deep-purple"
-                                            :disabled="!prompt && stagedImagesUrl.length === 0 && !stagedAudioUrl" />
+                                            :disabled="!prompt && stagedImagesName.length === 0 && !stagedAudioUrl" />
                                     </template>
                                 </v-tooltip>
 
@@ -218,7 +211,8 @@ export default {
             messages: [],
             conversations: [],
             currCid: '',
-            stagedImagesUrl: [],
+            stagedImagesName: [], // 用于存储图片**文件名**的数组
+            stagedImagesUrl: [], // 用于存储图片的blob URL数组
             loadingChat: false,
 
             inputFieldLabel: '聊天吧!',
@@ -236,7 +230,9 @@ export default {
             // Ctrl键长按相关变量
             ctrlKeyDown: false,
             ctrlKeyTimer: null,
-            ctrlKeyLongPressThreshold: 300 // 长按阈值，单位毫秒
+            ctrlKeyLongPressThreshold: 300, // 长按阈值，单位毫秒
+
+            mediaCache: {}, // Add a cache to store media blobs
         }
     },
 
@@ -265,9 +261,31 @@ export default {
 
         // 移除keyup事件监听
         document.removeEventListener('keyup', this.handleInputKeyUp);
+
+        // Cleanup blob URLs
+        this.cleanupMediaCache();
     },
 
     methods: {
+        async getMediaFile(filename) {
+            if (this.mediaCache[filename]) {
+                return this.mediaCache[filename];
+            }
+
+            try {
+                const response = await axios.get('/api/chat/get_file', {
+                    params: { filename },
+                    responseType: 'blob'
+                });
+                
+                const blobUrl = URL.createObjectURL(response.data);
+                this.mediaCache[filename] = blobUrl;
+                return blobUrl;
+            } catch (error) {
+                console.error('Error fetching media file:', error);
+                return '';
+            }
+        },
 
         async startListeningEvent() {
             const response = await fetch('/api/chat/listen', {
@@ -328,17 +346,19 @@ export default {
 
                     if (chunk_json.type === 'image') {
                         let img = chunk_json.data.replace('[IMAGE]', '');
+                        const imageUrl = await this.getMediaFile(img);
                         let bot_resp = {
                             type: 'bot',
-                            message: `<img src="/api/chat/get_file?filename=${img}" style="max-width: 80%; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"/>`
+                            message: `<img src="${imageUrl}" style="max-width: 80%; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"/>`
                         }
                         this.messages.push(bot_resp);
                     } else if (chunk_json.type === 'record') {
                         let audio = chunk_json.data.replace('[RECORD]', '');
+                        const audioUrl = await this.getMediaFile(audio);
                         let bot_resp = {
                             type: 'bot',
                             message: `<audio controls class="audio-player">
-                    <source src="/api/chat/get_file?filename=${audio}" type="audio/wav">
+                    <source src="${audioUrl}" type="audio/wav">
                     您的浏览器不支持音频播放。
                   </audio>`
                         }
@@ -403,15 +423,14 @@ export default {
                 try {
                     const response = await axios.post('/api/chat/post_file', formData, {
                         headers: {
-                            'Content-Type': 'multipart/form-data',
-                            'Authorization': 'Bearer ' + localStorage.getItem('token')
+                            'Content-Type': 'multipart/form-data'
                         }
                     });
 
                     const audio = response.data.data.filename;
                     console.log('Audio uploaded:', audio);
 
-                    this.stagedAudioUrl = `/api/chat/get_file?filename=${audio}`;
+                    this.stagedAudioUrl = audio; // Store just the filename
                 } catch (err) {
                     console.error('Error uploading audio:', err);
                 }
@@ -430,13 +449,13 @@ export default {
                     try {
                         const response = await axios.post('/api/chat/post_image', formData, {
                             headers: {
-                                'Content-Type': 'multipart/form-data',
-                                'Authorization': 'Bearer ' + localStorage.getItem('token')
+                                'Content-Type': 'multipart/form-data'
                             }
                         });
 
                         const img = response.data.data.filename;
-                        this.stagedImagesUrl.push(`/api/chat/get_file?filename=${img}`);
+                        this.stagedImagesName.push(img); // Store just the filename
+                        this.stagedImagesUrl.push(URL.createObjectURL(file)); // Create a blob URL for immediate display
 
                     } catch (err) {
                         console.error('Error uploading image:', err);
@@ -446,6 +465,7 @@ export default {
         },
 
         removeImage(index) {
+            this.stagedImagesName.splice(index, 1);
             this.stagedImagesUrl.splice(index, 1);
         },
 
@@ -462,28 +482,30 @@ export default {
         getConversationMessages(cid) {
             if (!cid[0])
                 return;
-            axios.get('/api/chat/get_conversation?conversation_id=' + cid[0]).then(response => {
+            axios.get('/api/chat/get_conversation?conversation_id=' + cid[0]).then(async response => {
                 this.currCid = cid[0];
                 let message = JSON.parse(response.data.data.history);
                 for (let i = 0; i < message.length; i++) {
                     if (message[i].message.startsWith('[IMAGE]')) {
                         let img = message[i].message.replace('[IMAGE]', '');
-                        message[i].message = `<img src="/api/chat/get_file?filename=${img}" style="max-width: 80%; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"/>`
+                        const imageUrl = await this.getMediaFile(img);
+                        message[i].message = `<img src="${imageUrl}" style="max-width: 80%; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"/>`
                     }
                     if (message[i].message.startsWith('[RECORD]')) {
                         let audio = message[i].message.replace('[RECORD]', '');
+                        const audioUrl = await this.getMediaFile(audio);
                         message[i].message = `<audio controls class="audio-player">
-                                    <source src="/api/chat/get_file?filename=${audio}" type="audio/wav">
+                                    <source src="${audioUrl}" type="audio/wav">
                                     您的浏览器不支持音频播放。
                                   </audio>`
                     }
                     if (message[i].image_url && message[i].image_url.length > 0) {
                         for (let j = 0; j < message[i].image_url.length; j++) {
-                            message[i].image_url[j] = `/api/chat/get_file?filename=${message[i].image_url[j]}`;
+                            message[i].image_url[j] = await this.getMediaFile(message[i].image_url[j]);
                         }
                     }
                     if (message[i].audio_url) {
-                        message[i].audio_url = `/api/chat/get_file?filename=${message[i].audio_url}`;
+                        message[i].audio_url = await this.getMediaFile(message[i].audio_url);
                     }
                 }
                 this.messages = message;
@@ -534,32 +556,41 @@ export default {
                 await this.newConversation();
             }
 
-            this.messages.push({
+            // Create a message object with actual URLs for display
+            const userMessage = {
                 type: 'user',
                 message: this.prompt,
-                image_url: this.stagedImagesUrl,
-                audio_url: this.stagedAudioUrl
-            });
+                image_url: [],
+                audio_url: null
+            };
 
+            // Convert image filenames to blob URLs for display
+            if (this.stagedImagesName.length > 0) {
+                for (let i = 0; i < this.stagedImagesName.length; i++) {
+                    // If it's just a filename, get the blob URL
+                    if (!this.stagedImagesName[i].startsWith('blob:')) {
+                        const imgUrl = await this.getMediaFile(this.stagedImagesName[i]);
+                        userMessage.image_url.push(imgUrl);
+                    } else {
+                        userMessage.image_url.push(this.stagedImagesName[i]);
+                    }
+                }
+            }
+
+            // Convert audio filename to blob URL for display
+            if (this.stagedAudioUrl) {
+                if (!this.stagedAudioUrl.startsWith('blob:')) {
+                    userMessage.audio_url = await this.getMediaFile(this.stagedAudioUrl);
+                } else {
+                    userMessage.audio_url = this.stagedAudioUrl;
+                }
+            }
+
+            this.messages.push(userMessage);
             this.scrollToBottom();
 
-            // images
-            let image_filenames = [];
-            for (let i = 0; i < this.stagedImagesUrl.length; i++) {
-                let img = this.stagedImagesUrl[i].replace('/api/chat/get_file?filename=', '');
-                image_filenames.push(img);
-            }
-
-            // audio
-            let audio_filenames = [];
-            if (this.stagedAudioUrl) {
-                let audio = this.stagedAudioUrl.replace('/api/chat/get_file?filename=', '');
-                audio_filenames.push(audio);
-            }
-
             this.loadingChat = true;
 
-
             fetch('/api/chat/send', {
                 method: 'POST',
                 headers: {
@@ -569,15 +600,14 @@ export default {
                 body: JSON.stringify({
                     message: this.prompt,
                     conversation_id: this.currCid,
-                    image_url: image_filenames,
-                    audio_url: audio_filenames
-                })  // 发送请求体
+                    image_url: this.stagedImagesName, // Already contains just filenames
+                    audio_url: this.stagedAudioUrl ? [this.stagedAudioUrl] : [] // Already contains just filename
+                })
             })
             .then(response => {
                 this.prompt = '';
-                    this.stagedImagesUrl = [];
+                this.stagedImagesName = [];
                 this.stagedAudioUrl = "";
-
                 this.loadingChat = false;
             })
             .catch(err => {
@@ -623,6 +653,15 @@ export default {
                 }
             }
         },
+
+        cleanupMediaCache() {
+            Object.values(this.mediaCache).forEach(url => {
+                if (url.startsWith('blob:')) {
+                    URL.revokeObjectURL(url);
+                }
+            });
+            this.mediaCache = {};
+        },
     },
 }
 </script>
@@ -674,7 +713,6 @@ export default {
     height: 100%;
     border-radius: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
-    background-color: #fff;
 }
 
 .chat-page-container {
@@ -697,7 +735,7 @@ export default {
     flex-direction: column;
     padding: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.05);
-    background-color: #fcfcfc;
+    background-color: var(--v-theme-surface) !important;
     height: 100%;
     position: relative;
 }
@@ -720,7 +758,7 @@ export default {
 .sidebar-section-title {
     font-size: 12px;
     font-weight: 500;
-    color: #666;
+    color: var(--v-theme-secondaryText);
     text-transform: uppercase;
     letter-spacing: 0.5px;
     margin-bottom: 12px;
@@ -778,7 +816,7 @@ export default {
 
 .timestamp {
     font-size: 11px;
-    color: #999;
+    color: var(--v-theme-secondaryText);
     line-height: 1;
 }
 
@@ -821,7 +859,7 @@ export default {
 
 .no-conversations-text {
     font-size: 14px;
-    color: #999;
+    color: var(--v-theme-secondaryText);
 }
 
 /* 聊天内容区域 */
@@ -857,21 +895,21 @@ export default {
 .bot-name {
     font-weight: 700;
     margin-left: 8px;
-    color: #673ab7;
+    color: var(--v-theme-secondary);
 }
 
 .welcome-hint {
     margin-top: 8px;
-    color: #666;
+    color: var(--v-theme-secondaryText);
     font-size: 14px;
 }
 
 .welcome-hint code {
-    background-color: #f5f0ff;
+    background-color: var(--v-theme-codeBg);
     padding: 2px 6px;
     margin: 0 4px;
     border-radius: 4px;
-    color: #673ab7;
+    color: var(--v-theme-code);
     font-family: 'Fira Code', monospace;
     font-size: 13px;
 }
@@ -910,15 +948,15 @@ export default {
 }
 
 .user-bubble {
-    background-color: #f5f0ff;
-    color: #333;
+    background-color: var(--v-theme-background);
+    color: var(--v-theme-primaryText);
     border-top-right-radius: 4px;
 }
 
 .bot-bubble {
-    background-color: #fff;
-    border: 1px solid #e8e8e8;
-    color: #333;
+    background-color: var(--v-theme-surface);
+    border: 1px solid var(--v-theme-border);
+    color: var(--v-theme-primaryText);
     border-top-left-radius: 4px;
 }
 
@@ -965,9 +1003,9 @@ export default {
 /* 输入区域样式 */
 .input-area {
     padding: 16px;
-    background-color: #fff;
+    background-color: var(--v-theme-surface);
     position: relative;
-    border-top: 1px solid #f5f5f5;
+    border-top: 1px solid var(--v-theme-border);
 }
 
 .message-input {
@@ -1037,12 +1075,12 @@ export default {
     margin-top: 16px;
     margin-bottom: 10px;
     font-weight: 600;
-    color: #333;
+    color: var(--v-theme-primaryText);
 }
 
 .markdown-content h1 {
     font-size: 1.8em;
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid var(--v-theme-border);
     padding-bottom: 6px;
 }
 
@@ -1065,7 +1103,7 @@ export default {
 }
 
 .markdown-content pre {
-    background-color: #f8f8f8;
+    background-color: var(--v-theme-surface);
     padding: 12px;
     border-radius: 6px;
     overflow-x: auto;
@@ -1073,12 +1111,12 @@ export default {
 }
 
 .markdown-content code {
-    background-color: #f5f0ff;
+    background-color: var(--v-theme-codeBg);
     padding: 2px 4px;
     border-radius: 4px;
     font-family: 'Fira Code', monospace;
     font-size: 0.9em;
-    color: #673ab7;
+    color: var(--v-theme-code);
 }
 
 .markdown-content img {
@@ -1088,9 +1126,9 @@ export default {
 }
 
 .markdown-content blockquote {
-    border-left: 4px solid #673ab7;
+    border-left: 4px solid var(--v-theme-secondary);
     padding-left: 16px;
-    color: #666;
+    color: var(--v-theme-secondaryText);
     margin: 16px 0;
 }
 
@@ -1102,13 +1140,13 @@ export default {
 
 .markdown-content th,
 .markdown-content td {
-    border: 1px solid #eee;
+    border: 1px solid var(--v-theme-background);
     padding: 8px 12px;
     text-align: left;
 }
 
 .markdown-content th {
-    background-color: #f5f0ff;
+    background-color: var(--v-theme-containerBg);
 }
 
 /* 动画类 */

dashboard/src/views/ConfigPage.vue

@@ -42,7 +42,7 @@ import config from '@/config';
           <div v-for="(val2, key2, index2) in metadata[key]['metadata']">
             <!-- <h3>{{ metadata[key]['metadata'][key2]['description'] }}</h3> -->
             <div v-if="metadata[key]['metadata'][key2]?.config_template"
-              v-show="key2 !== 'platform' && key2 !== 'provider'" style="border: 1px solid #e0e0e0; padding: 8px; margin-bottom: 16px; border-radius: 10px">
+              v-show="key2 !== 'platform' && key2 !== 'provider'" style="border: 1px solid var(--v-theme-border); padding: 8px; margin-bottom: 16px; border-radius: 10px">
               <!-- 带有 config_template 的配置项 -->
               <v-list-item-title style="font-weight: bold;">
                 {{ metadata[key]['metadata'][key2]['description'] }} ({{ key2 }})
@@ -88,7 +88,7 @@ import config from '@/config';
 
             <div v-else>
               <!-- 如果配置项是一个 object，那么 iterable 需要取到这个 object 的值，否则取到整个 config_data -->
-              <div v-if="metadata[key]['metadata'][key2]['type'] == 'object'" style="border: 1px solid #e0e0e0; padding: 8px; margin-bottom: 16px; border-radius: 10px">
+              <div v-if="metadata[key]['metadata'][key2]['type'] == 'object'" style="border: 1px solid var(--v-theme-border); padding: 8px; margin-bottom: 16px; border-radius: 10px">
                 <AstrBotConfig
                   :metadata="metadata[key]['metadata']" :iterable="config_data[key2]" :metadataKey="key2">
                 </AstrBotConfig>

dashboard/src/views/ConsolePage.vue

@@ -7,7 +7,7 @@ import axios from 'axios';
 <template>
   <div style="height: 100%;">
     <div
-      style="background-color: white; padding: 8px; padding-left: 16px; border-radius: 8px; margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;">
+      style="background-color: var(--v-theme-surface); padding: 8px; padding-left: 16px; border-radius: 8px; margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;">
       <h4>控制台</h4>
       <div class="d-flex align-center">
         <v-switch

dashboard/src/views/ExtensionMarketplace.vue

@@ -52,13 +52,17 @@ import 'highlight.js/styles/github.css';
 
                 <v-card-text>
 
-                    <small style="color: #bbb;">每个插件都是作者无偿提供的的劳动成果。如果您喜欢某个插件，请 Star！</small>
+                    <small style="color: var(--v-theme-secondaryText);">每个插件都是作者无偿提供的的劳动成果。如果您喜欢某个插件，请 Star！</small>
                     <div v-if="pinnedPlugins.length > 0" class="mt-4">
                         <h2>🥳 推荐</h2>
 
                         <v-row style="margin-top: 8px;">
                             <v-col cols="12" md="6" lg="6" v-for="plugin in pinnedPlugins">
-                                <ExtensionCard :extension="plugin" market-mode="true" :highlight="true" @install="extension_url=plugin.repo; newExtension()">
+                                <ExtensionCard :extension="plugin" class="h-120 rounded-lg"
+                                               market-mode="true" :highlight="true"
+                                               @install="extension_url=plugin.repo;
+                                               newExtension()"
+                                               @view-readme="open(plugin.repo)">
                                 </ExtensionCard>
                             </v-col>
                         </v-row>
@@ -77,7 +81,7 @@ import 'highlight.js/styles/github.css';
                                             style="height: 80px; width: 80px; margin-right: 8px; border-radius: 8px; margin-top: 8px; margin-bottom: 8px;"
                                             alt="logo">
                                         <span v-if="item?.repo"><a :href="item?.repo"
-                                                style="color: #000; text-decoration:none">{{
+                                                style="color: var(--v-theme-primaryText, #000); text-decoration:none">{{
                                                     item.name }}</a></span>
                                         <span v-else>{{ item.name }}</span>
 
@@ -565,7 +569,7 @@ export default {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
     line-height: 1.6;
     padding: 8px 0;
-    color: #24292e;
+    color: var(--v-theme-secondaryText);
 }
 
 .markdown-body h1,
@@ -582,13 +586,13 @@ export default {
 
 .markdown-body h1 {
     font-size: 2em;
-    border-bottom: 1px solid #eaecef;
+    border-bottom: 1px solid var(--v-theme-border);
     padding-bottom: 0.3em;
 }
 
 .markdown-body h2 {
     font-size: 1.5em;
-    border-bottom: 1px solid #eaecef;
+    border-bottom: 1px solid var(--v-theme-border);
     padding-bottom: 0.3em;
 }
 
@@ -600,7 +604,7 @@ export default {
 .markdown-body code {
     padding: 0.2em 0.4em;
     margin: 0;
-    background-color: rgba(27, 31, 35, 0.05);
+    background-color: var(--v-theme-codeBg);
     border-radius: 3px;
     font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
     font-size: 85%;
@@ -611,7 +615,7 @@ export default {
     overflow: auto;
     font-size: 85%;
     line-height: 1.45;
-    background-color: #f6f8fa;
+    background-color: var(--v-theme-containerBg);
     border-radius: 3px;
     margin-bottom: 16px;
 }
@@ -631,19 +635,19 @@ export default {
     max-width: 100%;
     margin: 8px 0;
     box-sizing: border-box;
-    background-color: #fff;
+    background-color: var(--v-theme-background);
     border-radius: 3px;
 }
 
 .markdown-body blockquote {
     padding: 0 1em;
-    color: #6a737d;
-    border-left: 0.25em solid #dfe2e5;
+    color: var(--v-theme-secondaryText);
+    border-left: 0.25em solid var(--v-theme-border);
     margin-bottom: 16px;
 }
 
 .markdown-body a {
-    color: #0366d6;
+    color: var(--v-theme-primary);
     text-decoration: none;
 }
 
@@ -662,23 +666,23 @@ export default {
 .markdown-body table th,
 .markdown-body table td {
     padding: 6px 13px;
-    border: 1px solid #dfe2e5;
+    border: 1px solid var(--v-theme-background);
 }
 
 .markdown-body table tr {
-    background-color: #fff;
-    border-top: 1px solid #c6cbd1;
+    background-color: var(--v-theme-surface);
+    border-top: 1px solid var(--v-theme-border);
 }
 
 .markdown-body table tr:nth-child(2n) {
-    background-color: #f6f8fa;
+    background-color: var(--v-theme-background);
 }
 
 .markdown-body hr {
     height: 0.25em;
     padding: 0;
     margin: 24px 0;
-    background-color: #e1e4e8;
+    background-color: var(--v-theme-containerBg);
     border: 0;
 }
 </style>

dashboard/src/views/ExtensionPage.vue

@@ -378,6 +378,13 @@ const toggleAllPluginsForPlatform = (platformName) => {
 onMounted(async () => {
   await getExtensions();
 
+  // 检查是否有 open_config 参数
+  const urlParams = new URLSearchParams(window.location.search);
+  const plugin_name = urlParams.get('open_config');
+  if (plugin_name) {
+    openExtensionConfig(plugin_name);
+  }
+
   try {
     const data = await commonStore.getPluginCollections();
     pluginMarketData.value = data;

dashboard/src/views/ProviderPage.vue

@@ -27,13 +27,39 @@
 
         <v-divider></v-divider>
 
+        <!-- 添加分类标签页 -->
+        <v-card-text class="px-4 pt-3 pb-0">
+          <v-tabs v-model="activeProviderTypeTab" bg-color="transparent">
+            <v-tab value="all" class="font-weight-medium px-3">
+              <v-icon start>mdi-filter-variant</v-icon>
+              全部
+            </v-tab>
+            <v-tab value="chat_completion" class="font-weight-medium px-3">
+              <v-icon start>mdi-message-text</v-icon>
+              基本对话
+            </v-tab>
+            <v-tab value="speech_to_text" class="font-weight-medium px-3">
+              <v-icon start>mdi-microphone-message</v-icon>
+              语音转文字
+            </v-tab>
+            <v-tab value="text_to_speech" class="font-weight-medium px-3">
+              <v-icon start>mdi-volume-high</v-icon>
+              文字转语音
+            </v-tab>
+            <v-tab value="embedding" class="font-weight-medium px-3">
+              <v-icon start>mdi-code-json</v-icon>
+              Embedding
+            </v-tab>
+          </v-tabs>
+        </v-card-text>
+
         <v-card-text class="px-4 py-3">
           <item-card-grid
-            :items="config_data.provider || []"
+            :items="filteredProviders"
             title-field="id"
             enabled-field="enable"
             empty-icon="mdi-api-off"
-            empty-text="暂无服务提供商，点击 新增服务提供商 添加"
+            :empty-text="getEmptyText()"
             @toggle-enabled="providerStatusChange"
             @delete="deleteProvider"
             @edit="configExistingProvider"
@@ -61,6 +87,51 @@
         </v-card-text>
       </v-card>
 
+      <!-- 供应商状态部分 -->
+      <v-card class="mb-6" elevation="2">
+        <v-card-title class="d-flex align-center py-3 px-4">
+          <v-icon color="primary" class="me-2">mdi-heart-pulse</v-icon>
+          <span class="text-h6">供应商可用性</span>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" variant="tonal" :loading="loadingStatus" @click="fetchProviderStatus">
+            <v-icon left>mdi-refresh</v-icon>
+            刷新状态
+          </v-btn>
+        </v-card-title>
+        <v-card-subtitle class="px-4 py-1 text-caption text-medium-emphasis">
+          通过测试模型对话可用性判断，可能产生API费用
+        </v-card-subtitle>
+
+        <v-divider></v-divider>
+
+        <v-card-text class="px-4 py-3">
+          <v-alert v-if="providerStatuses.length === 0" type="info" variant="tonal">
+            点击"刷新状态"按钮获取供应商可用性
+          </v-alert>
+          
+          <v-container v-else class="pa-0">
+            <v-row>
+              <v-col v-for="status in providerStatuses" :key="status.id" cols="12" sm="6" md="4">
+                <v-card variant="outlined" class="status-card">
+                  <v-card-item>
+                    <v-icon :color="status.status === 'available' ? 'success' : 'error'" class="me-2">
+                      {{ status.status === 'available' ? 'mdi-check-circle' : 'mdi-alert-circle' }}
+                    </v-icon>
+                    <span class="font-weight-bold">{{ status.id }}</span>
+                    <v-chip :color="status.status === 'available' ? 'success' : 'error'" size="small" class="ml-2">
+                      {{ status.status === 'available' ? '可用' : '不可用' }}
+                    </v-chip>
+                  </v-card-item>
+                  <v-card-text v-if="status.status === 'unavailable'" class="text-caption text-medium-emphasis">
+                    <span class="font-weight-bold">错误信息:</span> {{ status.error }}
+                  </v-card-text>
+                </v-card>
+              </v-col>
+            </v-row>
+          </v-container>
+        </v-card-text>
+      </v-card>
+
       <!-- 日志部分 -->
       <v-card elevation="2">
         <v-card-title class="d-flex align-center py-3 px-4">
@@ -109,10 +180,14 @@
               <v-icon start>mdi-volume-high</v-icon>
               文字转语音
             </v-tab>
+            <v-tab value="embedding" class="font-weight-medium px-3">
+              <v-icon start>mdi-code-json</v-icon>
+              Embedding
+            </v-tab>
           </v-tabs>
 
           <v-window v-model="activeProviderTab" class="mt-4">
-            <v-window-item v-for="tabType in ['chat_completion', 'speech_to_text', 'text_to_speech']"
+            <v-window-item v-for="tabType in ['chat_completion', 'speech_to_text', 'text_to_speech', 'embedding']"
                           :key="tabType"
                           :value="tabType">
               <v-row class="mt-1">
@@ -222,9 +297,58 @@ export default {
 
       showConsole: false,
       
+      // 供应商状态相关
+      providerStatuses: [],
+      loadingStatus: false,
+
       // 新增提供商对话框相关
       showAddProviderDialog: false,
       activeProviderTab: 'chat_completion',
+
+      // 添加提供商类型分类
+      activeProviderTypeTab: 'all',
+
+      // 兼容旧版本（< v3.5.11）的 mapping，用于映射到对应的提供商能力类型
+      oldVersionProviderTypeMapping: {
+        "openai_chat_completion": "chat_completion",
+        "anthropic_chat_completion": "chat_completion",
+        "googlegenai_chat_completion": "chat_completion",
+        "zhipu_chat_completion": "chat_completion",
+        "llm_tuner": "chat_completion",
+        "dify": "chat_completion",
+        "dashscope": "chat_completion",
+        "openai_whisper_api": "speech_to_text",
+        "openai_whisper_selfhost": "speech_to_text",
+        "sensevoice_stt_selfhost": "speech_to_text",
+        "openai_tts_api": "text_to_speech",
+        "edge_tts": "text_to_speech",
+        "gsvi_tts_api": "text_to_speech",
+        "fishaudio_tts_api": "text_to_speech",
+        "dashscope_tts": "text_to_speech",
+        "azure_tts": "text_to_speech",
+        "minimax_tts_api": "text_to_speech",
+        "volcengine_tts": "text_to_speech",
+      }
+    }
+  },
+
+  computed: {
+    // 根据选择的标签过滤提供商列表
+    filteredProviders() {
+      if (!this.config_data.provider || this.activeProviderTypeTab === 'all') {
+        return this.config_data.provider || [];
+      }
+
+      return this.config_data.provider.filter(provider => {
+        // 如果provider.provider_type已经存在，直接使用它
+        if (provider.provider_type) {
+          return provider.provider_type === this.activeProviderTypeTab;
+        }
+        
+        // 否则使用映射关系
+        const mappedType = this.oldVersionProviderTypeMapping[provider.type];
+        return mappedType === this.activeProviderTypeTab;
+      });
     }
   },
 
@@ -243,6 +367,15 @@ export default {
       });
     },
 
+    // 获取空列表文本
+    getEmptyText() {
+      if (this.activeProviderTypeTab === 'all') {
+        return "暂无服务提供商，点击 新增服务提供商 添加";
+      } else {
+        return `暂无${this.getTabTypeName(this.activeProviderTypeTab)}类型的服务提供商，点击 新增服务提供商 添加`;
+      }
+    },
+
     // 按提供商类型获取模板列表
     getTemplatesByType(type) {
       const templates = this.metadata['provider_group']?.metadata?.provider?.config_template || {};
@@ -294,7 +427,8 @@ export default {
       const names = {
         'chat_completion': '基本对话',
         'speech_to_text': '语音转文本',
-        'text_to_speech': '文本转语音'
+        'text_to_speech': '文本转语音',
+        'embedding': 'Embedding'
       };
       return names[tabType] || tabType;
     },
@@ -442,6 +576,22 @@ export default {
       this.save_message = message;
       this.save_message_success = "error";
       this.save_message_snack = true;
+    },
+    
+    // 获取供应商状态
+    fetchProviderStatus() {
+      this.loadingStatus = true;
+      axios.get('/api/config/provider/check_status').then((res) => {
+        if (res.data && res.data.status === 'ok') {
+          this.providerStatuses = res.data.data || [];
+        } else {
+          this.showError(res.data?.message || "获取供应商状态失败");
+        }
+        this.loadingStatus = false;
+      }).catch((err) => {
+        this.loadingStatus = false;
+        this.showError(err.response?.data?.message || err.message);
+      });
     }
   }
 }

dashboard/src/views/Settings.vue

@@ -1,6 +1,6 @@
 <template>
 
-    <div style="background-color: white; padding: 8px; padding-left: 16px; border-radius: 8px; margin-bottom: 16px;">
+    <div style="background-color: var(--v-theme-surface, #fff); padding: 8px; padding-left: 16px; border-radius: 8px; margin-bottom: 16px;">
 
         <v-list lines="two">
             <v-list-subheader>网络</v-list-subheader>

dashboard/src/views/alkaid/KnowledgeBase.vue

@@ -4,11 +4,15 @@
             <!-- knowledge card -->
             <div v-if="!installed" class="d-flex align-center justify-center flex-column"
                 style="flex-grow: 1; width: 100%; height: 100%;">
-                <h2>还没有安装知识库插件</h2>
-                <v-btn style="margin-top: 16px;" variant="tonal" color="primary"
-                    @click="installPlugin" :loading="installing">
+                <h2>还没有安装知识库插件
+                    <v-icon v-class="ml - 2" size="small" color="grey"
+                        @click="openUrl('https://astrbot.app/use/knowledge-base.html')">mdi-information-outline</v-icon>
+                </h2>
+                <v-btn style="margin-top: 16px;" variant="tonal" color="primary" @click="installPlugin"
+                    :loading="installing">
                     立即安装
                 </v-btn>
+                <ConsoleDisplayer v-show="installing" style="background-color: #fff; max-height: 300px; margin-top: 16px; max-width: 100%" :show-level-btns="false"></ConsoleDisplayer>
             </div>
             <div v-else-if="kbCollections.length == 0" class="d-flex align-center justify-center flex-column"
                 style="flex-grow: 1; width: 100%; height: 100%;">
@@ -18,10 +22,17 @@
                 </v-btn>
             </div>
             <div v-else>
-                <h2 class="mb-4">知识库列表</h2>
+                <h2 class="mb-4">知识库列表
+                    <v-icon v-class="ml - 2" size="x-small" color="grey"
+                        @click="openUrl('https://astrbot.app/use/knowledge-base.html')">mdi-information-outline</v-icon>
+                </h2>
                 <v-btn class="mb-4" prepend-icon="mdi-plus" variant="tonal" color="primary"
                     @click="showCreateDialog = true">
-                    创建新知识库
+                    创建知识库
+                </v-btn>
+                <v-btn class="mb-4 ml-4" prepend-icon="mdi-cog" variant="tonal" color="success"
+                    @click="$router.push('/extension?open_config=astrbot_plugin_knowledge_base')">
+                    配置
                 </v-btn>
 
                 <div class="kb-grid">
@@ -68,6 +79,12 @@
 
                         <v-textarea v-model="newKB.description" label="描述" variant="outlined" placeholder="知识库的简短描述..."
                             rows="3"></v-textarea>
+
+                        <v-select v-model="newKB.embedding_provider_id" :items="embeddingProviderConfigs"
+                            :item-props="embeddingModelProps" label="Embedding(嵌入)模型" variant="outlined" class="mt-2">
+                        </v-select>
+
+                        <small>Tips: 一旦选择了一个知识库的嵌入模型，请不要再修改该提供商的模型或者向量维度信息，否则将严重影响该知识库的召回率甚至报错。</small>
                     </v-form>
                 </v-card-text>
                 <v-card-actions>
@@ -114,6 +131,18 @@
                     </v-btn>
                 </v-card-title>
 
+                <div v-if="currentKB._embedding_provider_config" class="px-6 py-2">
+                    <v-chip class="mr-2" color="primary" variant="tonal" size="small" rounded="sm">
+                        <v-icon start size="small">mdi-database</v-icon>
+                        嵌入模型: {{ currentKB._embedding_provider_config.embedding_model }}
+                    </v-chip>
+                    <v-chip color="secondary" variant="tonal" size="small" rounded="sm">
+                        <v-icon start size="small">mdi-vector-point</v-icon>
+                        向量维度: {{ currentKB._embedding_provider_config.embedding_dimensions }}
+                    </v-chip>
+                    <small style="margin-left: 8px;">💡 使用方式: 在聊天页中输入 “/kb use {{ currentKB.collection_name }}”</small>
+                </div>
+
                 <v-card-text>
                     <v-tabs v-model="activeTab">
                         <v-tab value="upload">上传文件</v-tab>
@@ -136,6 +165,38 @@
                                     <p class="mt-2">拖放文件到这里或点击上传</p>
                                 </div>
 
+                                <!-- 优化后的分片长度和重叠长度设置 -->
+                                <v-card class="mt-4 chunk-settings-card" variant="outlined" color="grey-lighten-4">
+                                    <v-card-title class="pa-4 pb-0 d-flex align-center">
+                                        <v-icon color="primary" class="mr-2">mdi-puzzle-outline</v-icon>
+                                        <span class="text-subtitle-1 font-weight-bold">分片设置</span>
+                                        <v-tooltip location="top">
+                                            <template v-slot:activator="{ props }">
+                                                <v-icon v-bind="props" class="ml-2" size="small" color="grey">
+                                                    mdi-information-outline
+                                                </v-icon>
+                                            </template>
+                                            <span>
+                                                分片长度决定每块文本的大小，重叠长度决定相邻文本块之间的重叠程度。<br>
+                                                较小的分片更精确但会增加数量，适当的重叠可提高检索准确性。
+                                            </span>
+                                        </v-tooltip>
+                                    </v-card-title>
+                                    <v-card-text class="pa-4 pt-2">
+                                        <div class="d-flex flex-wrap" style="gap: 8px">
+                                            <v-text-field v-model="chunkSize" label="分片长度" type="number"
+                                                hint="控制每个文本块大小，留空使用默认值" persistent-hint variant="outlined"
+                                                density="comfortable" class="flex-grow-1 chunk-field"
+                                                prepend-inner-icon="mdi-text-box-outline" min="50"></v-text-field>
+
+                                            <v-text-field v-model="overlap" label="重叠长度" type="number"
+                                                hint="控制相邻文本块重叠度，留空使用默认值" persistent-hint variant="outlined"
+                                                density="comfortable" class="flex-grow-1 chunk-field"
+                                                prepend-inner-icon="mdi-vector-intersection" min="0"></v-text-field>
+                                        </div>
+                                    </v-card-text>
+                                </v-card>
+
                                 <div class="selected-files mt-4" v-if="selectedFile">
                                     <div type="info" variant="tonal" class="d-flex align-center">
                                         <div>
@@ -239,9 +300,13 @@
 
 <script>
 import axios from 'axios';
+import ConsoleDisplayer from '@/components/shared/ConsoleDisplayer.vue';
 
 export default {
     name: 'KnowledgeBase',
+    components: {
+        ConsoleDisplayer,
+    },
     data() {
         return {
             installed: true,
@@ -252,7 +317,8 @@ export default {
             newKB: {
                 name: '',
                 emoji: '🙂',
-                description: ''
+                description: '',
+                embedding_provider_id: ''
             },
             snackbar: {
                 show: false,
@@ -292,6 +358,8 @@ export default {
             },
             activeTab: 'upload',
             selectedFile: null,
+            chunkSize: null,
+            overlap: null,
             uploading: false,
             searchQuery: '',
             searchResults: [],
@@ -302,13 +370,21 @@ export default {
             deleteTarget: {
                 collection_name: ''
             },
-            deleting: false
+            deleting: false,
+            embeddingProviderConfigs: []
         }
     },
     mounted() {
         this.checkPlugin();
+        this.getEmbeddingProviderList();
     },
     methods: {
+        embeddingModelProps(providerConfig) {
+            return {
+                title: providerConfig.embedding_model,
+                subtitle: `提供商 ID: ${providerConfig.id} | 嵌入模型维度: ${providerConfig.embedding_dimensions}`,
+            }
+        },
         checkPlugin() {
             axios.get('/api/plugin/get?name=astrbot_plugin_knowledge_base')
                 .then(response => {
@@ -331,7 +407,7 @@ export default {
         installPlugin() {
             this.installing = true;
             axios.post('/api/plugin/install', {
-                url: "https://github.com/soulter/astrbot_plugin_knowledge_base",
+                url: "https://github.com/lxfight/astrbot_plugin_knowledge_base",
                 proxy: localStorage.getItem('selectedGitHubProxy') || ""
             })
                 .then(response => {
@@ -361,10 +437,15 @@ export default {
         },
 
         createCollection(name, emoji, description) {
+            // 如果 this.newKB.embedding_provider_id 是 Object
+            if (typeof this.newKB.embedding_provider_id === 'object') {
+                this.newKB.embedding_provider_id = this.newKB.embedding_provider_id.id || '';
+            }
             axios.post('/api/plug/alkaid/kb/create_collection', {
                 collection_name: name,
                 emoji: emoji,
-                description: description
+                description: description,
+                embedding_provider_id: this.newKB.embedding_provider_id || ''
             })
                 .then(response => {
                     if (response.data.status === 'ok') {
@@ -390,7 +471,8 @@ export default {
             this.createCollection(
                 this.newKB.name,
                 this.newKB.emoji || '🙂',
-                this.newKB.description
+                this.newKB.description,
+                this.newKB.embedding_provider_id || ''
             );
         },
 
@@ -398,7 +480,8 @@ export default {
             this.newKB = {
                 name: '',
                 emoji: '🙂',
-                description: ''
+                description: '',
+                embedding_provider: ''
             };
         },
 
@@ -415,6 +498,9 @@ export default {
             this.searchQuery = '';
             this.searchResults = [];
             this.searchPerformed = false;
+            // 重置分片长度和重叠长度参数
+            this.chunkSize = null;
+            this.overlap = null;
         },
 
         triggerFileInput() {
@@ -469,6 +555,15 @@ export default {
             formData.append('file', this.selectedFile);
             formData.append('collection_name', this.currentKB.collection_name);
 
+            // 添加可选的分片长度和重叠长度参数
+            if (this.chunkSize && this.chunkSize > 0) {
+                formData.append('chunk_size', this.chunkSize);
+            }
+
+            if (this.overlap && this.overlap >= 0) {
+                formData.append('chunk_overlap', this.overlap);
+            }
+
             axios.post('/api/plug/alkaid/kb/collection/add_file', formData, {
                 headers: {
                     'Content-Type': 'multipart/form-data'
@@ -476,7 +571,7 @@ export default {
             })
                 .then(response => {
                     if (response.data.status === 'ok') {
-                        this.showSnackbar('文件上传成功');
+                        this.showSnackbar('操作成功: ' + response.data.message);
                         this.selectedFile = null;
 
                         // 刷新知识库列表，获取更新的数量
@@ -578,6 +673,31 @@ export default {
                     this.deleting = false;
                 });
         },
+
+        getEmbeddingProviderList() {
+            axios.get('/api/config/provider/list', {
+                params: {
+                    provider_type: 'embedding'
+                }
+            })
+                .then(response => {
+                    if (response.data.status === 'ok') {
+                        this.embeddingProviderConfigs = response.data.data || [];
+                    } else {
+                        this.showSnackbar(response.data.message || '获取嵌入模型列表失败', 'error');
+                        return [];
+                    }
+                })
+                .catch(error => {
+                    console.error('Error fetching embedding providers:', error);
+                    this.showSnackbar('获取嵌入模型列表失败', 'error');
+                    return [];
+                });
+        },
+
+        openUrl(url) {
+            window.open(url, '_blank');
+        }
     }
 }
 </script>
@@ -597,7 +717,7 @@ export default {
     position: relative;
     cursor: pointer;
     display: flex;
-    background-color: #ffffff;
+    background-color: var(--v-theme-background);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }
@@ -630,7 +750,7 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: #ffffff;
+    background-color: var(--v-theme-background);
     border-radius: 50%;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     margin-bottom: 16px;
@@ -747,4 +867,28 @@ export default {
 .kb-card:hover .kb-actions {
     opacity: 1;
 }
+
+.chunk-settings-card {
+    border: 1px solid rgba(92, 107, 192, 0.2) !important;
+    transition: all 0.3s ease;
+}
+
+.chunk-settings-card:hover {
+    border-color: rgba(92, 107, 192, 0.4) !important;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
+}
+
+.chunk-field :deep(.v-field__input) {
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+
+.chunk-field :deep(.v-field__prepend-inner) {
+    padding-right: 8px;
+    opacity: 0.7;
+}
+
+.chunk-field:focus-within :deep(.v-field__prepend-inner) {
+    opacity: 1;
+}
 </style>

dashboard/src/views/alkaid/LongTermMemory.vue

@@ -1,6 +1,11 @@
 <template>
   <div id="long-term-memory" class="flex-grow-1" style="display: flex; flex-direction: row; ">
-    <div id="graph-container" style="flex-grow: 1; width: 100%; border: 1px solid #eee; border-radius: 8px; max-height: calc(100% - 40px);">
+    <!-- <div id="graph-container"
+      style="flex-grow: 1; width: 100%; border: 1px solid #eee; border-radius: 8px; max-height: calc(100% - 40px);">
+    </div> -->
+    <div id="graph-container-nonono"
+      style="display: flex; justify-content: center; align-items: center; width: 100%; font-weight: 1000; font-size: 24px;">
+      加速开发中...
     </div>
     <div id="graph-control-panel"
       style="min-width: 450px; border: 1px solid #eee; border-radius: 8px; padding: 16px; padding-bottom: 0px; margin-left: 16px; max-height: calc(100% - 40px);">
@@ -32,23 +37,10 @@
         <h3>搜索记忆</h3>
         <v-card variant="outlined" class="mt-2 pa-3">
           <div>
-            <v-text-field 
-              v-model="searchMemoryUserId" 
-              label="用户 ID"
-              variant="outlined"
-              density="compact"
-              hide-details
-              class="mb-2"
-            ></v-text-field>
-            <v-text-field
-              v-model="searchQuery"
-              label="输入关键词"
-              variant="outlined"
-              density="compact"
-              hide-details
-              @keyup.enter="searchMemory"
-              class="mb-2"
-            ></v-text-field>
+            <v-text-field v-model="searchMemoryUserId" label="用户 ID" variant="outlined" density="compact" hide-details
+              class="mb-2"></v-text-field>
+            <v-text-field v-model="searchQuery" label="输入关键词" variant="outlined" density="compact" hide-details
+              @keyup.enter="searchMemory" class="mb-2"></v-text-field>
             <v-btn color="info" @click="searchMemory" :loading="isSearching" variant="tonal">
               <v-icon start>mdi-text-search</v-icon>
               搜索
@@ -60,13 +52,11 @@
             <v-divider class="mb-3"></v-divider>
             <div class="text-subtitle-1 mb-2">搜索结果 ({{ searchResults.length }})</div>
             <v-expansion-panels variant="accordion">
-              <v-expansion-panel
-                v-for="(result, index) in searchResults"
-                :key="index"
-              >
+              <v-expansion-panel v-for="(result, index) in searchResults" :key="index">
                 <v-expansion-panel-title>
                   <div>
-                    <span class="text-truncate d-inline-block" style="max-width: 300px;">{{ result.text.substring(0, 30) }}...</span>
+                    <span class="text-truncate d-inline-block" style="max-width: 300px;">{{ result.text.substring(0, 30)
+                      }}...</span>
                     <span class="ms-2 text-caption text-grey">(相关度: {{ (result.score * 100).toFixed(1) }}%)</span>
                   </div>
                 </v-expansion-panel-title>
@@ -92,36 +82,15 @@
         <h3>添加记忆数据</h3>
         <v-card variant="outlined" class="mt-2 pa-3">
           <v-form @submit.prevent="addMemoryData">
-            <v-textarea
-              v-model="newMemoryText"
-              label="输入文本内容"
-              variant="outlined"
-              rows="4"
-              hide-details
-              class="mb-2"
-            ></v-textarea>
+            <v-textarea v-model="newMemoryText" label="输入文本内容" variant="outlined" rows="4" hide-details
+              class="mb-2"></v-textarea>
 
-            <v-text-field 
-              v-model="newMemoryUserId" 
-              label="用户 ID"
-              variant="outlined"
-              density="compact"
-              hide-details
-            ></v-text-field>
+            <v-text-field v-model="newMemoryUserId" label="用户 ID" variant="outlined" density="compact"
+              hide-details></v-text-field>
 
-            <v-switch
-              v-model="needSummarize"
-              color="primary"
-              label="需要摘要"
-              hide-details
-            ></v-switch>
+            <v-switch v-model="needSummarize" color="primary" label="需要摘要" hide-details></v-switch>
 
-            <v-btn 
-              color="success" 
-              type="submit"
-              :loading="isSubmitting"
-              :disabled="!newMemoryText || !newMemoryUserId"
-            >
+            <v-btn color="success" type="submit" :loading="isSubmitting" :disabled="!newMemoryText || !newMemoryUserId">
               <v-icon start>mdi-plus</v-icon>
               添加数据
             </v-btn>
@@ -571,6 +540,7 @@ export default {
 <style scoped>
 #long-term-memory {
   height: 100%;
+  max-height: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: row;
@@ -585,8 +555,8 @@ export default {
 }
 
 #graph-control-panel {
-  height: 100%;
-  overflow-y: auto; /* 让控制面板可滚动而不是整个页面滚动 */
+  overflow-y: auto;
+  /* 让控制面板可滚动而不是整个页面滚动 */
   min-width: 450px;
   max-width: 450px;
 }
@@ -607,4 +577,5 @@ export default {
 .d3-graph {
   background-color: #f2f6f9;
 }
+
 </style>

dashboard/src/views/authentication/auth/LoginPage.vue

@@ -4,6 +4,7 @@ import Logo from '@/components/shared/Logo.vue';
 import { onMounted, ref } from 'vue';
 import { useAuthStore } from '@/stores/auth';
 import { useRouter } from 'vue-router';
+import {useCustomizerStore} from "@/stores/customizer";
 
 const cardVisible = ref(false);
 const router = useRouter();
@@ -24,7 +25,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="login-page-container">
+  <div v-if="useCustomizerStore().uiTheme==='PurpleTheme'" class="login-page-container">
     <div class="login-background"></div>
     <v-card 
       variant="outlined" 
@@ -42,6 +43,24 @@ onMounted(() => {
       </v-card-text>
     </v-card>
   </div>
+  <div v-else class="login-page-container-dark">
+    <div class="login-background-dark"></div>
+    <v-card
+        variant="outlined"
+        class="login-card"
+        :class="{ 'card-visible': cardVisible }"
+    >
+      <v-card-text class="pa-10">
+        <div class="logo-wrapper">
+          <Logo />
+        </div>
+        <div class="divider-container">
+          <v-divider class="custom-divider"></v-divider>
+        </div>
+        <AuthLogin />
+      </v-card-text>
+    </v-card>
+  </div>
 </template>
 
 <style lang="scss">
@@ -56,6 +75,17 @@ onMounted(() => {
   overflow: hidden;
 }
 
+.login-page-container-dark {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  width: 100%;
+  position: relative;
+  background: linear-gradient(135deg, #1a1b1c 0%, #1d1e21 100%);
+  overflow: hidden;
+}
+
 .login-background {
   position: absolute;
   width: 200%;
@@ -67,6 +97,17 @@ onMounted(() => {
   animation: rotate 60s linear infinite;
 }
 
+.login-background-dark {
+  position: absolute;
+  width: 200%;
+  height: 200%;
+  top: -50%;
+  left: -50%;
+  background-color: var(--v-theme-surface);
+  z-index: 0;
+  animation: rotate 60s linear infinite;
+}
+
 @keyframes rotate {
   0% {
     transform: rotate(0deg);
@@ -79,9 +120,11 @@ onMounted(() => {
 .login-card {
   max-width: 520px;
   width: 90%;
+  color: var(--v-theme-primaryText) !important;
   border-radius: 12px !important;
+  border-color: var(--v-theme-border) !important;
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07) !important;
-  background-color: rgba(255, 255, 255, 0.98) !important;
+  background-color: var(--v-theme-surface) !important;
   transform: translateY(20px);
   opacity: 0;
   transition: all 0.5s ease;

dashboard/src/views/authentication/authForms/AuthLogin.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import {ref, useCssModule} from 'vue';
 import { useAuthStore } from '@/stores/auth';
 import { Form } from 'vee-validate';
 import md5 from 'js-md5';
+import {useCustomizerStore} from "@/stores/customizer";
 
 const valid = ref(false);
 const show1 = ref(false);
@@ -43,7 +44,7 @@ async function validate(values: any, { setErrors }: any) {
       density="comfortable"
       hide-details="auto" 
       variant="outlined"
-      color="primary"
+      :style="{color: useCustomizerStore().uiTheme === 'PurpleTheme' ? '#000000dd' : '#ffffff'}"
       prepend-inner-icon="mdi-account"
       :disabled="loading"
     ></v-text-field>
@@ -54,7 +55,7 @@ async function validate(values: any, { setErrors }: any) {
       required 
       density="comfortable" 
       variant="outlined"
-      color="primary" 
+      :style="{color: useCustomizerStore().uiTheme === 'PurpleTheme' ? '#000000dd' : '#ffffff'}"
       hide-details="auto" 
       :append-icon="show1 ? 'mdi-eye' : 'mdi-eye-off'"
       :type="show1 ? 'text' : 'password'" 
@@ -64,9 +65,9 @@ async function validate(values: any, { setErrors }: any) {
       :disabled="loading"
     ></v-text-field>
 
-    <div class="mt-1 mb-5 hint-text">
+    <v-label :style="{color: useCustomizerStore().uiTheme === 'PurpleTheme' ? '#000000aa' : '#ffffffcc'}" class="mt-1 mb-5">
       <small>默认用户名和密码为 astrbot</small>
-    </div>
+    </v-label>
     
     <v-btn 
       color="secondary" 
@@ -160,7 +161,7 @@ async function validate(values: any, { setErrors }: any) {
   }
   
   .hint-text {
-    color: rgba(0, 0, 0, 0.5);
+    color: var(--v-theme-secondaryText);
     padding-left: 5px;
   }
   
@@ -171,7 +172,7 @@ async function validate(values: any, { setErrors }: any) {
   }
 }
 
-.custom-devider {
+.custom-divider {
   border-color: rgba(0, 0, 0, 0.08) !important;
 }
 </style>

dashboard/src/views/dashboards/default/DefaultDashboard.vue

@@ -155,7 +155,7 @@ export default {
 <style scoped>
 .dashboard-container {
   padding: 16px;
-  background-color: #f9fafc;
+  background-color: var(--v-theme-background);
   min-height: calc(100vh - 64px);
   border-radius: 10px;
   
@@ -170,13 +170,13 @@ export default {
 .dashboard-title {
   font-size: 24px;
   font-weight: 600;
-  color: #333;
+  color: var(--v-theme-primaryText);
   margin-bottom: 4px;
 }
 
 .dashboard-subtitle {
   font-size: 14px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
 }
 
 .notice-row {
@@ -194,18 +194,18 @@ export default {
 
 .plugin-card {
   border-radius: 8px;
-  background-color: white;
+  background-color: var(--v-theme-surface);
 }
 
 .plugin-title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: var(--v-theme-primaryText);
 }
 
 .plugin-subtitle {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
   margin-top: 4px;
 }
 
@@ -225,7 +225,7 @@ export default {
 
 .plugin-version {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText, #666);
 }
 
 .dashboard-footer {

dashboard/src/views/dashboards/default/components/MessageStat.vue

@@ -167,7 +167,7 @@ export default {
         },
       },
       grid: {
-        borderColor: '#f1f1f1',
+        borderColor: "gray100",
         row: {
           colors: ['transparent', 'transparent'],
           opacity: 0.2
@@ -293,12 +293,12 @@ export default {
 .chart-title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: var(--v-theme-primaryText);
 }
 
 .chart-subtitle {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
   margin-top: 4px;
 }
 
@@ -315,31 +315,31 @@ export default {
 
 .stat-box {
   padding: 12px 16px;
-  background: #f5f5f5;
+  background: var(--v-theme-surface);
   border-radius: 8px;
   flex: 1;
 }
 
 .stat-label {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
   margin-bottom: 4px;
 }
 
 .stat-number {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: var(--v-theme-primaryText);
   display: flex;
   align-items: center;
 }
 
 .trend-up .stat-number {
-  color: #4caf50;
+  color: var(--v-theme-success);
 }
 
 .trend-down .stat-number {
-  color: #f44336;
+  color: var(--v-theme-error);
 }
 
 .chart-container {
@@ -354,7 +354,7 @@ export default {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.8);
+  background: var(--v-theme-overlay);
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -365,6 +365,6 @@ export default {
 .loading-text {
   margin-top: 12px;
   font-size: 14px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
 }
 </style>

dashboard/src/views/dashboards/default/components/PlatformStat.vue

@@ -132,12 +132,12 @@ export default {
 .platform-title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: var(--v-theme-primaryText);
 }
 
 .platform-subtitle {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
   margin-top: 4px;
 }
 
@@ -171,16 +171,16 @@ export default {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  background-color: #f0f0f0;
-  color: #333;
+  background-color: var(--v-theme-surface);
+  color: var(--v-theme-primaryText);
   font-weight: 600;
   font-size: 14px;
   margin-right: 12px;
 }
 
 .top-rank {
-  background-color: #5e35b1;
-  color: white;
+  background-color: var(--v-theme-secondary);
+  color: var(--v-theme-surface);
 }
 
 .platform-name {
@@ -195,19 +195,19 @@ export default {
 .count-value {
   font-weight: 600;
   font-size: 14px;
-  color: #5e35b1;
+  color: var(--v-theme-secondary);
   margin-right: 4px;
 }
 
 .count-label {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
 }
 
 .platform-stats-summary {
   display: flex;
   justify-content: space-between;
-  background-color: #f5f5f5;
+  background-color: var(--v-theme-containerBg);
   border-radius: 8px;
   padding: 12px;
   margin-bottom: 16px;
@@ -220,13 +220,13 @@ export default {
 
 .stat-label {
   font-size: 12px;
-  color: #666;
+  color: var(--v-theme-secondaryText);
   margin-bottom: 4px;
 }
 
 .stat-value {
   font-weight: 600;
-  color: #333;
+  color: var(--v-theme-primaryText);
 }
 
 .platform-chart {
@@ -246,7 +246,7 @@ export default {
 }
 
 .no-data-text {
-  color: #999;
+  color: var(--v-theme-secondaryText);
   margin-top: 16px;
   font-size: 14px;
 }

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "AstrBot"
-version = "3.5.12"
+version = "3.5.13"
 description = "易上手的多平台 LLM 聊天机器人及开发框架"
 readme = "README.md"
 requires-python = ">=3.10"
@@ -20,13 +20,14 @@ dependencies = [
     "defusedxml>=0.7.1",
     "dingtalk-stream>=0.22.1",
     "docstring-parser>=0.16",
-    "faiss-cpu>=1.11.0",
+    "faiss-cpu>=1.10.0",
     "filelock>=3.18.0",
     "google-genai>=1.14.0",
     "googlesearch-python>=1.3.0",
     "lark-oapi>=1.4.15",
     "lxml-html-clean>=0.4.2",
     "mcp>=1.8.0",
+    "nh3>=0.2.21",
     "openai>=1.78.0",
     "ormsgpack>=1.9.1",
     "pillow>=11.2.1",

requirements.txt

@@ -37,3 +37,4 @@ watchfiles
 websockets
 faiss-cpu
 aiosqlite
+nh3