chore: update project version to 4.7.1

chore: add type hints for ap in telemetry.py
fix: testing mcp server (#1912 )
2026-06-02 03:55:55 +00:00 · 2026-01-09 21:52:08 +08:00 · 2026-01-09 21:50:43 +08:00 · 2026-01-09 18:39:40 +08:00 · 2026-01-09 16:03:43 +08:00 · 2026-01-09 15:50:44 +08:00
128 changed files with 10330 additions and 9176 deletions
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -70,6 +70,7 @@ Plugin Runtime automatically starts each installed plugin and interacts through
    - type: must be a specific type, such as feat (new feature), fix (bug fix), docs (documentation), style (code style), refactor (refactoring), perf (performance optimization), etc.
    - scope: the scope of the commit, such as the package name, the file name, the function name, the class name, the module name, etc.
    - subject: the subject of the commit, such as the description of the commit, the reason for the commit, the impact of the commit, etc.
+- If you changed the definition of database entities, please update the migration file in `src/langbot/pkg/persistence/migrations/` and update the constants.py file in `src/langbot/pkg/utils/constants.py` with the new migration number.

 ## Some Principles

--- a/README.md
+++ b/README.md
@@ -13,16 +13,18 @@
 [English](README_EN.md) / 简体中文 / [繁體中文](README_TW.md) / [日本語](README_JP.md) / [Español](README_ES.md) / [Français](README_FR.md) / [한국어](README_KO.md) / [Русский](README_RU.md) / [Tiếng Việt](README_VI.md)

 [![Discord](https://img.shields.io/discord/1335141740050649118?logo=discord&labelColor=%20%235462eb&logoColor=%20%23f5f5f5&color=%20%235462eb)](https://discord.gg/wdNEHETs87)
-[![QQ Group](https://img.shields.io/badge/%E7%A4%BE%E5%8C%BAQQ%E7%BE%A4-966235608-blue)](https://qm.qq.com/q/JLi38whHum)
+[![QQ Group](https://img.shields.io/badge/%E7%A4%BE%E5%8C%BAQQ%E7%BE%A4-1030838208-blue)](https://qm.qq.com/q/DxZZcNxM1W)
 [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/langbot-app/LangBot)
 [![GitHub release (latest by date)](https://img.shields.io/github/v/release/langbot-app/LangBot)](https://github.com/langbot-app/LangBot/releases/latest)
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">
 [![star](https://gitcode.com/RockChinQ/LangBot/star/badge.svg)](https://gitcode.com/RockChinQ/LangBot)

 <a href="https://langbot.app">项目主页</a> ｜
+<a href="https://docs.langbot.app/zh/insight/features.html">规格特性</a> ｜
 <a href="https://docs.langbot.app/zh/insight/guide.html">部署文档</a> ｜
-<a href="https://docs.langbot.app/zh/plugin/plugin-intro.html">插件介绍</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">提交插件</a>
+<a href="https://docs.langbot.app/zh/tags/readme.html">API 集成</a> ｜
+<a href="https://space.langbot.app">插件市场</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">路线图</a>

 </div>

--- a/README_EN.md
+++ b/README_EN.md
@@ -17,9 +17,11 @@ English / [简体中文](README.md) / [繁體中文](README_TW.md) / [日本語]
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">Home</a> ｜
+<a href="https://docs.langbot.app/en/insight/features.html">Features</a> ｜
 <a href="https://docs.langbot.app/en/insight/guide.html">Deployment</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">Plugin</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">Submit Plugin</a>
+<a href="https://docs.langbot.app/en/tags/readme.html">API Integration</a> ｜
+<a href="https://space.langbot.app">Plugin Market</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">Roadmap</a>

 </div>

--- a/README_ES.md
+++ b/README_ES.md
@@ -17,9 +17,11 @@
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">Inicio</a> ｜
+<a href="https://docs.langbot.app/en/insight/features.html">Características</a> ｜
 <a href="https://docs.langbot.app/en/insight/guide.html">Despliegue</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">Plugin</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">Enviar Plugin</a>
+<a href="https://docs.langbot.app/en/tags/readme.html">Integración API</a> ｜
+<a href="https://space.langbot.app">Mercado de Plugins</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">Hoja de Ruta</a>

 </div>

--- a/README_FR.md
+++ b/README_FR.md
@@ -17,9 +17,11 @@
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">Accueil</a> ｜
+<a href="https://docs.langbot.app/en/insight/features.html">Fonctionnalités</a> ｜
 <a href="https://docs.langbot.app/en/insight/guide.html">Déploiement</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">Plugin</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">Soumettre un Plugin</a>
+<a href="https://docs.langbot.app/en/tags/readme.html">Intégration API</a> ｜
+<a href="https://space.langbot.app">Marché des Plugins</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">Feuille de Route</a>

 </div>

--- a/README_JP.md
+++ b/README_JP.md
@@ -17,9 +17,11 @@
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">ホーム</a> ｜
-<a href="https://docs.langbot.app/en/insight/guide.html">デプロイ</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">プラグイン</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">プラグインの提出</a>
+<a href="https://docs.langbot.app/ja/insight/features.html">機能仕様</a> ｜
+<a href="https://docs.langbot.app/ja/insight/guide.html">デプロイ</a> ｜
+<a href="https://docs.langbot.app/ja/tags/readme.html">API統合</a> ｜
+<a href="https://space.langbot.app">プラグインマーケット</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">ロードマップ</a>

 </div>

--- a/README_KO.md
+++ b/README_KO.md
@@ -17,9 +17,11 @@
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">홈</a> ｜
+<a href="https://docs.langbot.app/en/insight/features.html">기능 사양</a> ｜
 <a href="https://docs.langbot.app/en/insight/guide.html">배포</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">플러그인</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">플러그인 제출</a>
+<a href="https://docs.langbot.app/en/tags/readme.html">API 통합</a> ｜
+<a href="https://space.langbot.app">플러그인 마켓</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">로드맵</a>

 </div>

--- a/README_RU.md
+++ b/README_RU.md
@@ -17,9 +17,11 @@
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">Главная</a> ｜
+<a href="https://docs.langbot.app/en/insight/features.html">Характеристики</a> ｜
 <a href="https://docs.langbot.app/en/insight/guide.html">Развертывание</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">Плагин</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">Отправить плагин</a>
+<a href="https://docs.langbot.app/en/tags/readme.html">Интеграция API</a> ｜
+<a href="https://space.langbot.app">Магазин плагинов</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">Дорожная карта</a>

 </div>

--- a/README_TW.md
+++ b/README_TW.md
@@ -17,9 +17,11 @@
 [![star](https://gitcode.com/RockChinQ/LangBot/star/badge.svg)](https://gitcode.com/RockChinQ/LangBot)

 <a href="https://langbot.app">主頁</a> ｜
+<a href="https://docs.langbot.app/zh/insight/features.html">規格特性</a> ｜
 <a href="https://docs.langbot.app/zh/insight/guide.html">部署文件</a> ｜
-<a href="https://docs.langbot.app/zh/plugin/plugin-intro.html">外掛介紹</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">提交外掛</a>
+<a href="https://docs.langbot.app/zh/tags/readme.html">API 整合</a> ｜
+<a href="https://space.langbot.app">外掛市場</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">路線圖</a>

 </div>

--- a/README_VI.md
+++ b/README_VI.md
@@ -17,9 +17,11 @@
 <img src="https://img.shields.io/badge/python-3.10 ~ 3.13 -blue.svg" alt="python">

 <a href="https://langbot.app">Trang chủ</a> ｜
+<a href="https://docs.langbot.app/en/insight/features.html">Tính năng</a> ｜
 <a href="https://docs.langbot.app/en/insight/guide.html">Triển khai</a> ｜
-<a href="https://docs.langbot.app/en/plugin/plugin-intro.html">Plugin</a> ｜
-<a href="https://github.com/langbot-app/LangBot/issues/new?assignees=&labels=%E7%8B%AC%E7%AB%8B%E6%8F%92%E4%BB%B6&projects=&template=submit-plugin.yml&title=%5BPlugin%5D%3A+%E8%AF%B7%E6%B1%82%E7%99%BB%E8%AE%B0%E6%96%B0%E6%8F%92%E4%BB%B6">Gửi Plugin</a>
+<a href="https://docs.langbot.app/en/tags/readme.html">Tích hợp API</a> ｜
+<a href="https://space.langbot.app">Chợ Plugin</a> ｜
+<a href="https://langbot.featurebase.app/roadmap">Lộ trình</a>

 </div>

--- a/docker/docker-compose.yaml
+++ b/docker/docker-compose.yaml
@@ -14,7 +14,7 @@ services:
    restart: on-failure
    environment:
      - TZ=Asia/Shanghai
-    command: ["uv", "run", "-m", "langbot_plugin.cli.__init__", "rt"]
+    command: ["uv", "run", "--no-sync", "-m", "langbot_plugin.cli.__init__", "rt"]
    networks:
      - langbot_network

--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "langbot"
-version = "4.6.5"
-description = "Easy-to-use global IM bot platform designed for LLM era"
+version = "4.7.1"
+description = "Production-grade platform for building IM bots"
 readme = "README.md"
 license-files = ["LICENSE"]
 requires-python = ">=3.11,<4.0"
--- a/src/langbot/init.py
+++ b/src/langbot/init.py
@@ -1,3 +1,3 @@
-"""LangBot - Easy-to-use global IM bot platform designed for LLM era"""
+"""LangBot - Production-grade platform for building IM bots"""

-__version__ = '4.6.5'
+__version__ = '4.7.1'
--- a/src/langbot/libs/official_account_api/api.py
+++ b/src/langbot/libs/official_account_api/api.py
@@ -23,12 +23,21 @@ xml_template = """


 class OAClient:
-    def __init__(self, token: str, EncodingAESKey: str, AppID: str, Appsecret: str, logger: None, unified_mode: bool = False):
+    def __init__(
+        self,
+        token: str,
+        EncodingAESKey: str,
+        AppID: str,
+        Appsecret: str,
+        logger: None,
+        unified_mode: bool = False,
+        api_base_url: str = 'https://api.weixin.qq.com',
+    ):
        self.token = token
        self.aes = EncodingAESKey
        self.appid = AppID
        self.appsecret = Appsecret
-        self.base_url = 'https://api.weixin.qq.com'
+        self.base_url = api_base_url
        self.access_token = ''
        self.unified_mode = unified_mode
        self.app = Quart(__name__)
@@ -208,12 +217,13 @@ class OAClientForLongerResponse:
        LoadingMessage: str,
        logger: None,
        unified_mode: bool = False,
+        api_base_url: str = 'https://api.weixin.qq.com',
    ):
        self.token = token
        self.aes = EncodingAESKey
        self.appid = AppID
        self.appsecret = Appsecret
-        self.base_url = 'https://api.weixin.qq.com'
+        self.base_url = api_base_url
        self.access_token = ''
        self.unified_mode = unified_mode
        self.app = Quart(__name__)
--- a/src/langbot/libs/wecom_api/api.py
+++ b/src/langbot/libs/wecom_api/api.py
@@ -22,13 +22,14 @@ class WecomClient:
        contacts_secret: str,
        logger: None,
        unified_mode: bool = False,
+        api_base_url: str = 'https://qyapi.weixin.qq.com/cgi-bin',
    ):
        self.corpid = corpid
        self.secret = secret
        self.access_token_for_contacts = ''
        self.token = token
        self.aes = EncodingAESKey
-        self.base_url = 'https://qyapi.weixin.qq.com/cgi-bin'
+        self.base_url = api_base_url
        self.access_token = ''
        self.secret_for_contacts = contacts_secret
        self.logger = logger
@@ -56,7 +57,7 @@ class WecomClient:
        return bool(self.access_token_for_contacts and self.access_token_for_contacts.strip())

    async def get_access_token(self, secret):
-        url = f'https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid={self.corpid}&corpsecret={secret}'
+        url = f'{self.base_url}/gettoken?corpid={self.corpid}&corpsecret={secret}'
        async with httpx.AsyncClient() as client:
            response = await client.get(url)
            data = response.json()
@@ -196,7 +197,7 @@ class WecomClient:
            self.access_token = await self.get_access_token(self.secret)

        url = self.base_url + '/message/send?access_token=' + self.access_token
-        async with httpx.AsyncClient() as client:
+        async with httpx.AsyncClient(timeout=None) as client:
            params = {
                'touser': user_id,
                'msgtype': 'text',
--- a/src/langbot/libs/wecom_customer_service_api/api.py
+++ b/src/langbot/libs/wecom_customer_service_api/api.py
@@ -13,13 +13,22 @@ import aiofiles


 class WecomCSClient:
-    def __init__(self, corpid: str, secret: str, token: str, EncodingAESKey: str, logger: None, unified_mode: bool = False):
+    def __init__(
+        self,
+        corpid: str,
+        secret: str,
+        token: str,
+        EncodingAESKey: str,
+        logger: None,
+        unified_mode: bool = False,
+        api_base_url: str = 'https://qyapi.weixin.qq.com/cgi-bin',
+    ):
        self.corpid = corpid
        self.secret = secret
        self.access_token_for_contacts = ''
        self.token = token
        self.aes = EncodingAESKey
-        self.base_url = 'https://qyapi.weixin.qq.com/cgi-bin'
+        self.base_url = api_base_url
        self.access_token = ''
        self.logger = logger
        self.unified_mode = unified_mode
@@ -66,7 +75,7 @@ class WecomCSClient:
        return bool(self.access_token_for_contacts and self.access_token_for_contacts.strip())

    async def get_access_token(self, secret):
-        url = f'https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid={self.corpid}&corpsecret={secret}'
+        url = f'{self.base_url}/gettoken?corpid={self.corpid}&corpsecret={secret}'
        async with httpx.AsyncClient() as client:
            response = await client.get(url)
            data = response.json()
@@ -172,7 +181,7 @@ class WecomCSClient:
        if not await self.check_access_token():
            self.access_token = await self.get_access_token(self.secret)

-        url = f'https://qyapi.weixin.qq.com/cgi-bin/kf/send_msg?access_token={self.access_token}'
+        url = f'{self.base_url}/kf/send_msg?access_token={self.access_token}'

        payload = {
            'touser': external_userid,
--- a/src/langbot/pkg/api/http/controller/groups/provider/models.py
+++ b/src/langbot/pkg/api/http/controller/groups/provider/models.py
@@ -9,12 +9,15 @@ class LLMModelsRouterGroup(group.RouterGroup):
        @self.route('', methods=['GET', 'POST'], auth_type=group.AuthType.USER_TOKEN_OR_API_KEY)
        async def _() -> str:
            if quart.request.method == 'GET':
+                provider_uuid = quart.request.args.get('provider_uuid')
+                if provider_uuid:
+                    return self.success(
+                        data={'models': await self.ap.llm_model_service.get_llm_models_by_provider(provider_uuid)}
+                    )
                return self.success(data={'models': await self.ap.llm_model_service.get_llm_models()})
            elif quart.request.method == 'POST':
                json_data = await quart.request.json
-
                model_uuid = await self.ap.llm_model_service.create_llm_model(json_data)
-
                return self.success(data={'uuid': model_uuid})

        @self.route('/<model_uuid>', methods=['GET', 'PUT', 'DELETE'], auth_type=group.AuthType.USER_TOKEN_OR_API_KEY)
@@ -52,12 +55,19 @@ class EmbeddingModelsRouterGroup(group.RouterGroup):
        @self.route('', methods=['GET', 'POST'], auth_type=group.AuthType.USER_TOKEN_OR_API_KEY)
        async def _() -> str:
            if quart.request.method == 'GET':
+                provider_uuid = quart.request.args.get('provider_uuid')
+                if provider_uuid:
+                    return self.success(
+                        data={
+                            'models': await self.ap.embedding_models_service.get_embedding_models_by_provider(
+                                provider_uuid
+                            )
+                        }
+                    )
                return self.success(data={'models': await self.ap.embedding_models_service.get_embedding_models()})
            elif quart.request.method == 'POST':
                json_data = await quart.request.json
-
                model_uuid = await self.ap.embedding_models_service.create_embedding_model(json_data)
-
                return self.success(data={'uuid': model_uuid})

        @self.route('/<model_uuid>', methods=['GET', 'PUT', 'DELETE'], auth_type=group.AuthType.USER_TOKEN_OR_API_KEY)
--- a/src/langbot/pkg/api/http/controller/groups/provider/providers.py
+++ b/src/langbot/pkg/api/http/controller/groups/provider/providers.py
@@ -0,0 +1,45 @@
+import quart
+
+from ... import group
+
+
+@group.group_class('models/providers', '/api/v1/provider/providers')
+class ModelProvidersRouterGroup(group.RouterGroup):
+    async def initialize(self) -> None:
+        @self.route('', methods=['GET', 'POST'], auth_type=group.AuthType.USER_TOKEN_OR_API_KEY)
+        async def _() -> str:
+            if quart.request.method == 'GET':
+                providers = await self.ap.provider_service.get_providers()
+                # Add model counts
+                for provider in providers:
+                    counts = await self.ap.provider_service.get_provider_model_counts(provider['uuid'])
+                    provider['llm_count'] = counts['llm_count']
+                    provider['embedding_count'] = counts['embedding_count']
+                return self.success(data={'providers': providers})
+            elif quart.request.method == 'POST':
+                json_data = await quart.request.json
+                provider_uuid = await self.ap.provider_service.create_provider(json_data)
+                return self.success(data={'uuid': provider_uuid})
+
+        @self.route(
+            '/<provider_uuid>', methods=['GET', 'PUT', 'DELETE'], auth_type=group.AuthType.USER_TOKEN_OR_API_KEY
+        )
+        async def _(provider_uuid: str) -> str:
+            if quart.request.method == 'GET':
+                provider = await self.ap.provider_service.get_provider(provider_uuid)
+                if provider is None:
+                    return self.http_status(404, -1, 'provider not found')
+                counts = await self.ap.provider_service.get_provider_model_counts(provider_uuid)
+                provider['llm_count'] = counts['llm_count']
+                provider['embedding_count'] = counts['embedding_count']
+                return self.success(data={'provider': provider})
+            elif quart.request.method == 'PUT':
+                json_data = await quart.request.json
+                await self.ap.provider_service.update_provider(provider_uuid, json_data)
+                return self.success()
+            elif quart.request.method == 'DELETE':
+                try:
+                    await self.ap.provider_service.delete_provider(provider_uuid)
+                    return self.success()
+                except ValueError as e:
+                    return self.http_status(400, -1, str(e))
--- a/src/langbot/pkg/api/http/controller/groups/system.py
+++ b/src/langbot/pkg/api/http/controller/groups/system.py
@@ -17,14 +17,13 @@ class SystemRouterGroup(group.RouterGroup):
                        'enable_marketplace', True
                    ),
                    'cloud_service_url': (
-                        self.ap.instance_config.data.get('plugin', {}).get(
-                            'cloud_service_url', 'https://space.langbot.app'
-                        )
-                        if 'cloud_service_url' in self.ap.instance_config.data.get('plugin', {})
-                        else 'https://space.langbot.app'
+                        self.ap.instance_config.data.get('space', {}).get('url', 'https://space.langbot.app')
                    ),
-                    'allow_change_password': self.ap.instance_config.data.get('system', {}).get(
-                        'allow_change_password', True
+                    'allow_modify_login_info': self.ap.instance_config.data.get('system', {}).get(
+                        'allow_modify_login_info', True
+                    ),
+                    'disable_models_service': self.ap.instance_config.data.get('space', {}).get(
+                        'disable_models_service', False
                    ),
                }
            )
--- a/src/langbot/pkg/api/http/controller/groups/user.py
+++ b/src/langbot/pkg/api/http/controller/groups/user.py
@@ -1,8 +1,10 @@
 import quart
 import argon2
 import asyncio
+import traceback

 from .. import group
+from .....entity.errors import account as account_errors


@group.group_class('user', '/api/v1/user')
@@ -33,6 +35,8 @@ class UserRouterGroup(group.RouterGroup):
                token = await self.ap.user_service.authenticate(json_data['user'], json_data['password'])
            except argon2.exceptions.VerifyMismatchError:
                return self.fail(1, 'Invalid username or password')
+            except ValueError as e:
+                return self.fail(1, str(e))

            return self.success(data={'token': token})

@@ -71,11 +75,11 @@ class UserRouterGroup(group.RouterGroup):
        @self.route('/change-password', methods=['POST'], auth_type=group.AuthType.USER_TOKEN)
        async def _(user_email: str) -> str:
            # Check if password change is allowed
-            allow_change_password = self.ap.instance_config.data.get('system', {}).get(
-                'allow_change_password', True
+            allow_modify_login_info = self.ap.instance_config.data.get('system', {}).get(
+                'allow_modify_login_info', True
            )
-            if not allow_change_password:
-                return self.http_status(403, -1, 'Password change is disabled')
+            if not allow_modify_login_info:
+                return self.http_status(403, -1, 'Modifying login info is disabled')

            json_data = await quart.request.json

@@ -90,3 +94,169 @@ class UserRouterGroup(group.RouterGroup):
                return self.http_status(400, -1, str(e))

            return self.success(data={'user': user_email})
+
+        # Space OAuth endpoints (redirect flow)
+
+        @self.route('/space/authorize-url', methods=['GET'], auth_type=group.AuthType.NONE)
+        async def _() -> str:
+            """Get Space OAuth authorization URL for redirect"""
+            redirect_uri = quart.request.args.get('redirect_uri', '')
+            state = quart.request.args.get('state', '')
+
+            if not redirect_uri:
+                return self.fail(1, 'Missing redirect_uri parameter')
+
+            try:
+                authorize_url = self.ap.space_service.get_oauth_authorize_url(redirect_uri, state)
+                return self.success(data={'authorize_url': authorize_url})
+            except Exception as e:
+                return self.fail(1, str(e))
+
+        @self.route('/space/callback', methods=['POST'], auth_type=group.AuthType.NONE)
+        async def _() -> str:
+            """Handle OAuth callback - exchange code for tokens and authenticate"""
+            json_data = await quart.request.json
+            code = json_data.get('code')
+
+            if not code:
+                return self.fail(1, 'Missing authorization code')
+
+            try:
+                # Exchange code for tokens
+                token_data = await self.ap.space_service.exchange_oauth_code(code)
+                access_token = token_data.get('access_token')
+                refresh_token = token_data.get('refresh_token')
+                expires_in = token_data.get('expires_in', 0)
+
+                if not access_token:
+                    return self.fail(1, 'Failed to get access token from Space')
+
+                # Authenticate and create/update local user
+                jwt_token, user_obj = await self.ap.user_service.authenticate_space_user(
+                    access_token, refresh_token, expires_in
+                )
+
+                return self.success(
+                    data={
+                        'token': jwt_token,
+                        'user': user_obj.user,
+                    }
+                )
+            except account_errors.AccountEmailMismatchError as e:
+                return self.fail(3, str(e))
+            except ValueError as e:
+                traceback.print_exc()
+                return self.fail(1, str(e))
+            except Exception as e:
+                traceback.print_exc()
+                return self.fail(2, f'OAuth callback failed: {str(e)}')
+
+        @self.route('/info', methods=['GET'], auth_type=group.AuthType.USER_TOKEN)
+        async def _(user_email: str) -> str:
+            """Get current user information including account type"""
+            user_obj = await self.ap.user_service.get_user_by_email(user_email)
+
+            if user_obj is None:
+                return self.http_status(404, -1, 'User not found')
+
+            return self.success(
+                data={
+                    'user': user_obj.user,
+                    'account_type': user_obj.account_type,
+                    'has_password': bool(user_obj.password and user_obj.password.strip()),
+                }
+            )
+
+        @self.route('/space-credits', methods=['GET'], auth_type=group.AuthType.USER_TOKEN)
+        async def _(user_email: str) -> str:
+            """Get Space credits balance for current user"""
+            credits = await self.ap.space_service.get_credits(user_email)
+            return self.success(data={'credits': credits})
+
+        @self.route('/account-info', methods=['GET'], auth_type=group.AuthType.NONE)
+        async def _() -> str:
+            """Get account info for login page (account type and has_password)"""
+            if not await self.ap.user_service.is_initialized():
+                return self.success(data={'initialized': False})
+
+            user_obj = await self.ap.user_service.get_first_user()
+            if user_obj is None:
+                return self.success(data={'initialized': False})
+
+            return self.success(
+                data={
+                    'initialized': True,
+                    'account_type': user_obj.account_type,
+                    'has_password': bool(user_obj.password and user_obj.password.strip()),
+                }
+            )
+
+        @self.route('/set-password', methods=['POST'], auth_type=group.AuthType.USER_TOKEN)
+        async def _(user_email: str) -> str:
+            """Set password for Space account (first time) or change password"""
+            json_data = await quart.request.json
+            new_password = json_data.get('new_password')
+            current_password = json_data.get('current_password')
+
+            if not new_password:
+                return self.http_status(400, -1, 'New password is required')
+
+            user_obj = await self.ap.user_service.get_user_by_email(user_email)
+            if user_obj is None:
+                return self.http_status(404, -1, 'User not found')
+
+            try:
+                await self.ap.user_service.set_password(user_email, new_password, current_password)
+                return self.success(data={'user': user_email})
+            except ValueError as e:
+                return self.http_status(400, -1, str(e))
+            except argon2.exceptions.VerifyMismatchError:
+                return self.http_status(400, -1, 'Current password is incorrect')
+
+        @self.route('/bind-space', methods=['POST'], auth_type=group.AuthType.NONE)
+        async def _() -> str:
+            """Bind Space account to existing local account"""
+            # Check if modifying login info is allowed
+            allow_modify_login_info = self.ap.instance_config.data.get('system', {}).get(
+                'allow_modify_login_info', True
+            )
+            if not allow_modify_login_info:
+                return self.http_status(403, -1, 'Modifying login info is disabled')
+
+            json_data = await quart.request.json
+            code = json_data.get('code')
+            state = json_data.get('state')  # JWT token passed as state
+
+            if not code:
+                return self.http_status(400, -1, 'Missing authorization code')
+
+            if not state:
+                return self.http_status(400, -1, 'Missing state parameter')
+
+            # Verify state is a valid JWT token
+            try:
+                user_email = await self.ap.user_service.verify_jwt_token(state)
+            except Exception:
+                return self.http_status(401, -1, 'Invalid or expired state')
+
+            user_obj = await self.ap.user_service.get_user_by_email(user_email)
+            if user_obj is None:
+                return self.http_status(404, -1, 'User not found')
+
+            if user_obj.account_type != 'local':
+                return self.http_status(400, -1, 'Only local accounts can bind to Space')
+
+            try:
+                updated_user = await self.ap.user_service.bind_space_account(user_email, code)
+                jwt_token = await self.ap.user_service.generate_jwt_token(updated_user.user)
+                return self.success(
+                    data={
+                        'token': jwt_token,
+                        'user': updated_user.user,
+                        'account_type': updated_user.account_type,
+                    }
+                )
+            except ValueError as e:
+                return self.http_status(400, -1, str(e))
+            except Exception as e:
+                return self.http_status(500, -1, f'Failed to bind Space account: {str(e)}')
--- a/src/langbot/pkg/api/http/service/model.py
+++ b/src/langbot/pkg/api/http/service/model.py
@@ -11,6 +11,18 @@ from ....entity.persistence import pipeline as persistence_pipeline
 from ....provider.modelmgr import requester as model_requester


+def _parse_provider_api_keys(provider_dict: dict) -> dict:
+    """Parse api_keys if it's a JSON string"""
+    if isinstance(provider_dict.get('api_keys'), str):
+        import json
+
+        try:
+            provider_dict['api_keys'] = json.loads(provider_dict['api_keys'])
+        except Exception:
+            provider_dict['api_keys'] = []
+    return provider_dict
+
+
 class LLMModelsService:
    ap: app.Application

@@ -18,29 +30,72 @@ class LLMModelsService:
        self.ap = ap

    async def get_llm_models(self, include_secret: bool = True) -> list[dict]:
+        """Get all LLM models with provider info"""
        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(persistence_model.LLMModel))
-
        models = result.all()

-        masked_columns = []
-        if not include_secret:
-            masked_columns = ['api_keys']
+        # Get all providers for lookup
+        providers_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider)
+        )
+        providers = {p.uuid: p for p in providers_result.all()}

-        return [
-            self.ap.persistence_mgr.serialize_model(persistence_model.LLMModel, model, masked_columns)
-            for model in models
-        ]
+        models_list = []
+        for model in models:
+            model_dict = self.ap.persistence_mgr.serialize_model(persistence_model.LLMModel, model)
+            provider = providers.get(model.provider_uuid)
+            if provider:
+                provider_dict = self.ap.persistence_mgr.serialize_model(persistence_model.ModelProvider, provider)
+                provider_dict = _parse_provider_api_keys(provider_dict)
+                if not include_secret:
+                    provider_dict['api_keys'] = ['***'] * len(provider_dict.get('api_keys', []))
+                model_dict['provider'] = provider_dict
+            models_list.append(model_dict)

-    async def create_llm_model(self, model_data: dict) -> str:
-        model_data['uuid'] = str(uuid.uuid4())
+        return models_list
+
+    async def get_llm_models_by_provider(self, provider_uuid: str) -> list[dict]:
+        """Get LLM models by provider UUID"""
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.LLMModel).where(
+                persistence_model.LLMModel.provider_uuid == provider_uuid
+            )
+        )
+        models = result.all()
+        return [self.ap.persistence_mgr.serialize_model(persistence_model.LLMModel, m) for m in models]
+
+    async def create_llm_model(self, model_data: dict, preserve_uuid: bool = False) -> str:
+        """Create a new LLM model"""
+        if not preserve_uuid:
+            model_data['uuid'] = str(uuid.uuid4())
+
+        # Handle provider creation if needed
+        if 'provider' in model_data:
+            provider_data = model_data.pop('provider')
+            if provider_data.get('uuid'):
+                model_data['provider_uuid'] = provider_data['uuid']
+            else:
+                # Create new provider
+                provider_uuid = await self.ap.provider_service.find_or_create_provider(
+                    requester=provider_data.get('requester', ''),
+                    base_url=provider_data.get('base_url', ''),
+                    api_keys=provider_data.get('api_keys', []),
+                )
+                model_data['provider_uuid'] = provider_uuid

        await self.ap.persistence_mgr.execute_async(sqlalchemy.insert(persistence_model.LLMModel).values(**model_data))

-        llm_model = await self.get_llm_model(model_data['uuid'])
+        runtime_provider = self.ap.model_mgr.provider_dict.get(model_data['provider_uuid'])
+        if runtime_provider is None:
+            raise Exception('provider not found')

-        await self.ap.model_mgr.load_llm_model(llm_model)
+        runtime_llm_model = await self.ap.model_mgr.load_llm_model_with_provider(
+            persistence_model.LLMModel(**model_data),
+            runtime_provider,
+        )
+        self.ap.model_mgr.llm_models.append(runtime_llm_model)

-        # check if default pipeline has no model bound
+        # set the default pipeline model to this model
        result = await self.ap.persistence_mgr.execute_async(
            sqlalchemy.select(persistence_pipeline.LegacyPipeline).where(
                persistence_pipeline.LegacyPipeline.is_default == True
@@ -56,21 +111,47 @@ class LLMModelsService:
        return model_data['uuid']

    async def get_llm_model(self, model_uuid: str) -> dict | None:
+        """Get a single LLM model with provider info"""
        result = await self.ap.persistence_mgr.execute_async(
            sqlalchemy.select(persistence_model.LLMModel).where(persistence_model.LLMModel.uuid == model_uuid)
        )
-
        model = result.first()
-
        if model is None:
            return None

-        return self.ap.persistence_mgr.serialize_model(persistence_model.LLMModel, model)
+        model_dict = self.ap.persistence_mgr.serialize_model(persistence_model.LLMModel, model)
+
+        # Get provider
+        provider_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.uuid == model.provider_uuid
+            )
+        )
+        provider = provider_result.first()
+        if provider:
+            provider_dict = self.ap.persistence_mgr.serialize_model(persistence_model.ModelProvider, provider)
+            model_dict['provider'] = _parse_provider_api_keys(provider_dict)
+
+        return model_dict

    async def update_llm_model(self, model_uuid: str, model_data: dict) -> None:
+        """Update an existing LLM model"""
        if 'uuid' in model_data:
            del model_data['uuid']

+        # Handle provider update if needed
+        if 'provider' in model_data:
+            provider_data = model_data.pop('provider')
+            if provider_data.get('uuid'):
+                model_data['provider_uuid'] = provider_data['uuid']
+            else:
+                provider_uuid = await self.ap.provider_service.find_or_create_provider(
+                    requester=provider_data.get('requester', ''),
+                    base_url=provider_data.get('base_url', ''),
+                    api_keys=provider_data.get('api_keys', []),
+                )
+                model_data['provider_uuid'] = provider_uuid
+
        await self.ap.persistence_mgr.execute_async(
            sqlalchemy.update(persistence_model.LLMModel)
            .where(persistence_model.LLMModel.uuid == model_uuid)
@@ -79,18 +160,25 @@ class LLMModelsService:

        await self.ap.model_mgr.remove_llm_model(model_uuid)

-        llm_model = await self.get_llm_model(model_uuid)
+        runtime_provider = self.ap.model_mgr.provider_dict.get(model_data['provider_uuid'])
+        if runtime_provider is None:
+            raise Exception('provider not found')

-        await self.ap.model_mgr.load_llm_model(llm_model)
+        runtime_llm_model = await self.ap.model_mgr.load_llm_model_with_provider(
+            persistence_model.LLMModel(**model_data),
+            runtime_provider,
+        )
+        self.ap.model_mgr.llm_models.append(runtime_llm_model)

    async def delete_llm_model(self, model_uuid: str) -> None:
+        """Delete an LLM model"""
        await self.ap.persistence_mgr.execute_async(
            sqlalchemy.delete(persistence_model.LLMModel).where(persistence_model.LLMModel.uuid == model_uuid)
        )
-
        await self.ap.model_mgr.remove_llm_model(model_uuid)

    async def test_llm_model(self, model_uuid: str, model_data: dict) -> None:
+        """Test an LLM model"""
        runtime_llm_model: model_requester.RuntimeLLMModel | None = None

        if model_uuid != '_':
@@ -98,25 +186,18 @@ class LLMModelsService:
                if model.model_entity.uuid == model_uuid:
                    runtime_llm_model = model
                    break
-
            if runtime_llm_model is None:
                raise Exception('model not found')
-
        else:
-            runtime_llm_model = await self.ap.model_mgr.init_runtime_llm_model(model_data)
+            runtime_llm_model = await self.ap.model_mgr.init_temporary_runtime_llm_model(model_data)

-        # Mon Nov 10 2025: Commented for some providers may not support thinking parameter
-        # # 有些模型厂商默认开启了思考功能，测试容易延迟
-        # extra_args = model_data.get('extra_args', {})
-        # if not extra_args or 'thinking' not in extra_args:
-        #     extra_args['thinking'] = {'type': 'disabled'}
-
-        await runtime_llm_model.requester.invoke_llm(
+        extra_args = model_data.get('extra_args', {})
+        await runtime_llm_model.provider.requester.invoke_llm(
            query=None,
            model=runtime_llm_model,
            messages=[provider_message.Message(role='user', content='Hello, world! Please just reply a "Hello".')],
            funcs=[],
-            # extra_args=extra_args,
+            extra_args=extra_args,
        )


@@ -127,42 +208,111 @@ class EmbeddingModelsService:
        self.ap = ap

    async def get_embedding_models(self) -> list[dict]:
+        """Get all embedding models with provider info"""
        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(persistence_model.EmbeddingModel))
-
        models = result.all()
-        return [self.ap.persistence_mgr.serialize_model(persistence_model.EmbeddingModel, model) for model in models]

-    async def create_embedding_model(self, model_data: dict) -> str:
-        model_data['uuid'] = str(uuid.uuid4())
+        providers_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider)
+        )
+        providers = {p.uuid: p for p in providers_result.all()}
+
+        models_list = []
+        for model in models:
+            model_dict = self.ap.persistence_mgr.serialize_model(persistence_model.EmbeddingModel, model)
+            provider = providers.get(model.provider_uuid)
+            if provider:
+                provider_dict = self.ap.persistence_mgr.serialize_model(persistence_model.ModelProvider, provider)
+                model_dict['provider'] = _parse_provider_api_keys(provider_dict)
+            models_list.append(model_dict)
+
+        return models_list
+
+    async def get_embedding_models_by_provider(self, provider_uuid: str) -> list[dict]:
+        """Get embedding models by provider UUID"""
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.EmbeddingModel).where(
+                persistence_model.EmbeddingModel.provider_uuid == provider_uuid
+            )
+        )
+        models = result.all()
+        return [self.ap.persistence_mgr.serialize_model(persistence_model.EmbeddingModel, m) for m in models]
+
+    async def create_embedding_model(self, model_data: dict, preserve_uuid: bool = False) -> str:
+        """Create a new embedding model"""
+        if not preserve_uuid:
+            model_data['uuid'] = str(uuid.uuid4())
+
+        if 'provider' in model_data:
+            provider_data = model_data.pop('provider')
+            if provider_data.get('uuid'):
+                model_data['provider_uuid'] = provider_data['uuid']
+            else:
+                provider_uuid = await self.ap.provider_service.find_or_create_provider(
+                    requester=provider_data.get('requester', ''),
+                    base_url=provider_data.get('base_url', ''),
+                    api_keys=provider_data.get('api_keys', []),
+                )
+                model_data['provider_uuid'] = provider_uuid

        await self.ap.persistence_mgr.execute_async(
            sqlalchemy.insert(persistence_model.EmbeddingModel).values(**model_data)
        )

-        embedding_model = await self.get_embedding_model(model_data['uuid'])
+        runtime_provider = self.ap.model_mgr.provider_dict.get(model_data['provider_uuid'])
+        if runtime_provider is None:
+            raise Exception('provider not found')

-        await self.ap.model_mgr.load_embedding_model(embedding_model)
+        runtime_embedding_model = await self.ap.model_mgr.load_embedding_model_with_provider(
+            persistence_model.EmbeddingModel(**model_data),
+            runtime_provider,
+        )
+        self.ap.model_mgr.embedding_models.append(runtime_embedding_model)

        return model_data['uuid']

    async def get_embedding_model(self, model_uuid: str) -> dict | None:
+        """Get a single embedding model with provider info"""
        result = await self.ap.persistence_mgr.execute_async(
            sqlalchemy.select(persistence_model.EmbeddingModel).where(
                persistence_model.EmbeddingModel.uuid == model_uuid
            )
        )
-
        model = result.first()
-
        if model is None:
            return None

-        return self.ap.persistence_mgr.serialize_model(persistence_model.EmbeddingModel, model)
+        model_dict = self.ap.persistence_mgr.serialize_model(persistence_model.EmbeddingModel, model)
+
+        provider_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.uuid == model.provider_uuid
+            )
+        )
+        provider = provider_result.first()
+        if provider:
+            provider_dict = self.ap.persistence_mgr.serialize_model(persistence_model.ModelProvider, provider)
+            model_dict['provider'] = _parse_provider_api_keys(provider_dict)
+
+        return model_dict

    async def update_embedding_model(self, model_uuid: str, model_data: dict) -> None:
+        """Update an existing embedding model"""
        if 'uuid' in model_data:
            del model_data['uuid']

+        if 'provider' in model_data:
+            provider_data = model_data.pop('provider')
+            if provider_data.get('uuid'):
+                model_data['provider_uuid'] = provider_data['uuid']
+            else:
+                provider_uuid = await self.ap.provider_service.find_or_create_provider(
+                    requester=provider_data.get('requester', ''),
+                    base_url=provider_data.get('base_url', ''),
+                    api_keys=provider_data.get('api_keys', []),
+                )
+                model_data['provider_uuid'] = provider_uuid
+
        await self.ap.persistence_mgr.execute_async(
            sqlalchemy.update(persistence_model.EmbeddingModel)
            .where(persistence_model.EmbeddingModel.uuid == model_uuid)
@@ -171,20 +321,27 @@ class EmbeddingModelsService:

        await self.ap.model_mgr.remove_embedding_model(model_uuid)

-        embedding_model = await self.get_embedding_model(model_uuid)
+        runtime_provider = self.ap.model_mgr.provider_dict.get(model_data['provider_uuid'])
+        if runtime_provider is None:
+            raise Exception('provider not found')

-        await self.ap.model_mgr.load_embedding_model(embedding_model)
+        runtime_embedding_model = await self.ap.model_mgr.load_embedding_model_with_provider(
+            persistence_model.EmbeddingModel(**model_data),
+            runtime_provider,
+        )
+        self.ap.model_mgr.embedding_models.append(runtime_embedding_model)

    async def delete_embedding_model(self, model_uuid: str) -> None:
+        """Delete an embedding model"""
        await self.ap.persistence_mgr.execute_async(
            sqlalchemy.delete(persistence_model.EmbeddingModel).where(
                persistence_model.EmbeddingModel.uuid == model_uuid
            )
        )
-
        await self.ap.model_mgr.remove_embedding_model(model_uuid)

    async def test_embedding_model(self, model_uuid: str, model_data: dict) -> None:
+        """Test an embedding model"""
        runtime_embedding_model: model_requester.RuntimeEmbeddingModel | None = None

        if model_uuid != '_':
@@ -192,14 +349,12 @@ class EmbeddingModelsService:
                if model.model_entity.uuid == model_uuid:
                    runtime_embedding_model = model
                    break
-
            if runtime_embedding_model is None:
                raise Exception('model not found')
-
        else:
-            runtime_embedding_model = await self.ap.model_mgr.init_runtime_embedding_model(model_data)
+            runtime_embedding_model = await self.ap.model_mgr.init_temporary_runtime_embedding_model(model_data)

-        await runtime_embedding_model.requester.invoke_embedding(
+        await runtime_embedding_model.provider.requester.invoke_embedding(
            model=runtime_embedding_model,
            input_text=['Hello, world!'],
            extra_args={},
--- a/src/langbot/pkg/api/http/service/provider.py
+++ b/src/langbot/pkg/api/http/service/provider.py
@@ -0,0 +1,166 @@
+from __future__ import annotations
+
+import uuid
+
+import sqlalchemy
+
+from ....core import app
+from ....entity.persistence import model as persistence_model
+
+
+class ModelProviderService:
+    """Service for managing model providers"""
+
+    ap: app.Application
+
+    def __init__(self, ap: app.Application) -> None:
+        self.ap = ap
+
+    async def get_providers(self) -> list[dict]:
+        """Get all providers"""
+        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(persistence_model.ModelProvider))
+        providers = result.all()
+        providers_list = []
+        for p in providers:
+            provider_dict = self.ap.persistence_mgr.serialize_model(persistence_model.ModelProvider, p)
+            # Parse api_keys if it's a JSON string
+            if isinstance(provider_dict.get('api_keys'), str):
+                import json
+
+                try:
+                    provider_dict['api_keys'] = json.loads(provider_dict['api_keys'])
+                except Exception:
+                    provider_dict['api_keys'] = []
+            providers_list.append(provider_dict)
+        return providers_list
+
+    async def get_provider(self, provider_uuid: str) -> dict | None:
+        """Get a single provider by UUID"""
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.uuid == provider_uuid
+            )
+        )
+        provider = result.first()
+        if provider is None:
+            return None
+        provider_dict = self.ap.persistence_mgr.serialize_model(persistence_model.ModelProvider, provider)
+        # Parse api_keys if it's a JSON string
+        if isinstance(provider_dict.get('api_keys'), str):
+            import json
+
+            try:
+                provider_dict['api_keys'] = json.loads(provider_dict['api_keys'])
+            except Exception:
+                provider_dict['api_keys'] = []
+        return provider_dict
+
+    async def create_provider(self, provider_data: dict) -> str:
+        """Create a new provider"""
+        provider_data['uuid'] = str(uuid.uuid4())
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.insert(persistence_model.ModelProvider).values(**provider_data)
+        )
+
+        # load to runtime
+        runtime_provider = await self.ap.model_mgr.load_provider(provider_data)
+        self.ap.model_mgr.provider_dict[runtime_provider.provider_entity.uuid] = runtime_provider
+        return provider_data['uuid']
+
+    async def update_provider(self, provider_uuid: str, provider_data: dict) -> None:
+        """Update an existing provider"""
+        if 'uuid' in provider_data:
+            del provider_data['uuid']
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.update(persistence_model.ModelProvider)
+            .where(persistence_model.ModelProvider.uuid == provider_uuid)
+            .values(**provider_data)
+        )
+        await self.ap.model_mgr.reload_provider(provider_uuid)
+
+    async def delete_provider(self, provider_uuid: str) -> None:
+        """Delete a provider (only if no models reference it)"""
+        # Check if any models use this provider
+        llm_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.LLMModel).where(
+                persistence_model.LLMModel.provider_uuid == provider_uuid
+            )
+        )
+        if llm_result.first() is not None:
+            raise ValueError('Cannot delete provider: LLM models still reference it')
+
+        embedding_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.EmbeddingModel).where(
+                persistence_model.EmbeddingModel.provider_uuid == provider_uuid
+            )
+        )
+        if embedding_result.first() is not None:
+            raise ValueError('Cannot delete provider: Embedding models still reference it')
+
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.delete(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.uuid == provider_uuid
+            )
+        )
+
+        await self.ap.model_mgr.remove_provider(provider_uuid)
+
+    async def get_provider_model_counts(self, provider_uuid: str) -> dict:
+        """Get count of models using this provider"""
+        llm_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(sqlalchemy.func.count())
+            .select_from(persistence_model.LLMModel)
+            .where(persistence_model.LLMModel.provider_uuid == provider_uuid)
+        )
+        llm_count = llm_result.scalar() or 0
+
+        embedding_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(sqlalchemy.func.count())
+            .select_from(persistence_model.EmbeddingModel)
+            .where(persistence_model.EmbeddingModel.provider_uuid == provider_uuid)
+        )
+        embedding_count = embedding_result.scalar() or 0
+
+        return {'llm_count': llm_count, 'embedding_count': embedding_count}
+
+    async def find_or_create_provider(self, requester: str, base_url: str, api_keys: list) -> str:
+        """Find existing provider or create new one"""
+        # Try to find existing provider with same config
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.requester == requester,
+                persistence_model.ModelProvider.base_url == base_url,
+            )
+        )
+        for provider in result.all():
+            if sorted(provider.api_keys or []) == sorted(api_keys or []):
+                return provider.uuid
+
+        # Create new provider
+        provider_name = requester
+        if base_url:
+            try:
+                from urllib.parse import urlparse
+
+                parsed = urlparse(base_url)
+                provider_name = parsed.netloc or requester
+            except Exception:
+                pass
+
+        return await self.create_provider(
+            {
+                'name': provider_name,
+                'requester': requester,
+                'base_url': base_url,
+                'api_keys': api_keys or [],
+            }
+        )
+
+    async def update_space_model_provider_api_keys(self, api_key: str) -> None:
+        """Update Space model provider API keys"""
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.update(persistence_model.ModelProvider)
+            .where(persistence_model.ModelProvider.uuid == '00000000-0000-0000-0000-000000000000')
+            .values(api_keys=[api_key])
+        )
+        await self.ap.model_mgr.reload_provider('00000000-0000-0000-0000-000000000000')
--- a/src/langbot/pkg/api/http/service/space.py
+++ b/src/langbot/pkg/api/http/service/space.py
@@ -0,0 +1,189 @@
+from __future__ import annotations
+
+import aiohttp
+import typing
+import datetime
+import time
+import sqlalchemy
+
+from ....core import app
+from ....entity.persistence import user
+from ....entity.dto.space_model import SpaceModel
+
+
+class SpaceService:
+    """Service for interacting with LangBot Space API"""
+
+    ap: app.Application
+    _credits_cache: typing.Dict[str, typing.Tuple[int, float]]  # {user_email: (credits, timestamp)}
+
+    def __init__(self, ap: app.Application) -> None:
+        self.ap = ap
+        self._credits_cache = {}
+
+    def _get_space_config(self) -> typing.Dict[str, str]:
+        """Get Space configuration from config file"""
+        space_config = self.ap.instance_config.data.get('space', {})
+        return {
+            'url': space_config.get('url', 'https://space.langbot.app'),
+            'oauth_authorize_url': space_config.get('oauth_authorize_url', 'https://space.langbot.app/auth/authorize'),
+        }
+
+    async def _get_user_by_email(self, user_email: str) -> user.User | None:
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(user.User).where(user.User.user == user_email)
+        )
+        result_list = result.all()
+        return result_list[0] if result_list else None
+
+    async def _ensure_valid_token(self, user_email: str) -> str | None:
+        """Ensure access token is valid, refresh if expired. Returns valid access_token or None."""
+        user_obj = await self._get_user_by_email(user_email)
+        if not user_obj or user_obj.account_type != 'space':
+            return None
+
+        if not user_obj.space_access_token:
+            return None
+
+        # Check if token is expired (with 60s buffer)
+        if user_obj.space_access_token_expires_at:
+            if datetime.datetime.now() >= user_obj.space_access_token_expires_at - datetime.timedelta(seconds=60):
+                # Token expired, try to refresh
+                if user_obj.space_refresh_token:
+                    try:
+                        new_token = await self._refresh_and_save_token(user_obj)
+                        return new_token
+                    except Exception:
+                        return None
+                return None
+
+        return user_obj.space_access_token
+
+    async def _refresh_and_save_token(self, user_obj: user.User) -> str:
+        """Refresh token and save to database"""
+        token_data = await self.refresh_token(user_obj.space_refresh_token)
+        access_token = token_data.get('access_token')
+        expires_in = token_data.get('expires_in', 0)
+
+        if not access_token:
+            raise ValueError('Failed to refresh token')
+
+        expires_at = datetime.datetime.now() + datetime.timedelta(seconds=expires_in) if expires_in > 0 else None
+
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.update(user.User)
+            .where(user.User.user == user_obj.user)
+            .values(
+                space_access_token=access_token,
+                space_access_token_expires_at=expires_at,
+            )
+        )
+
+        return access_token
+
+    # === Raw API calls (no token validation) ===
+
+    def get_oauth_authorize_url(self, redirect_uri: str, state: str = '') -> str:
+        """Get the Space OAuth authorization URL for redirect"""
+        space_config = self._get_space_config()
+        authorize_url = space_config['oauth_authorize_url']
+        params = f'redirect_uri={redirect_uri}'
+        if state:
+            params += f'&state={state}'
+        return f'{authorize_url}?{params}'
+
+    async def exchange_oauth_code(self, code: str) -> typing.Dict:
+        """Exchange OAuth authorization code for tokens"""
+        from langbot.pkg.utils import constants
+
+        space_config = self._get_space_config()
+        space_url = space_config['url']
+
+        async with aiohttp.ClientSession() as session:
+            async with session.post(
+                f'{space_url}/api/v1/accounts/oauth/token',
+                json={'code': code, 'instance_id': constants.instance_id},
+            ) as response:
+                if response.status != 200:
+                    raise ValueError(f'Failed to exchange OAuth code: {await response.text()}')
+                data = await response.json()
+                if data.get('code') != 0:
+                    raise ValueError(f'Failed to exchange OAuth code: {data.get("msg")}')
+                return data.get('data', {})
+
+    async def refresh_token(self, refresh_token: str) -> typing.Dict:
+        """Refresh Space access token"""
+        space_config = self._get_space_config()
+        space_url = space_config['url']
+
+        async with aiohttp.ClientSession() as session:
+            async with session.post(
+                f'{space_url}/api/v1/accounts/token/refresh', json={'refresh_token': refresh_token}
+            ) as response:
+                if response.status != 200:
+                    raise ValueError(f'Failed to refresh token: {await response.text()}')
+                data = await response.json()
+                if data.get('code') != 0:
+                    raise ValueError(f'Failed to refresh token: {data.get("msg")}')
+                return data.get('data', {})
+
+    async def get_user_info_raw(self, access_token: str) -> typing.Dict:
+        """Get user info from Space using access token (no validation)"""
+        space_config = self._get_space_config()
+        space_url = space_config['url']
+
+        async with aiohttp.ClientSession() as session:
+            async with session.get(
+                f'{space_url}/api/v1/accounts/me', headers={'Authorization': f'Bearer {access_token}'}
+            ) as response:
+                if response.status != 200:
+                    raise ValueError(f'Failed to get user info: {await response.text()}')
+                data = await response.json()
+                if data.get('code') != 0:
+                    raise ValueError(f'Failed to get user info: {data.get("msg")}')
+                return data.get('data', {})
+
+    # === API calls with token validation ===
+
+    async def get_user_info(self, user_email: str) -> typing.Dict | None:
+        """Get user info from Space (with token validation)"""
+        access_token = await self._ensure_valid_token(user_email)
+        if not access_token:
+            return None
+        return await self.get_user_info_raw(access_token)
+
+    async def get_credits(self, user_email: str, force_refresh: bool = False) -> int | None:
+        """Get Space credits for user with caching (60s TTL)"""
+        cache_ttl = 60
+
+        if not force_refresh and user_email in self._credits_cache:
+            credits, ts = self._credits_cache[user_email]
+            if time.time() - ts < cache_ttl:
+                return credits
+
+        try:
+            info = await self.get_user_info(user_email)
+            if info is None:
+                return None
+            credits = info.get('credits')
+            if credits is not None:
+                self._credits_cache[user_email] = (credits, time.time())
+            return credits
+        except Exception:
+            return self._credits_cache.get(user_email, (None, 0))[0]
+
+    async def get_models(self) -> typing.List[SpaceModel]:
+        """Get models from Space"""
+
+        space_config = self._get_space_config()
+        space_url = space_config['url']
+
+        async with aiohttp.ClientSession() as session:
+            async with session.get(f'{space_url}/api/v1/models') as response:
+                if response.status != 200:
+                    raise ValueError(f'Failed to get models: {await response.text()}')
+                data = await response.json()
+                if data.get('code') != 0:
+                    raise ValueError(f'Failed to get models: {data.get("msg")}')
+                models_data = data.get('data', {}).get('models', [])
+                return [SpaceModel.model_validate(model_dict) for model_dict in models_data]
--- a/src/langbot/pkg/api/http/service/user.py
+++ b/src/langbot/pkg/api/http/service/user.py
@@ -4,17 +4,22 @@ import sqlalchemy
 import argon2
 import jwt
 import datetime
+import typing
+import asyncio

 from ....core import app
 from ....entity.persistence import user
 from ....utils import constants
+from ....entity.errors import account as account_errors


 class UserService:
    ap: app.Application
+    _create_user_lock: asyncio.Lock

    def __init__(self, ap: app.Application) -> None:
        self.ap = ap
+        self._create_user_lock = asyncio.Lock()

    async def is_initialized(self) -> bool:
        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(user.User).limit(1))
@@ -28,7 +33,7 @@ class UserService:
        hashed_password = ph.hash(password)

        await self.ap.persistence_mgr.execute_async(
-            sqlalchemy.insert(user.User).values(user=user_email, password=hashed_password)
+            sqlalchemy.insert(user.User).values(user=user_email, password=hashed_password, account_type='local')
        )

    async def get_user_by_email(self, user_email: str) -> user.User | None:
@@ -39,6 +44,15 @@ class UserService:
        result_list = result.all()
        return result_list[0] if result_list is not None and len(result_list) > 0 else None

+    async def get_user_by_space_account_uuid(self, space_account_uuid: str) -> user.User | None:
+        """Get user by Space account UUID"""
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(user.User).where(user.User.space_account_uuid == space_account_uuid)
+        )
+
+        result_list = result.all()
+        return result_list[0] if result_list is not None and len(result_list) > 0 else None
+
    async def authenticate(self, user_email: str, password: str) -> str | None:
        result = await self.ap.persistence_mgr.execute_async(
            sqlalchemy.select(user.User).where(user.User.user == user_email)
@@ -51,6 +65,10 @@ class UserService:

        user_obj = result_list[0]

+        # Check if this is a Space account
+        if user_obj.account_type == 'space':
+            raise ValueError('请使用 Space 账户登录')
+
        ph = argon2.PasswordHasher()

        ph.verify(user_obj.password, password)
@@ -90,6 +108,10 @@ class UserService:
        if user_obj is None:
            raise ValueError('User not found')

+        # Space accounts cannot change password locally
+        if user_obj.account_type == 'space':
+            raise ValueError('Space account cannot change password locally')
+
        ph.verify(user_obj.password, current_password)

        hashed_password = ph.hash(new_password)
@@ -97,3 +119,180 @@ class UserService:
        await self.ap.persistence_mgr.execute_async(
            sqlalchemy.update(user.User).where(user.User.user == user_email).values(password=hashed_password)
        )
+
+    # Space user management
+
+    async def create_or_update_space_user(
+        self,
+        space_account_uuid: str,
+        email: str,
+        access_token: str,
+        refresh_token: str,
+        api_key: str,
+        expires_in: int = 0,
+    ) -> user.User:
+        """Create or update a Space user account (only if system not initialized or user exists)"""
+        expires_at = datetime.datetime.now() + datetime.timedelta(seconds=expires_in) if expires_in > 0 else None
+
+        async with self._create_user_lock:
+            # Check if user with this Space UUID already exists
+            existing_user = await self.get_user_by_space_account_uuid(space_account_uuid)
+
+            if existing_user:
+                # Update existing user's tokens
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.update(user.User)
+                    .where(user.User.space_account_uuid == space_account_uuid)
+                    .values(
+                        space_access_token=access_token,
+                        space_refresh_token=refresh_token,
+                        space_api_key=api_key,
+                        space_access_token_expires_at=expires_at,
+                    )
+                )
+                await self.ap.provider_service.update_space_model_provider_api_keys(api_key)
+                return await self.get_user_by_space_account_uuid(space_account_uuid)
+
+            # Check if user with same email exists
+            existing_email_user = await self.get_user_by_email(email)
+            if existing_email_user:
+                # Update existing user to link with Space account
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.update(user.User)
+                    .where(user.User.user == email)
+                    .values(
+                        account_type='space',
+                        space_account_uuid=space_account_uuid,
+                        space_access_token=access_token,
+                        space_refresh_token=refresh_token,
+                        space_api_key=api_key,
+                        space_access_token_expires_at=expires_at,
+                    )
+                )
+                await self.ap.provider_service.update_space_model_provider_api_keys(api_key)
+                return await self.get_user_by_email(email)
+
+            # Check if system is already initialized
+            is_initialized = await self.is_initialized()
+            if is_initialized:
+                raise account_errors.AccountEmailMismatchError()
+
+            # Create new Space user (first time initialization)
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.insert(user.User).values(
+                    user=email,
+                    password='',  # Space users don't have local password
+                    account_type='space',
+                    space_account_uuid=space_account_uuid,
+                    space_access_token=access_token,
+                    space_refresh_token=refresh_token,
+                    space_api_key=api_key,
+                    space_access_token_expires_at=expires_at,
+                )
+            )
+            await self.ap.provider_service.update_space_model_provider_api_keys(api_key)
+
+            return await self.get_user_by_space_account_uuid(space_account_uuid)
+
+    async def authenticate_space_user(
+        self, access_token: str, refresh_token: str, expires_in: int = 0
+    ) -> typing.Tuple[str, user.User]:
+        """Authenticate with Space and return JWT token"""
+        # Get user info from Space using raw API (token just obtained, no need to validate)
+        user_info = await self.ap.space_service.get_user_info_raw(access_token)
+
+        account = user_info.get('account', {})
+        api_key = user_info.get('api_key', '')
+
+        space_account_uuid = account.get('uuid')
+        email = account.get('email')
+
+        if not space_account_uuid or not email:
+            raise ValueError('Invalid Space user info')
+
+        # Create or update Space user in local database
+        user_obj = await self.create_or_update_space_user(
+            space_account_uuid=space_account_uuid,
+            email=email,
+            access_token=access_token,
+            refresh_token=refresh_token,
+            api_key=api_key,
+            expires_in=expires_in,
+        )
+
+        # Generate JWT token
+        jwt_token = await self.generate_jwt_token(email)
+
+        return jwt_token, user_obj
+
+    async def get_first_user(self) -> user.User | None:
+        """Get the first user (for single-user mode)"""
+        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(user.User).limit(1))
+        result_list = result.all()
+        return result_list[0] if result_list else None
+
+    async def set_password(self, user_email: str, new_password: str, current_password: str | None = None) -> None:
+        """Set or change password for a user"""
+        ph = argon2.PasswordHasher()
+        user_obj = await self.get_user_by_email(user_email)
+
+        if user_obj is None:
+            raise ValueError('User not found')
+
+        # If user already has a password, verify current password
+        has_password = bool(user_obj.password and user_obj.password.strip())
+        if has_password:
+            if not current_password:
+                raise ValueError('Current password is required')
+            ph.verify(user_obj.password, current_password)
+
+        hashed_password = ph.hash(new_password)
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.update(user.User).where(user.User.user == user_email).values(password=hashed_password)
+        )
+
+    async def bind_space_account(self, user_email: str, code: str) -> user.User:
+        """Bind Space account to existing local account"""
+        # Exchange code for tokens
+        token_data = await self.ap.space_service.exchange_oauth_code(code)
+        access_token = token_data.get('access_token')
+        refresh_token = token_data.get('refresh_token')
+        expires_in = token_data.get('expires_in', 0)
+
+        if not access_token:
+            raise ValueError('Failed to get access token from Space')
+
+        expires_at = datetime.datetime.now() + datetime.timedelta(seconds=expires_in) if expires_in > 0 else None
+
+        # Get Space user info (token just obtained, use raw API)
+        user_info = await self.ap.space_service.get_user_info_raw(access_token)
+        account = user_info.get('account', {})
+        api_key = user_info.get('api_key', '')
+
+        space_account_uuid = account.get('uuid')
+        space_email = account.get('email')
+
+        if not space_account_uuid or not space_email:
+            raise ValueError('Invalid Space user info')
+
+        # Check if this Space account is already bound to another user
+        existing_space_user = await self.get_user_by_space_account_uuid(space_account_uuid)
+        if existing_space_user and existing_space_user.user != user_email:
+            raise ValueError('This Space account is already bound to another user')
+
+        # Update local account to Space account
+        await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.update(user.User)
+            .where(user.User.user == user_email)
+            .values(
+                user=space_email,  # Update email to Space email
+                account_type='space',
+                space_account_uuid=space_account_uuid,
+                space_access_token=access_token,
+                space_refresh_token=refresh_token,
+                space_api_key=api_key,
+                space_access_token_expires_at=expires_at,
+            )
+        )
+
+        return await self.get_user_by_email(space_email)
--- a/src/langbot/pkg/core/app.py
+++ b/src/langbot/pkg/core/app.py
@@ -19,7 +19,9 @@ from ..utils import version as version_mgr, proxy as proxy_mgr
 from ..persistence import mgr as persistencemgr
 from ..api.http.controller import main as http_controller
 from ..api.http.service import user as user_service
+from ..api.http.service import space as space_service
 from ..api.http.service import model as model_service
+from ..api.http.service import provider as provider_service
 from ..api.http.service import pipeline as pipeline_service
 from ..api.http.service import bot as bot_service
 from ..api.http.service import knowledge as knowledge_service
@@ -34,6 +36,7 @@ from . import taskmgr
 from . import entities as core_entities
 from ..rag.knowledge import kbmgr as rag_mgr
 from ..vector import mgr as vectordb_mgr
+from ..telemetry import telemetry as telemetry_module


 class Application:
@@ -75,6 +78,8 @@ class Application:

    instance_config: config_mgr.ConfigManager = None

+    instance_id: config_mgr.ConfigManager = None  # used to identify the instance
+
    # ======= Metadata config manager =======

    sensitive_meta: config_mgr.ConfigManager = None
@@ -114,10 +119,14 @@ class Application:

    user_service: user_service.UserService = None

+    space_service: space_service.SpaceService = None
+
    llm_model_service: model_service.LLMModelsService = None

    embedding_models_service: model_service.EmbeddingModelsService = None

+    provider_service: provider_service.ModelProviderService = None
+
    pipeline_service: pipeline_service.PipelineService = None

    bot_service: bot_service.BotService = None
@@ -132,6 +141,8 @@ class Application:

    webhook_service: webhook_service.WebhookService = None

+    telemetry: telemetry_module.TelemetryManager = None
+
    def __init__(self):
        pass

--- a/src/langbot/pkg/core/stages/build_app.py
+++ b/src/langbot/pkg/core/stages/build_app.py
@@ -16,7 +16,9 @@ from ...platform.webhook_pusher import WebhookPusher
 from ...persistence import mgr as persistencemgr
 from ...api.http.controller import main as http_controller
 from ...api.http.service import user as user_service
+from ...api.http.service import space as space_service
 from ...api.http.service import model as model_service
+from ...api.http.service import provider as provider_service
 from ...api.http.service import pipeline as pipeline_service
 from ...api.http.service import bot as bot_service
 from ...api.http.service import knowledge as knowledge_service
@@ -29,6 +31,8 @@ from ...storage import mgr as storagemgr
 from ...utils import logcache
 from ...vector import mgr as vectordb_mgr
 from .. import taskmgr
+from ...telemetry import telemetry as telemetry_module
+


@stage.stage_class('BuildAppStage')
@@ -43,6 +47,42 @@ class BuildAppStage(stage.BootingStage):
        discover.discover_blueprint('templates/components.yaml')
        ap.discover = discover

+        user_service_inst = user_service.UserService(ap)
+        ap.user_service = user_service_inst
+
+        space_service_inst = space_service.SpaceService(ap)
+        ap.space_service = space_service_inst
+
+        llm_model_service_inst = model_service.LLMModelsService(ap)
+        ap.llm_model_service = llm_model_service_inst
+
+        embedding_models_service_inst = model_service.EmbeddingModelsService(ap)
+        ap.embedding_models_service = embedding_models_service_inst
+
+        provider_service_inst = provider_service.ModelProviderService(ap)
+        ap.provider_service = provider_service_inst
+
+        pipeline_service_inst = pipeline_service.PipelineService(ap)
+        ap.pipeline_service = pipeline_service_inst
+
+        bot_service_inst = bot_service.BotService(ap)
+        ap.bot_service = bot_service_inst
+
+        knowledge_service_inst = knowledge_service.KnowledgeService(ap)
+        ap.knowledge_service = knowledge_service_inst
+
+        external_kb_service_inst = external_kb_service.ExternalKBService(ap)
+        ap.external_kb_service = external_kb_service_inst
+
+        mcp_service_inst = mcp_service.MCPService(ap)
+        ap.mcp_service = mcp_service_inst
+
+        apikey_service_inst = apikey_service.ApiKeyService(ap)
+        ap.apikey_service = apikey_service_inst
+
+        webhook_service_inst = webhook_service.WebhookService(ap)
+        ap.webhook_service = webhook_service_inst
+
        proxy_mgr = proxy.ProxyManager(ap)
        await proxy_mgr.initialize()
        ap.proxy_mgr = proxy_mgr
@@ -64,13 +104,18 @@ class BuildAppStage(stage.BootingStage):
        ap.persistence_mgr = persistence_mgr_inst
        await persistence_mgr_inst.initialize()

+        # Telemetry manager: attach to app so other components can call via self.ap.telemetry
+        telemetry_inst = telemetry_module.TelemetryManager(ap)
+        await telemetry_inst.initialize()
+        ap.telemetry = telemetry_inst
+
        cmd_mgr_inst = cmdmgr.CommandManager(ap)
        await cmd_mgr_inst.initialize()
        ap.cmd_mgr = cmd_mgr_inst

        llm_model_mgr_inst = llm_model_mgr.ModelManager(ap)
-        await llm_model_mgr_inst.initialize()
        ap.model_mgr = llm_model_mgr_inst
+        await llm_model_mgr_inst.initialize()

        llm_session_mgr_inst = llm_session_mgr.SessionManager(ap)
        await llm_session_mgr_inst.initialize()
@@ -105,36 +150,6 @@ class BuildAppStage(stage.BootingStage):
        await http_ctrl.initialize()
        ap.http_ctrl = http_ctrl

-        user_service_inst = user_service.UserService(ap)
-        ap.user_service = user_service_inst
-
-        llm_model_service_inst = model_service.LLMModelsService(ap)
-        ap.llm_model_service = llm_model_service_inst
-
-        embedding_models_service_inst = model_service.EmbeddingModelsService(ap)
-        ap.embedding_models_service = embedding_models_service_inst
-
-        pipeline_service_inst = pipeline_service.PipelineService(ap)
-        ap.pipeline_service = pipeline_service_inst
-
-        bot_service_inst = bot_service.BotService(ap)
-        ap.bot_service = bot_service_inst
-
-        knowledge_service_inst = knowledge_service.KnowledgeService(ap)
-        ap.knowledge_service = knowledge_service_inst
-
-        external_kb_service_inst = external_kb_service.ExternalKBService(ap)
-        ap.external_kb_service = external_kb_service_inst
-
-        mcp_service_inst = mcp_service.MCPService(ap)
-        ap.mcp_service = mcp_service_inst
-
-        apikey_service_inst = apikey_service.ApiKeyService(ap)
-        ap.apikey_service = apikey_service_inst
-
-        webhook_service_inst = webhook_service.WebhookService(ap)
-        ap.webhook_service = webhook_service_inst
-
        async def runtime_disconnect_callback(connector: plugin_connector.PluginRuntimeConnector) -> None:
            await asyncio.sleep(3)
            await plugin_connector_inst.initialize()
--- a/src/langbot/pkg/core/stages/load_config.py
+++ b/src/langbot/pkg/core/stages/load_config.py
@@ -2,8 +2,11 @@ from __future__ import annotations

 import os
 from typing import Any
+from langbot.pkg.utils import constants
 import yaml
 import importlib.resources as resources
+import uuid
+import time

 from .. import stage, app
 from ..bootutils import config
@@ -142,6 +145,22 @@ class LoadConfigStage(stage.BootingStage):

        await ap.instance_config.dump_config()

+        # load or generate instance id
+        ap.instance_id = await config.load_json_config(
+            'data/labels/instance_id.json',
+            template_data={
+                'instance_id': f'instance_{str(uuid.uuid4())}',
+                'instance_create_ts': int(time.time()),
+            },
+            completion=False,
+        )
+
+        constants.instance_id = ap.instance_id.data['instance_id']
+
+        print(f'LangBot instance id: {constants.instance_id}')
+
+        await ap.instance_id.dump_config()
+
        ap.sensitive_meta = await config.load_json_config(
            'data/metadata/sensitive-words.json',
            'metadata/sensitive-words.json',
--- a/src/langbot/pkg/entity/dto/init.py
+++ b/src/langbot/pkg/entity/dto/init.py
--- a/src/langbot/pkg/entity/dto/space_model.py
+++ b/src/langbot/pkg/entity/dto/space_model.py
@@ -0,0 +1,49 @@
+# [
+#   {
+#     "uuid": "7652ebdb-54dc-412c-a830-e9268ac88471",
+#     "model_id": "claude-opus-4-5-20251101",
+#     "display_name": {
+#       "en_US": "claude-opus-4-5-20251101",
+#       "zh_Hans": "claude-opus-4-5-20251101"
+#     },
+#     "description": {},
+#     "provider": "anthropic",
+#     "category": "chat",
+#     "icon_url": "Claude.Color",
+#     "tags": {},
+#     "is_featured": true,
+#     "featured_order": 999,
+#     "model_ratio": 2.5,
+#     "completion_ratio": 5,
+#     "quota_type": 0,
+#     "model_price": 0,
+#     "input_credits": 500,
+#     "output_credits": 2500,
+#     "vendor_id": 1,
+#     "vendor_name": "Anthropic",
+#     "vendor_icon": "Claude.Color",
+#     "supported_endpoints": [
+#       "anthropic",
+#       "openai"
+#     ],
+#     "status": "active",
+#     "metadata": null,
+#     "created_at": "2025-12-30T22:23:38.337207+08:00",
+#     "updated_at": "2025-12-30T22:23:38.337207+08:00"
+#   }
+# ]
+
+import pydantic
+
+
+class SpaceModel(pydantic.BaseModel):
+    uuid: str
+    model_id: str
+    provider: str
+    category: str  # chat / embedding
+    llm_abilities: list[str] | None = None
+    is_featured: bool = False
+    featured_order: int = 0
+    status: str
+    created_at: str | None = None
+    updated_at: str | None = None
--- a/src/langbot/pkg/entity/errors/account.py
+++ b/src/langbot/pkg/entity/errors/account.py
@@ -0,0 +1,6 @@
+from __future__ import annotations
+
+
+class AccountEmailMismatchError(Exception):
+    def __str__(self):
+        return 'Account email mismatch'
--- a/src/langbot/pkg/entity/errors/provider.py
+++ b/src/langbot/pkg/entity/errors/provider.py
@@ -7,3 +7,11 @@ class RequesterNotFoundError(Exception):

    def __str__(self):
        return f'Requester {self.requester_name} not found'
+
+
+class ProviderNotFoundError(Exception):
+    def __init__(self, provider_name: str):
+        self.provider_name = provider_name
+
+    def __str__(self):
+        return f'Provider {self.provider_name} not found'
--- a/src/langbot/pkg/entity/persistence/model.py
+++ b/src/langbot/pkg/entity/persistence/model.py
@@ -3,6 +3,25 @@ import sqlalchemy
 from .base import Base


+class ModelProvider(Base):
+    """Model provider"""
+
+    __tablename__ = 'model_providers'
+
+    uuid = sqlalchemy.Column(sqlalchemy.String(255), primary_key=True, unique=True)
+    name = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
+    requester = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
+    base_url = sqlalchemy.Column(sqlalchemy.String(512), nullable=False)
+    api_keys = sqlalchemy.Column(sqlalchemy.JSON, nullable=False, default=[])
+    created_at = sqlalchemy.Column(sqlalchemy.DateTime, nullable=False, server_default=sqlalchemy.func.now())
+    updated_at = sqlalchemy.Column(
+        sqlalchemy.DateTime,
+        nullable=False,
+        server_default=sqlalchemy.func.now(),
+        onupdate=sqlalchemy.func.now(),
+    )
+
+
 class LLMModel(Base):
    """LLM model"""

@@ -10,12 +29,10 @@ class LLMModel(Base):

    uuid = sqlalchemy.Column(sqlalchemy.String(255), primary_key=True, unique=True)
    name = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
-    description = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
-    requester = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
-    requester_config = sqlalchemy.Column(sqlalchemy.JSON, nullable=False, default={})
-    api_keys = sqlalchemy.Column(sqlalchemy.JSON, nullable=False)
+    provider_uuid = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
    abilities = sqlalchemy.Column(sqlalchemy.JSON, nullable=False, default=[])
    extra_args = sqlalchemy.Column(sqlalchemy.JSON, nullable=False, default={})
+    prefered_ranking = sqlalchemy.Column(sqlalchemy.Integer, nullable=False, default=0)
    created_at = sqlalchemy.Column(sqlalchemy.DateTime, nullable=False, server_default=sqlalchemy.func.now())
    updated_at = sqlalchemy.Column(
        sqlalchemy.DateTime,
@@ -26,17 +43,15 @@ class LLMModel(Base):


 class EmbeddingModel(Base):
-    """Embedding 模型"""
+    """Embedding model"""

    __tablename__ = 'embedding_models'

    uuid = sqlalchemy.Column(sqlalchemy.String(255), primary_key=True, unique=True)
    name = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
-    description = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
-    requester = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
-    requester_config = sqlalchemy.Column(sqlalchemy.JSON, nullable=False, default={})
-    api_keys = sqlalchemy.Column(sqlalchemy.JSON, nullable=False)
+    provider_uuid = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
    extra_args = sqlalchemy.Column(sqlalchemy.JSON, nullable=False, default={})
+    prefered_ranking = sqlalchemy.Column(sqlalchemy.Integer, nullable=False, default=0)
    created_at = sqlalchemy.Column(sqlalchemy.DateTime, nullable=False, server_default=sqlalchemy.func.now())
    updated_at = sqlalchemy.Column(
        sqlalchemy.DateTime,
--- a/src/langbot/pkg/entity/persistence/user.py
+++ b/src/langbot/pkg/entity/persistence/user.py
@@ -9,6 +9,17 @@ class User(Base):
    id = sqlalchemy.Column(sqlalchemy.Integer, primary_key=True)
    user = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
    password = sqlalchemy.Column(sqlalchemy.String(255), nullable=False)
+
+    # Account type: 'local' (default) or 'space'
+    account_type = sqlalchemy.Column(sqlalchemy.String(32), nullable=False, server_default='local')
+
+    # Space account fields (nullable, only used when account_type='space')
+    space_account_uuid = sqlalchemy.Column(sqlalchemy.String(255), nullable=True)
+    space_access_token = sqlalchemy.Column(sqlalchemy.Text, nullable=True)
+    space_refresh_token = sqlalchemy.Column(sqlalchemy.Text, nullable=True)
+    space_access_token_expires_at = sqlalchemy.Column(sqlalchemy.DateTime, nullable=True)
+    space_api_key = sqlalchemy.Column(sqlalchemy.String(255), nullable=True)
+
    created_at = sqlalchemy.Column(sqlalchemy.DateTime, nullable=False, server_default=sqlalchemy.func.now())
    updated_at = sqlalchemy.Column(
        sqlalchemy.DateTime,
--- a/src/langbot/pkg/persistence/mgr.py
+++ b/src/langbot/pkg/persistence/mgr.py
@@ -9,7 +9,7 @@ import sqlalchemy.ext.asyncio as sqlalchemy_asyncio
 import sqlalchemy

 from . import database, migration
-from ..entity.persistence import base, pipeline, metadata
+from ..entity.persistence import base, pipeline, metadata, model as persistence_model
 from ..entity import persistence
 from ..core import app
 from ..utils import constants, importutil
@@ -79,6 +79,7 @@ class PersistenceManager:
            self.ap.logger.info(f'Successfully upgraded database to version {last_migration_number}.')

        await self.write_default_pipeline()
+        await self.write_space_model_providers()

    async def create_tables(self):
        # create tables
@@ -123,7 +124,42 @@ class PersistenceManager:

            await self.execute_async(sqlalchemy.insert(pipeline.LegacyPipeline).values(pipeline_data))

-        # =================================
+    async def write_space_model_providers(self):
+        space_models_gateway_api_url = self.ap.instance_config.data.get('space', {}).get(
+            'models_gateway_api_url', 'https://api.langbot.cloud/v1'
+        )
+
+        # write space model providers
+        result = await self.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.requester == 'space-chat-completions'
+            )
+        )
+        exists_space_chat_completions_model_provider = result.first()
+
+        # api keys will be set/updated when the oauth callback
+        if exists_space_chat_completions_model_provider is None:
+            self.ap.logger.info('Creating space model providers...')
+            space_chat_completions_model_provider = {
+                'uuid': '00000000-0000-0000-0000-000000000000',
+                'name': 'LangBot Models',
+                'requester': 'space-chat-completions',
+                'base_url': space_models_gateway_api_url,
+                'api_keys': [],
+            }
+
+            await self.execute_async(
+                sqlalchemy.insert(persistence_model.ModelProvider).values(space_chat_completions_model_provider)
+            )
+        else:
+            if exists_space_chat_completions_model_provider.base_url != space_models_gateway_api_url:
+                await self.execute_async(
+                    sqlalchemy.update(persistence_model.ModelProvider)
+                    .where(persistence_model.ModelProvider.uuid == exists_space_chat_completions_model_provider.uuid)
+                    .values({'base_url': space_models_gateway_api_url})
+                )
+
+    # =================================

    async def execute_async(self, *args, **kwargs) -> sqlalchemy.engine.cursor.CursorResult:
        async with self.get_db_engine().connect() as conn:
--- a/src/langbot/pkg/persistence/migrations/dbm014_space_account_support.py
+++ b/src/langbot/pkg/persistence/migrations/dbm014_space_account_support.py
@@ -0,0 +1,94 @@
+import sqlalchemy
+from .. import migration
+
+
+@migration.migration_class(14)
+class DBMigrateSpaceAccountSupport(migration.DBMigration):
+    """Add Space account support fields to users table"""
+
+    async def upgrade(self):
+        """Upgrade"""
+        # Get all column names from the users table
+        columns = []
+
+        if self.ap.persistence_mgr.db.name == 'postgresql':
+            result = await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text("SELECT column_name FROM information_schema.columns WHERE table_name = 'users';")
+            )
+            all_result = result.fetchall()
+            columns = [row[0] for row in all_result]
+        else:
+            result = await self.ap.persistence_mgr.execute_async(sqlalchemy.text('PRAGMA table_info(users);'))
+            all_result = result.fetchall()
+            columns = [row[1] for row in all_result]
+
+        # Add account_type column
+        if 'account_type' not in columns:
+            if self.ap.persistence_mgr.db.name == 'postgresql':
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text("ALTER TABLE users ADD COLUMN account_type VARCHAR(32) DEFAULT 'local' NOT NULL")
+                )
+            else:
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text("ALTER TABLE users ADD COLUMN account_type VARCHAR(32) DEFAULT 'local' NOT NULL")
+                )
+
+        # Add space_account_uuid column
+        if 'space_account_uuid' not in columns:
+            if self.ap.persistence_mgr.db.name == 'postgresql':
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_account_uuid VARCHAR(255)')
+                )
+            else:
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_account_uuid VARCHAR(255)')
+                )
+
+        # Add space_access_token column
+        if 'space_access_token' not in columns:
+            if self.ap.persistence_mgr.db.name == 'postgresql':
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_access_token TEXT')
+                )
+            else:
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_access_token TEXT')
+                )
+
+        # Add space_refresh_token column
+        if 'space_refresh_token' not in columns:
+            if self.ap.persistence_mgr.db.name == 'postgresql':
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_refresh_token TEXT')
+                )
+            else:
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_refresh_token TEXT')
+                )
+
+        # Add space_access_token_expires_at column
+        if 'space_access_token_expires_at' not in columns:
+            if self.ap.persistence_mgr.db.name == 'postgresql':
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_access_token_expires_at TIMESTAMP')
+                )
+
+            else:
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_access_token_expires_at DATETIME')
+                )
+
+        # Add space_api_key column
+        if 'space_api_key' not in columns:
+            if self.ap.persistence_mgr.db.name == 'postgresql':
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_api_key VARCHAR(255)')
+                )
+            else:
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text('ALTER TABLE users ADD COLUMN space_api_key VARCHAR(255)')
+                )
+
+    async def downgrade(self):
+        """Downgrade"""
+        pass
--- a/src/langbot/pkg/persistence/migrations/dbm015_model_source_tracking.py
+++ b/src/langbot/pkg/persistence/migrations/dbm015_model_source_tracking.py
@@ -0,0 +1,15 @@
+from .. import migration
+
+
+# this is a deprecated migration
+@migration.migration_class(15)
+class DBMigrateModelSourceTracking(migration.DBMigration):
+    """Add source tracking fields to models tables for Space integration"""
+
+    async def upgrade(self):
+        """Upgrade"""
+        pass
+
+    async def downgrade(self):
+        """Downgrade"""
+        pass
--- a/src/langbot/pkg/persistence/migrations/dbm016_model_provider_refactor.py
+++ b/src/langbot/pkg/persistence/migrations/dbm016_model_provider_refactor.py
@@ -0,0 +1,305 @@
+import uuid as uuid_lib
+
+import sqlalchemy
+from .. import migration
+
+
+@migration.migration_class(16)
+class DBMigrateModelProviderRefactor(migration.DBMigration):
+    """Refactor model structure: create providers from existing models and update references"""
+
+    async def upgrade(self):
+        """Upgrade"""
+        # Step 1: Create model_providers table if not exists
+        await self._create_providers_table()
+
+        # Step 2: Migrate existing models to use providers
+        await self._migrate_llm_models()
+        await self._migrate_embedding_models()
+
+        # Step 3: Remove deprecated columns
+        await self._cleanup_columns()
+
+    async def _create_providers_table(self):
+        """Create model_providers table"""
+        if self.ap.persistence_mgr.db.name == 'postgresql':
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text("""
+                    CREATE TABLE IF NOT EXISTS model_providers (
+                        uuid VARCHAR(255) PRIMARY KEY,
+                        name VARCHAR(255) NOT NULL,
+                        requester VARCHAR(255) NOT NULL,
+                        base_url VARCHAR(512) NOT NULL,
+                        api_keys JSONB NOT NULL DEFAULT '[]',
+                        created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
+                        updated_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP
+                    )
+                """)
+            )
+        else:
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text("""
+                    CREATE TABLE IF NOT EXISTS model_providers (
+                        uuid VARCHAR(255) PRIMARY KEY,
+                        name VARCHAR(255) NOT NULL,
+                        requester VARCHAR(255) NOT NULL,
+                        base_url VARCHAR(512) NOT NULL,
+                        api_keys JSON NOT NULL DEFAULT '[]',
+                        created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+                        updated_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+                    )
+                """)
+            )
+
+    async def _migrate_llm_models(self):
+        """Migrate LLM models to use providers"""
+        llm_columns = await self._get_columns('llm_models')
+
+        # Add provider_uuid column if not exists
+        if 'provider_uuid' not in llm_columns:
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text('ALTER TABLE llm_models ADD COLUMN provider_uuid VARCHAR(255)')
+            )
+
+        # Add prefered_ranking column if not exists
+        if 'prefered_ranking' not in llm_columns:
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text('ALTER TABLE llm_models ADD COLUMN prefered_ranking INTEGER NOT NULL DEFAULT 0')
+            )
+
+        # Only migrate if old columns exist
+        if 'requester' not in llm_columns:
+            return
+
+        # Get all LLM models with old structure
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.text('SELECT uuid, name, requester, requester_config, api_keys FROM llm_models')
+        )
+        models = result.fetchall()
+
+        # Create providers and update models
+        provider_cache = {}  # (requester, base_url, api_keys_str) -> provider_uuid
+
+        for model in models:
+            model_uuid, model_name, requester, requester_config, api_keys = model
+
+            # Extract base_url from requester_config
+            base_url = ''
+            if requester_config:
+                if isinstance(requester_config, str):
+                    import json
+
+                    requester_config = json.loads(requester_config)
+                base_url = requester_config.get('base_url', '') or requester_config.get('base-url', '')
+
+            # Parse api_keys if it's a string
+            if isinstance(api_keys, str):
+                import json
+
+                try:
+                    api_keys = json.loads(api_keys)
+                except Exception:
+                    api_keys = []
+            if not api_keys:
+                api_keys = []
+
+            # Create cache key
+            api_keys_str = str(sorted(api_keys)) if api_keys else '[]'
+            cache_key = (requester, base_url, api_keys_str)
+
+            if cache_key in provider_cache:
+                provider_uuid = provider_cache[cache_key]
+            else:
+                # Create new provider
+                provider_uuid = str(uuid_lib.uuid4())
+                provider_name = f'{requester}'
+                if base_url:
+                    # Extract domain for name
+                    try:
+                        from urllib.parse import urlparse
+
+                        parsed = urlparse(base_url)
+                        provider_name = parsed.netloc or requester
+                    except Exception:
+                        pass
+
+                import json
+
+                api_keys_json = json.dumps(api_keys) if api_keys else '[]'
+
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text("""
+                        INSERT INTO model_providers (uuid, name, requester, base_url, api_keys)
+                        VALUES (:uuid, :name, :requester, :base_url, :api_keys)
+                    """),
+                    {
+                        'uuid': provider_uuid,
+                        'name': provider_name,
+                        'requester': requester,
+                        'base_url': base_url,
+                        'api_keys': api_keys_json,
+                    },
+                )
+                provider_cache[cache_key] = provider_uuid
+
+            # Update model with provider_uuid
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text('UPDATE llm_models SET provider_uuid = :provider_uuid WHERE uuid = :uuid'),
+                {'provider_uuid': provider_uuid, 'uuid': model_uuid},
+            )
+
+    async def _migrate_embedding_models(self):
+        """Migrate embedding models to use providers"""
+        embedding_columns = await self._get_columns('embedding_models')
+
+        # Add provider_uuid column if not exists
+        if 'provider_uuid' not in embedding_columns:
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text('ALTER TABLE embedding_models ADD COLUMN provider_uuid VARCHAR(255)')
+            )
+
+        # Add prefered_ranking column if not exists
+        if 'prefered_ranking' not in embedding_columns:
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text('ALTER TABLE embedding_models ADD COLUMN prefered_ranking INTEGER NOT NULL DEFAULT 0')
+            )
+
+        # Only migrate if old columns exist
+        if 'requester' not in embedding_columns:
+            return
+
+        # Get all embedding models with old structure
+        result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.text('SELECT uuid, name, requester, requester_config, api_keys FROM embedding_models')
+        )
+        models = result.fetchall()
+
+        # Get existing providers
+        provider_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.text('SELECT uuid, requester, base_url, api_keys FROM model_providers')
+        )
+        existing_providers = provider_result.fetchall()
+
+        provider_cache = {}
+        for p in existing_providers:
+            p_uuid, p_requester, p_base_url, p_api_keys = p
+            api_keys_str = str(sorted(p_api_keys)) if p_api_keys else '[]'
+            provider_cache[(p_requester, p_base_url, api_keys_str)] = p_uuid
+
+        for model in models:
+            model_uuid, model_name, requester, requester_config, api_keys = model
+
+            base_url = ''
+            if requester_config:
+                if isinstance(requester_config, str):
+                    import json
+
+                    requester_config = json.loads(requester_config)
+                base_url = requester_config.get('base_url', '') or requester_config.get('base-url', '')
+
+            # Parse api_keys if it's a string
+            if isinstance(api_keys, str):
+                import json
+
+                try:
+                    api_keys = json.loads(api_keys)
+                except Exception:
+                    api_keys = []
+            if not api_keys:
+                api_keys = []
+
+            api_keys_str = str(sorted(api_keys)) if api_keys else '[]'
+            cache_key = (requester, base_url, api_keys_str)
+
+            if cache_key in provider_cache:
+                provider_uuid = provider_cache[cache_key]
+            else:
+                provider_uuid = str(uuid_lib.uuid4())
+                provider_name = f'{requester}'
+                if base_url:
+                    try:
+                        from urllib.parse import urlparse
+
+                        parsed = urlparse(base_url)
+                        provider_name = parsed.netloc or requester
+                    except Exception:
+                        pass
+
+                import json
+
+                api_keys_json = json.dumps(api_keys) if api_keys else '[]'
+
+                await self.ap.persistence_mgr.execute_async(
+                    sqlalchemy.text("""
+                        INSERT INTO model_providers (uuid, name, requester, base_url, api_keys)
+                        VALUES (:uuid, :name, :requester, :base_url, :api_keys)
+                    """),
+                    {
+                        'uuid': provider_uuid,
+                        'name': provider_name,
+                        'requester': requester,
+                        'base_url': base_url,
+                        'api_keys': api_keys_json,
+                    },
+                )
+                provider_cache[cache_key] = provider_uuid
+
+            await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text('UPDATE embedding_models SET provider_uuid = :provider_uuid WHERE uuid = :uuid'),
+                {'provider_uuid': provider_uuid, 'uuid': model_uuid},
+            )
+
+    async def _cleanup_columns(self):
+        """Remove deprecated columns from model tables"""
+
+        llm_columns = await self._get_columns('llm_models')
+        deprecated_llm_cols = ['requester', 'requester_config', 'api_keys', 'description', 'source', 'space_model_id']
+        for col in deprecated_llm_cols:
+            if col in llm_columns:
+                if self.ap.persistence_mgr.db.name == 'postgresql':
+                    await self.ap.persistence_mgr.execute_async(
+                        sqlalchemy.text(f'ALTER TABLE llm_models DROP COLUMN IF EXISTS {col}')
+                    )
+                else:
+                    await self.ap.persistence_mgr.execute_async(
+                        sqlalchemy.text(f'ALTER TABLE llm_models DROP COLUMN {col}')
+                    )
+
+        embedding_columns = await self._get_columns('embedding_models')
+        deprecated_embedding_cols = [
+            'requester',
+            'requester_config',
+            'api_keys',
+            'description',
+            'source',
+            'space_model_id',
+        ]
+        for col in deprecated_embedding_cols:
+            if col in embedding_columns:
+                if self.ap.persistence_mgr.db.name == 'postgresql':
+                    await self.ap.persistence_mgr.execute_async(
+                        sqlalchemy.text(f'ALTER TABLE embedding_models DROP COLUMN IF EXISTS {col}')
+                    )
+                else:
+                    await self.ap.persistence_mgr.execute_async(
+                        sqlalchemy.text(f'ALTER TABLE embedding_models DROP COLUMN {col}')
+                    )
+
+    async def _get_columns(self, table_name: str) -> list:
+        """Get column names for a table"""
+        if self.ap.persistence_mgr.db.name == 'postgresql':
+            result = await self.ap.persistence_mgr.execute_async(
+                sqlalchemy.text(
+                    f"SELECT column_name FROM information_schema.columns WHERE table_name = '{table_name}';"
+                )
+            )
+            all_result = result.fetchall()
+            return [row[0] for row in all_result]
+        else:
+            result = await self.ap.persistence_mgr.execute_async(sqlalchemy.text(f'PRAGMA table_info({table_name});'))
+            all_result = result.fetchall()
+            return [row[1] for row in all_result]
+
+    async def downgrade(self):
+        """Downgrade"""
+        pass
--- a/src/langbot/pkg/persistence/migrations/dbm017_move_cloud_service_url.py
+++ b/src/langbot/pkg/persistence/migrations/dbm017_move_cloud_service_url.py
@@ -0,0 +1,25 @@
+from .. import migration
+
+
+@migration.migration_class(17)
+class MoveCloudServiceUrl(migration.DBMigration):
+    """迁移云服务 URL 配置"""
+
+    async def upgrade(self):
+        """升级"""
+        if 'space' not in self.ap.instance_config.data:
+            self.ap.instance_config.data['space'] = {
+                'url': 'https://space.langbot.app',
+                'models_gateway_api_url': 'https://api.langbot.cloud/v1',
+                'oauth_authorize_url': 'https://space.langbot.app/auth/authorize',
+                'disable_models_service': False,
+            }
+
+        if 'plugin' in self.ap.instance_config.data:
+            self.ap.instance_config.data['plugin'].pop('cloud_service_url', None)
+
+        await self.ap.instance_config.dump_config()
+
+    async def downgrade(self):
+        """降级"""
+        pass
--- a/src/langbot/pkg/pipeline/process/handlers/chat.py
+++ b/src/langbot/pkg/pipeline/process/handlers/chat.py
@@ -3,6 +3,8 @@ from __future__ import annotations
 import uuid
 import typing
 import traceback
+import time
+from datetime import datetime


 from .. import handler
@@ -10,7 +12,7 @@ from ... import entities
 from ....provider import runner as runner_module

 import langbot_plugin.api.entities.events as events
-from ....utils import importutil
+from ....utils import importutil, constants
 from ....provider import runners
 import langbot_plugin.api.entities.builtin.provider.session as provider_session
 import langbot_plugin.api.entities.builtin.pipeline.query as pipeline_query
@@ -84,6 +86,9 @@ class ChatMessageHandler(handler.MessageHandler):
                        break
                else:
                    raise ValueError(f'Request Runner not found: {query.pipeline_config["ai"]["runner"]["runner"]}')
+                # Mark start time for telemetry
+                start_ts = time.time()
+
                if is_stream:
                    resp_message_id = uuid.uuid4()
                    chunk_count = 0  # Track streaming chunks to reduce excessive logging
@@ -140,7 +145,8 @@ class ChatMessageHandler(handler.MessageHandler):

                query.session.using_conversation.messages.extend(query.resp_messages)
            except Exception as e:
-                self.ap.logger.error(f'Conversation({query.query_id}) Request Failed: {type(e).__name__} {str(e)}')
+                error_info = f'{type(e).__name__} {str(e)}'
+                self.ap.logger.error(f'Conversation({query.query_id}) Request Failed: {error_info}')
                traceback.print_exc()

                hide_exception_info = query.pipeline_config['output']['misc']['hide-exception']
@@ -153,5 +159,47 @@ class ChatMessageHandler(handler.MessageHandler):
                    debug_notice=traceback.format_exc(),
                )
            finally:
-                # TODO statistics
-                pass
+                # Telemetry reporting: collect minimal per-query execution info and send asynchronously
+                try:
+                    end_ts = time.time()
+                    duration_ms = None
+                    if 'start_ts' in locals():
+                        duration_ms = int((end_ts - start_ts) * 1000)
+
+                    adapter_name = query.adapter.__class__.__name__ if hasattr(query, 'adapter') else None
+                    runner_name = (
+                        query.pipeline_config.get('ai', {}).get('runner', {}).get('runner')
+                        if query.pipeline_config
+                        else None
+                    )
+
+                    # Model name if using localagent
+                    model_name = None
+                    try:
+                        if runner_name == 'local-agent' and getattr(query, 'use_llm_model_uuid', None):
+                            m = await self.ap.model_mgr.get_model_by_uuid(query.use_llm_model_uuid)
+                            if m and getattr(m, 'model_entity', None):
+                                model_name = getattr(m.model_entity, 'name', None)
+                    except Exception:
+                        model_name = None
+
+                    pipeline_plugins = query.variables.get('_pipeline_bound_plugins', None)
+
+                    payload = {
+                        'query_id': query.query_id,
+                        'adapter': adapter_name,
+                        'runner': runner_name,
+                        'duration_ms': duration_ms,
+                        'model_name': model_name,
+                        'version': constants.semantic_version,
+                        'instance_id': constants.instance_id,
+                        'pipeline_plugins': pipeline_plugins,
+                        'error': locals().get('error_info', None),
+                        'timestamp': datetime.utcnow().isoformat(),
+                    }
+
+                    # Send telemetry asynchronously and do not block pipeline via app's telemetry manager
+                    await self.ap.telemetry.start_send_task(payload)
+                except Exception as ex:
+                    # Ensure telemetry issues do not affect normal flow
+                    self.ap.logger.warning(f'Failed to send telemetry: {ex}')
--- a/src/langbot/pkg/platform/sources/officialaccount.py
+++ b/src/langbot/pkg/platform/sources/officialaccount.py
@@ -76,6 +76,7 @@ class OfficialAccountAdapter(abstract_platform_adapter.AbstractMessagePlatformAd
                AppID=config['AppID'],
                logger=logger,
                unified_mode=True,
+                api_base_url=config.get('api_base_url', 'https://api.weixin.qq.com'),
            )
        elif config['Mode'] == 'passive':
            bot = OAClientForLongerResponse(
@@ -86,6 +87,7 @@ class OfficialAccountAdapter(abstract_platform_adapter.AbstractMessagePlatformAd
                LoadingMessage=config.get('LoadingMessage', ''),
                logger=logger,
                unified_mode=True,
+                api_base_url=config.get('api_base_url', 'https://api.weixin.qq.com'),
            )
        else:
            raise KeyError('请设置微信公众号通信模式')
--- a/src/langbot/pkg/platform/sources/officialaccount.yaml
+++ b/src/langbot/pkg/platform/sources/officialaccount.yaml
@@ -53,6 +53,16 @@ spec:
      type: string
      required: true
      default: "AI正在思考中，请发送任意内容获取回复。"
+    - name: api_base_url
+      label:
+        en_US: API Base URL
+        zh_Hans: API 基础 URL
+      description:
+        en_US: API Base URL, used for accessing the Official Account API. If you are deploying in an internal network environment and accessing the Official Account API through a reverse proxy, please fill in this item according to the documentation.
+        zh_Hans: 可选，若您部署在内网环境并通过反向代理访问微信公众号 API，可根据文档修改此项
+      type: string
+      required: false
+      default: "https://api.weixin.qq.com"
 execution:
  python:
    path: ./officialaccount.py
--- a/src/langbot/pkg/platform/sources/wecom.py
+++ b/src/langbot/pkg/platform/sources/wecom.py
@@ -15,6 +15,58 @@ import langbot_plugin.api.entities.builtin.platform.events as platform_events
 import langbot_plugin.api.entities.builtin.platform.entities as platform_entities


+def split_string_by_bytes(text, limit=2048, encoding='utf-8'):
+    """
+    Splits a string into a list of strings, where each part is at most 'limit' bytes.
+    
+    Args:
+        text (str): The original string to split.
+        limit (int): The maximum byte size for each split part.
+        encoding (str): The encoding to use (default is 'utf-8').
+        
+    Returns:
+        list: A list of split strings.
+    """
+    # 1. Encode the entire string into bytes
+    bytes_data = text.encode(encoding)
+    total_len = len(bytes_data)
+    
+    parts = []
+    start = 0
+    
+    while start < total_len:
+        # 2. Determine the end index for the current chunk
+        # It shouldn't exceed the total length
+        end = min(start + limit, total_len)
+        
+        # 3. Slice the byte array
+        chunk = bytes_data[start:end]
+        
+        # 4. Attempt to decode the chunk
+        # Use errors='ignore' to drop any partial bytes at the end of the chunk
+        # (e.g., if a 3-byte character was cut after the 2nd byte)
+        part_str = chunk.decode(encoding, errors='ignore')
+        
+        # 5. Calculate the actual byte length of the successfully decoded string
+        # This tells us exactly where the valid character boundary ended
+        part_bytes = part_str.encode(encoding)
+        part_len = len(part_bytes)
+        
+        # Safety check: Prevent infinite loop if limit is too small (e.g., limit=1 for a Chinese char)
+        if part_len == 0 and end < total_len:
+            # Force advance by 1 byte to consume the un-decodable byte or raise error
+            # Here we just treat it as a part to avoid stuck loops, though it might be invalid
+            start += 1 
+            continue
+
+        parts.append(part_str)
+        
+        # 6. Move the start pointer by the actual length consumed
+        start += part_len
+        
+    return parts
+
+
 class WecomMessageConverter(abstract_platform_adapter.AbstractMessageConverter):
    @staticmethod
    async def yiri2target(message_chain: platform_message.MessageChain, bot: WecomClient):
@@ -22,12 +74,14 @@ class WecomMessageConverter(abstract_platform_adapter.AbstractMessageConverter):

        for msg in message_chain:
            if type(msg) is platform_message.Plain:
-                content_list.append(
+                chunks = split_string_by_bytes(msg.text)
+                content_list.extend([
                    {
                        'type': 'text',
-                        'content': msg.text,
+                        'content': chunk,
                    }
-                )
+                    for chunk in chunks
+                ])
            elif type(msg) is platform_message.Image:
                content_list.append(
                    {
@@ -170,6 +224,7 @@ class WecomAdapter(abstract_platform_adapter.AbstractMessagePlatformAdapter):
            contacts_secret=config['contacts_secret'],
            logger=logger,
            unified_mode=True,
+            api_base_url=config.get('api_base_url', 'https://qyapi.weixin.qq.com/cgi-bin'),
        )

        super().__init__(
--- a/src/langbot/pkg/platform/sources/wecom.yaml
+++ b/src/langbot/pkg/platform/sources/wecom.yaml
@@ -46,6 +46,16 @@ spec:
      type: string
      required: true
      default: ""
+    - name: api_base_url
+      label:
+        en_US: API Base URL
+        zh_Hans: API 基础 URL
+      description:
+        en_US: API Base URL, used for accessing the WeCom API. If you are deploying in an internal network environment and accessing the WeCom Customer Service API through a reverse proxy, please fill in this item according to the documentation.
+        zh_Hans: 可选，若您部署在内网环境并通过反向代理访问企业微信 API，可根据文档填写此项
+      type: string
+      required: false
+      default: "https://qyapi.weixin.qq.com/cgi-bin"
 execution:
  python:
    path: ./wecom.py
--- a/src/langbot/pkg/platform/sources/wecomcs.py
+++ b/src/langbot/pkg/platform/sources/wecomcs.py
@@ -141,6 +141,7 @@ class WecomCSAdapter(abstract_platform_adapter.AbstractMessagePlatformAdapter):
            EncodingAESKey=config['EncodingAESKey'],
            logger=logger,
            unified_mode=True,
+            api_base_url=config.get('api_base_url', 'https://qyapi.weixin.qq.com/cgi-bin'),
        )

        super().__init__(
--- a/src/langbot/pkg/platform/sources/wecomcs.yaml
+++ b/src/langbot/pkg/platform/sources/wecomcs.yaml
@@ -39,6 +39,16 @@ spec:
      type: string
      required: true
      default: ""
+    - name: api_base_url
+      label:
+        en_US: API Base URL
+        zh_Hans: API 基础 URL
+      description:
+        en_US: API Base URL, used for accessing the WeCom API. If you are deploying in an internal network environment and accessing the WeCom Customer Service API through a reverse proxy, please fill in this item according to the documentation.
+        zh_Hans: 可选，若您部署在内网环境并通过反向代理访问企业微信 API，可根据文档修改此项
+      type: string
+      required: false
+      default: "https://qyapi.weixin.qq.com/cgi-bin"
 execution:
  python:
    path: ./wecomcs.py
--- a/src/langbot/pkg/plugin/handler.py
+++ b/src/langbot/pkg/plugin/handler.py
@@ -324,7 +324,7 @@ class RuntimeConnectionHandler(handler.Handler):
            messages_obj = [provider_message.Message.model_validate(message) for message in messages]
            funcs_obj = [resource_tool.LLMTool.model_validate(func) for func in funcs]

-            result = await llm_model.requester.invoke_llm(
+            result = await llm_model.provider.requester.invoke_llm(
                query=None,
                model=llm_model,
                messages=messages_obj,
--- a/src/langbot/pkg/provider/modelmgr/modelmgr.py
+++ b/src/langbot/pkg/provider/modelmgr/modelmgr.py
@@ -9,22 +9,24 @@ from ...discover import engine
 from . import token
 from ...entity.persistence import model as persistence_model
 from ...entity.errors import provider as provider_errors
-
-FETCH_MODEL_LIST_URL = 'https://api.qchatgpt.rockchin.top/api/v2/fetch/model_list'
+from async_lru import alru_cache


 class ModelManager:
-    """模型管理器"""
+    """Model manager"""

    ap: app.Application

+    provider_dict: dict[str, requester.RuntimeProvider]
+    """运行时模型提供商字典, uuid -> RuntimeProvider"""
+
    llm_models: list[requester.RuntimeLLMModel]

    embedding_models: list[requester.RuntimeEmbeddingModel]

    requester_components: list[engine.Component]

-    requester_dict: dict[str, type[requester.ProviderAPIRequester]]  # cache
+    requester_dict: dict[str, type[requester.ProviderAPIRequester]]

    def __init__(self, ap: app.Application):
        self.ap = ap
@@ -36,7 +38,6 @@ class ModelManager:
    async def initialize(self):
        self.requester_components = self.ap.discover.get_components_by_kind('LLMAPIRequester')

-        # forge requester class dict
        requester_dict: dict[str, type[requester.ProviderAPIRequester]] = {}
        for component in self.requester_components:
            requester_dict[component.metadata.name] = component.get_python_component_class()
@@ -45,139 +46,342 @@ class ModelManager:

        await self.load_models_from_db()

+        # Check if space models service is disabled
+        space_config = self.ap.instance_config.data.get('space', {})
+        if space_config.get('disable_models_service', False):
+            self.ap.logger.info('LangBot Space Models service is disabled, skipping sync.')
+            return
+
+        try:
+            await self.sync_new_models_from_space()
+        except Exception as e:
+            self.ap.logger.warning('Failed to sync new models from LangBot Space, model list may not be updated.')
+            self.ap.logger.warning(f'  - Error: {e}')
+
    async def load_models_from_db(self):
-        """从数据库加载模型"""
+        """Load models from database"""
        self.ap.logger.info('Loading models from db...')

        self.llm_models = []
        self.embedding_models = []

-        # llm models
+        # Load all providers first
+        self.provider_dict = {}
+        providers_result = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider)
+        )
+        for provider in providers_result.all():
+            try:
+                runtime_provider = await self.load_provider(provider)
+                self.provider_dict[provider.uuid] = runtime_provider
+            except provider_errors.RequesterNotFoundError as e:
+                self.ap.logger.warning(f'Requester {e.requester_name} not found, skipping provider {provider.uuid}')
+                continue
+            except Exception as e:
+                self.ap.logger.error(f'Failed to load provider {provider.uuid}: {e}\n{traceback.format_exc()}')
+
+        # Load LLM models
        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(persistence_model.LLMModel))
        llm_models = result.all()
        for llm_model in llm_models:
            try:
-                await self.load_llm_model(llm_model)
-            except provider_errors.RequesterNotFoundError as e:
-                self.ap.logger.warning(f'Requester {e.requester_name} not found, skipping llm model {llm_model.uuid}')
+                provider = self.provider_dict.get(llm_model.provider_uuid)
+                if provider is None:
+                    self.ap.logger.warning(f'Provider {llm_model.provider_uuid} not found for model {llm_model.uuid}')
+                    continue
+                runtime_llm_model = await self.load_llm_model_with_provider(llm_model, provider)
+                self.llm_models.append(runtime_llm_model)
            except Exception as e:
                self.ap.logger.error(f'Failed to load model {llm_model.uuid}: {e}\n{traceback.format_exc()}')

-        # embedding models
+        # Load embedding models
        result = await self.ap.persistence_mgr.execute_async(sqlalchemy.select(persistence_model.EmbeddingModel))
        embedding_models = result.all()
        for embedding_model in embedding_models:
            try:
-                await self.load_embedding_model(embedding_model)
-            except provider_errors.RequesterNotFoundError as e:
-                self.ap.logger.warning(
-                    f'Requester {e.requester_name} not found, skipping embedding model {embedding_model.uuid}'
-                )
+                provider = self.provider_dict.get(embedding_model.provider_uuid)
+                if provider is None:
+                    self.ap.logger.warning(
+                        f'Provider {embedding_model.provider_uuid} not found for model {embedding_model.uuid}'
+                    )
+                    continue
+                runtime_embedding_model = await self.load_embedding_model_with_provider(embedding_model, provider)
+                self.embedding_models.append(runtime_embedding_model)
            except Exception as e:
                self.ap.logger.error(f'Failed to load model {embedding_model.uuid}: {e}\n{traceback.format_exc()}')

-    async def init_runtime_llm_model(
+    async def sync_new_models_from_space(self):
+        """Sync models from Space"""
+        space_model_provider = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.requester == 'space-chat-completions'
+            )
+        )
+        result = space_model_provider.first()
+        if result is None:
+            raise provider_errors.ProviderNotFoundError('LangBot Models')
+
+        space_model_provider = result
+
+        # get the latest models from space
+        space_models = await self.ap.space_service.get_models()
+
+        exists_llm_models_uuids = [m['uuid'] for m in await self.ap.llm_model_service.get_llm_models()]
+        exists_embedding_models_uuids = [
+            m['uuid'] for m in await self.ap.embedding_models_service.get_embedding_models()
+        ]
+
+        for space_model in space_models:
+            if space_model.category == 'chat':
+                uuid = space_model.uuid
+
+                if uuid in exists_llm_models_uuids:
+                    continue
+
+                # model will be automatically loaded
+                await self.ap.llm_model_service.create_llm_model(
+                    {
+                        'uuid': space_model.uuid,
+                        'name': space_model.model_id,
+                        'provider_uuid': space_model_provider.uuid,
+                        'abilities': space_model.llm_abilities or [],
+                        'extra_args': {},
+                        'prefered_ranking': space_model.featured_order,
+                    },
+                    preserve_uuid=True,
+                )
+
+            elif space_model.category == 'embedding':
+                uuid = space_model.uuid
+
+                if uuid in exists_embedding_models_uuids:
+                    continue
+
+                # model will be automatically loaded
+                await self.ap.embedding_models_service.create_embedding_model(
+                    {
+                        'uuid': space_model.uuid,
+                        'name': space_model.model_id,
+                        'provider_uuid': space_model_provider.uuid,
+                        'extra_args': {},
+                        'prefered_ranking': space_model.featured_order,
+                    },
+                    preserve_uuid=True,
+                )
+
+    async def init_temporary_runtime_llm_model(
        self,
-        model_info: persistence_model.LLMModel | sqlalchemy.Row[persistence_model.LLMModel] | dict,
-    ):
-        """初始化运行时 LLM 模型"""
-        if isinstance(model_info, sqlalchemy.Row):
-            model_info = persistence_model.LLMModel(**model_info._mapping)
-        elif isinstance(model_info, dict):
-            model_info = persistence_model.LLMModel(**model_info)
+        model_info: dict,
+    ) -> requester.RuntimeLLMModel:
+        """Initialize runtime LLM model from dict (for testing)"""
+        provider_info = model_info.get('provider', {})

-        if model_info.requester not in self.requester_dict:
-            raise provider_errors.RequesterNotFoundError(model_info.requester)
-
-        requester_inst = self.requester_dict[model_info.requester](ap=self.ap, config=model_info.requester_config)
-
-        await requester_inst.initialize()
+        runtime_provider = await self.load_provider(provider_info)

        runtime_llm_model = requester.RuntimeLLMModel(
-            model_entity=model_info,
-            token_mgr=token.TokenManager(
-                name=model_info.uuid,
-                tokens=model_info.api_keys,
+            model_entity=persistence_model.LLMModel(
+                uuid=model_info.get('uuid', ''),
+                name=model_info.get('name', ''),
+                provider_uuid='',
+                abilities=model_info.get('abilities', []),
+                extra_args=model_info.get('extra_args', {}),
            ),
-            requester=requester_inst,
+            provider=runtime_provider,
        )

        return runtime_llm_model

-    async def init_runtime_embedding_model(
+    async def init_temporary_runtime_embedding_model(
        self,
-        model_info: persistence_model.EmbeddingModel | sqlalchemy.Row[persistence_model.EmbeddingModel] | dict,
-    ):
-        """初始化运行时 Embedding 模型"""
-        if isinstance(model_info, sqlalchemy.Row):
-            model_info = persistence_model.EmbeddingModel(**model_info._mapping)
-        elif isinstance(model_info, dict):
-            model_info = persistence_model.EmbeddingModel(**model_info)
-
-        if model_info.requester not in self.requester_dict:
-            raise provider_errors.RequesterNotFoundError(model_info.requester)
-
-        requester_inst = self.requester_dict[model_info.requester](ap=self.ap, config=model_info.requester_config)
-
-        await requester_inst.initialize()
+        model_info: dict,
+    ) -> requester.RuntimeEmbeddingModel:
+        """Initialize runtime embedding model from dict (for testing)"""
+        provider_info = model_info.get('provider', {})
+        runtime_provider = await self.load_provider(provider_info)

        runtime_embedding_model = requester.RuntimeEmbeddingModel(
-            model_entity=model_info,
-            token_mgr=token.TokenManager(
-                name=model_info.uuid,
-                tokens=model_info.api_keys,
+            model_entity=persistence_model.EmbeddingModel(
+                uuid=model_info.get('uuid', ''),
+                name=model_info.get('name', ''),
+                provider_uuid='',
+                extra_args=model_info.get('extra_args', {}),
            ),
-            requester=requester_inst,
+            provider=runtime_provider,
        )

        return runtime_embedding_model

-    async def load_llm_model(
-        self,
-        model_info: persistence_model.LLMModel | sqlalchemy.Row[persistence_model.LLMModel] | dict,
-    ):
-        """加载 LLM 模型"""
-        runtime_llm_model = await self.init_runtime_llm_model(model_info)
-        self.llm_models.append(runtime_llm_model)
+    async def load_provider(
+        self, provider_info: persistence_model.ModelProvider | sqlalchemy.Row | dict
+    ) -> requester.RuntimeProvider:
+        """Load provider from dict"""
+        if isinstance(provider_info, sqlalchemy.Row):
+            provider_entity = persistence_model.ModelProvider(**provider_info._mapping)
+        elif isinstance(provider_info, dict):
+            provider_entity = persistence_model.ModelProvider(**provider_info)
+        else:
+            provider_entity = provider_info

-    async def load_embedding_model(
-        self,
-        model_info: persistence_model.EmbeddingModel | sqlalchemy.Row[persistence_model.EmbeddingModel] | dict,
-    ):
-        """加载 Embedding 模型"""
-        runtime_embedding_model = await self.init_runtime_embedding_model(model_info)
-        self.embedding_models.append(runtime_embedding_model)
+        if provider_entity.requester not in self.requester_dict:
+            raise provider_errors.RequesterNotFoundError(provider_entity.requester)

+        requester_inst = self.requester_dict[provider_entity.requester](
+            ap=self.ap, config={'base_url': provider_entity.base_url}
+        )
+        await requester_inst.initialize()
+
+        token_mgr = token.TokenManager(name=provider_entity.uuid, tokens=provider_entity.api_keys or [])
+
+        provider = requester.RuntimeProvider(
+            provider_entity=provider_entity,
+            token_mgr=token_mgr,
+            requester=requester_inst,
+        )
+        return provider
+
+    async def remove_provider(self, provider_uuid: str):
+        """Remove provider
+
+        This method will not consider the models using this provider,
+        because the models should be removed by the caller.
+        """
+        del self.provider_dict[provider_uuid]
+
+    async def reload_provider(self, provider_uuid: str):
+        """Reload provider"""
+        provider_entity = await self.ap.persistence_mgr.execute_async(
+            sqlalchemy.select(persistence_model.ModelProvider).where(
+                persistence_model.ModelProvider.uuid == provider_uuid
+            )
+        )
+        provider_entity = provider_entity.first()
+        if provider_entity is None:
+            raise provider_errors.ProviderNotFoundError(provider_uuid)
+
+        new_runtime_provider = await self.load_provider(provider_entity)
+
+        # update refs in runtime models
+        for model in self.llm_models:
+            if model.provider.provider_entity.uuid == provider_uuid:
+                model.provider = new_runtime_provider
+        for model in self.embedding_models:
+            if model.provider.provider_entity.uuid == provider_uuid:
+                model.provider = new_runtime_provider
+
+        # update ref in provider dict
+        self.provider_dict[provider_uuid] = new_runtime_provider
+
+    async def load_llm_model_with_provider(
+        self,
+        model_info: persistence_model.LLMModel | sqlalchemy.Row,
+        provider: requester.RuntimeProvider,
+    ) -> requester.RuntimeLLMModel:
+        """Load LLM model with provider info"""
+        if isinstance(model_info, sqlalchemy.Row):
+            model_info = persistence_model.LLMModel(**model_info._mapping)
+
+        runtime_llm_model = requester.RuntimeLLMModel(
+            model_entity=model_info,
+            provider=provider,
+        )
+
+        return runtime_llm_model
+
+    async def load_embedding_model_with_provider(
+        self,
+        model_info: persistence_model.EmbeddingModel | sqlalchemy.Row,
+        provider: requester.RuntimeProvider,
+    ) -> requester.RuntimeEmbeddingModel:
+        """Load embedding model with provider info"""
+        if isinstance(model_info, sqlalchemy.Row):
+            model_info = persistence_model.EmbeddingModel(**model_info._mapping)
+
+        runtime_embedding_model = requester.RuntimeEmbeddingModel(
+            model_entity=model_info,
+            provider=provider,
+        )
+
+        return runtime_embedding_model
+
+    async def load_llm_model(self, model_info: dict):
+        """Load LLM model from dict (with provider info)"""
+        provider_info = model_info.get('provider', {})
+        if not provider_info:
+            raise ValueError('Provider info is required')
+
+        model_entity = persistence_model.LLMModel(
+            uuid=model_info.get('uuid', ''),
+            name=model_info.get('name', ''),
+            provider_uuid=model_info.get('provider_uuid', ''),
+            abilities=model_info.get('abilities', []),
+            extra_args=model_info.get('extra_args', {}),
+        )
+
+        provider_entity = persistence_model.ModelProvider(
+            uuid=provider_info.get('uuid', ''),
+            name=provider_info.get('name', ''),
+            requester=provider_info.get('requester', ''),
+            base_url=provider_info.get('base_url', ''),
+            api_keys=provider_info.get('api_keys', []),
+        )
+
+        await self.load_llm_model_with_provider(model_entity, provider_entity)
+
+    async def load_embedding_model(self, model_info: dict):
+        """Load embedding model from dict (with provider info)"""
+        provider_info = model_info.get('provider', {})
+        if not provider_info:
+            raise ValueError('Provider info is required')
+
+        model_entity = persistence_model.EmbeddingModel(
+            uuid=model_info.get('uuid', ''),
+            name=model_info.get('name', ''),
+            provider_uuid=model_info.get('provider_uuid', ''),
+            extra_args=model_info.get('extra_args', {}),
+        )
+
+        provider_entity = persistence_model.ModelProvider(
+            uuid=provider_info.get('uuid', ''),
+            name=provider_info.get('name', ''),
+            requester=provider_info.get('requester', ''),
+            base_url=provider_info.get('base_url', ''),
+            api_keys=provider_info.get('api_keys', []),
+        )
+
+        await self.load_embedding_model_with_provider(model_entity, provider_entity)
+
+    @alru_cache(ttl=60 * 5)
    async def get_model_by_uuid(self, uuid: str) -> requester.RuntimeLLMModel:
-        """通过uuid获取 LLM 模型"""
+        """Get LLM model by uuid"""
        for model in self.llm_models:
            if model.model_entity.uuid == uuid:
                return model
        raise ValueError(f'LLM model {uuid} not found')

+    @alru_cache(ttl=60 * 5)
    async def get_embedding_model_by_uuid(self, uuid: str) -> requester.RuntimeEmbeddingModel:
-        """通过uuid获取 Embedding 模型"""
+        """Get embedding model by uuid"""
        for model in self.embedding_models:
            if model.model_entity.uuid == uuid:
                return model
        raise ValueError(f'Embedding model {uuid} not found')

    async def remove_llm_model(self, model_uuid: str):
-        """移除 LLM 模型"""
+        """Remove LLM model"""
        for model in self.llm_models:
            if model.model_entity.uuid == model_uuid:
                self.llm_models.remove(model)
                return

    async def remove_embedding_model(self, model_uuid: str):
-        """移除 Embedding 模型"""
+        """Remove embedding model"""
        for model in self.embedding_models:
            if model.model_entity.uuid == model_uuid:
                self.embedding_models.remove(model)
                return

    def get_available_requesters_info(self, model_type: str) -> list[dict]:
-        """获取所有可用的请求器"""
+        """Get all available requesters"""
        if model_type != '':
            return [
                component.to_plain_dict()
@@ -188,14 +392,14 @@ class ModelManager:
            return [component.to_plain_dict() for component in self.requester_components]

    def get_available_requester_info_by_name(self, name: str) -> dict | None:
-        """通过名称获取请求器信息"""
+        """Get requester info by name"""
        for component in self.requester_components:
            if component.metadata.name == name:
                return component.to_plain_dict()
        return None

    def get_available_requester_manifest_by_name(self, name: str) -> engine.Component | None:
-        """通过名称获取请求器清单"""
+        """Get requester manifest by name"""
        for component in self.requester_components:
            if component.metadata.name == name:
                return component
--- a/src/langbot/pkg/provider/modelmgr/requester.py
+++ b/src/langbot/pkg/provider/modelmgr/requester.py
@@ -11,11 +11,11 @@ import langbot_plugin.api.entities.builtin.pipeline.query as pipeline_query
 import langbot_plugin.api.entities.builtin.provider.message as provider_message


-class RuntimeLLMModel:
-    """运行时模型"""
+class RuntimeProvider:
+    """运行时模型提供商"""

-    model_entity: persistence_model.LLMModel
-    """模型数据"""
+    provider_entity: persistence_model.ModelProvider
+    """提供商数据"""

    token_mgr: token.TokenManager
    """api key管理器"""
@@ -25,36 +25,49 @@ class RuntimeLLMModel:

    def __init__(
        self,
-        model_entity: persistence_model.LLMModel,
+        provider_entity: persistence_model.ModelProvider,
        token_mgr: token.TokenManager,
        requester: ProviderAPIRequester,
    ):
-        self.model_entity = model_entity
+        self.provider_entity = provider_entity
        self.token_mgr = token_mgr
        self.requester = requester


+class RuntimeLLMModel:
+    """运行时模型"""
+
+    model_entity: persistence_model.LLMModel
+    """模型数据"""
+
+    provider: RuntimeProvider
+    """提供商实例"""
+
+    def __init__(
+        self,
+        model_entity: persistence_model.LLMModel,
+        provider: RuntimeProvider,
+    ):
+        self.model_entity = model_entity
+        self.provider = provider
+
+
 class RuntimeEmbeddingModel:
    """运行时 Embedding 模型"""

    model_entity: persistence_model.EmbeddingModel
    """模型数据"""

-    token_mgr: token.TokenManager
-    """api key管理器"""
-
-    requester: ProviderAPIRequester
-    """请求器实例"""
+    provider: RuntimeProvider
+    """提供商实例"""

    def __init__(
        self,
        model_entity: persistence_model.EmbeddingModel,
-        token_mgr: token.TokenManager,
-        requester: ProviderAPIRequester,
+        provider: RuntimeProvider,
    ):
        self.model_entity = model_entity
-        self.token_mgr = token_mgr
-        self.requester = requester
+        self.provider = provider


 class ProviderAPIRequester(metaclass=abc.ABCMeta):
--- a/src/langbot/pkg/provider/modelmgr/requesters/anthropicmsgs.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/anthropicmsgs.py
@@ -56,7 +56,7 @@ class AnthropicMessages(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message:
-        self.client.api_key = model.token_mgr.get_token()
+        self.client.api_key = model.provider.token_mgr.get_token()

        args = extra_args.copy()
        args['model'] = model.model_entity.name
@@ -190,7 +190,7 @@ class AnthropicMessages(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message:
-        self.client.api_key = model.token_mgr.get_token()
+        self.client.api_key = model.provider.token_mgr.get_token()

        args = extra_args.copy()
        args['model'] = model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/bailianchatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/bailianchatcmpl.py
@@ -30,7 +30,7 @@ class BailianChatCompletions(modelscopechatcmpl.ModelScopeChatCompletions):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message | typing.AsyncGenerator[provider_message.MessageChunk, None]:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
@@ -117,7 +117,7 @@ class BailianChatCompletions(modelscopechatcmpl.ModelScopeChatCompletions):
        if is_use_dashscope_call:
            response = dashscope.MultiModalConversation.call(
                # 若没有配置环境变量，请用百炼API Key将下行替换为：api_key = "sk-xxx"
-                api_key=use_model.token_mgr.get_token(),
+                api_key=use_model.provider.token_mgr.get_token(),
                model=use_model.model_entity.name,
                messages=messages,
                result_format='message',
--- a/src/langbot/pkg/provider/modelmgr/requesters/chatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/chatcmpl.py
@@ -4,7 +4,7 @@ import asyncio
 import typing

 import openai
-import openai.types.chat.chat_completion as chat_completion
+import openai.types.chat.chat_completion as chat_completion_module
 import httpx

 from .. import errors, requester
@@ -35,7 +35,7 @@ class OpenAIChatCompletions(requester.ProviderAPIRequester):
        self,
        args: dict,
        extra_body: dict = {},
-    ) -> chat_completion.ChatCompletion:
+    ) -> chat_completion_module.ChatCompletion:
        return await self.client.chat.completions.create(**args, extra_body=extra_body)

    async def _req_stream(
@@ -48,9 +48,12 @@ class OpenAIChatCompletions(requester.ProviderAPIRequester):

    async def _make_msg(
        self,
-        chat_completion: chat_completion.ChatCompletion,
+        chat_completion: chat_completion_module.ChatCompletion,
        remove_think: bool = False,
    ) -> provider_message.Message:
+        if not isinstance(chat_completion, chat_completion_module.ChatCompletion):
+            raise TypeError(f'Expected ChatCompletion, got {type(chat_completion).__name__}: {chat_completion[:16]}')
+
        chatcmpl_message = chat_completion.choices[0].message.model_dump()

        # 确保 role 字段存在且不为 None
@@ -130,7 +133,7 @@ class OpenAIChatCompletions(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.MessageChunk:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
@@ -251,7 +254,7 @@ class OpenAIChatCompletions(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
@@ -337,7 +340,7 @@ class OpenAIChatCompletions(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
    ) -> list[list[float]]:
        """调用 Embedding API"""
-        self.client.api_key = model.token_mgr.get_token()
+        self.client.api_key = model.provider.token_mgr.get_token()

        args = {
            'model': model.model_entity.name,
--- a/src/langbot/pkg/provider/modelmgr/requesters/deepseekchatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/deepseekchatcmpl.py
@@ -26,7 +26,7 @@ class DeepseekChatCompletions(chatcmpl.OpenAIChatCompletions):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/geminichatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/geminichatcmpl.py
@@ -29,7 +29,7 @@ class GeminiChatCompletions(chatcmpl.OpenAIChatCompletions):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.MessageChunk:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/jiekouaichatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/jiekouaichatcmpl.py
@@ -109,7 +109,7 @@ class JieKouAIChatCompletions(chatcmpl.OpenAIChatCompletions):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message | typing.AsyncGenerator[provider_message.MessageChunk, None]:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/modelscopechatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/modelscopechatcmpl.py
@@ -131,7 +131,7 @@ class ModelScopeChatCompletions(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
@@ -181,7 +181,7 @@ class ModelScopeChatCompletions(requester.ProviderAPIRequester):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message | typing.AsyncGenerator[provider_message.MessageChunk, None]:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/moonshotchatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/moonshotchatcmpl.py
@@ -27,7 +27,7 @@ class MoonshotChatCompletions(chatcmpl.OpenAIChatCompletions):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/ppiochatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/ppiochatcmpl.py
@@ -109,7 +109,7 @@ class PPIOChatCompletions(chatcmpl.OpenAIChatCompletions):
        extra_args: dict[str, typing.Any] = {},
        remove_think: bool = False,
    ) -> provider_message.Message | typing.AsyncGenerator[provider_message.MessageChunk, None]:
-        self.client.api_key = use_model.token_mgr.get_token()
+        self.client.api_key = use_model.provider.token_mgr.get_token()

        args = {}
        args['model'] = use_model.model_entity.name
--- a/src/langbot/pkg/provider/modelmgr/requesters/space.webp
+++ b/src/langbot/pkg/provider/modelmgr/requesters/space.webp
--- a/src/langbot/pkg/provider/modelmgr/requesters/spacechatcmpl.py
+++ b/src/langbot/pkg/provider/modelmgr/requesters/spacechatcmpl.py
@@ -0,0 +1,17 @@
+from __future__ import annotations
+
+import typing
+import openai
+
+from . import chatcmpl
+
+
+class LangBotSpaceChatCompletions(chatcmpl.OpenAIChatCompletions):
+    """LangBot Space ChatCompletion API 请求器"""
+
+    client: openai.AsyncClient
+
+    default_config: dict[str, typing.Any] = {
+        'base_url': 'https://api.langbot.cloud/v1',
+        'timeout': 120,
+    }
--- a/src/langbot/pkg/provider/modelmgr/requesters/spacechatcmpl.yaml
+++ b/src/langbot/pkg/provider/modelmgr/requesters/spacechatcmpl.yaml
@@ -0,0 +1,32 @@
+apiVersion: v1
+kind: LLMAPIRequester
+metadata:
+  name: space-chat-completions
+  label:
+    en_US: Space
+    zh_Hans: Space
+  icon: space.webp
+spec:
+  config:
+  - name: base_url
+    label:
+      en_US: Base URL
+      zh_Hans: 基础 URL
+    type: string
+    required: true
+    default: https://api.langbot.cloud/v1
+  - name: timeout
+    label:
+      en_US: Timeout
+      zh_Hans: 超时时间
+    type: integer
+    required: true
+    default: 120
+  support_type:
+  - llm
+  - text-embedding
+  provider_category: maas
+execution:
+  python:
+    path: ./spacechatcmpl.py
+    attr: LangBotSpaceChatCompletions
--- a/src/langbot/pkg/provider/modelmgr/token.py
+++ b/src/langbot/pkg/provider/modelmgr/token.py
@@ -18,6 +18,8 @@ class TokenManager:
        self.using_token_index = 0

    def get_token(self) -> str:
+        if len(self.tokens) == 0:
+            return ''
        return self.tokens[self.using_token_index]

    def next_token(self):
--- a/src/langbot/pkg/provider/runners/localagent.py
+++ b/src/langbot/pkg/provider/runners/localagent.py
@@ -130,7 +130,7 @@ class LocalAgentRunner(runner.RequestRunner):
        if not is_stream:
            # 非流式输出，直接请求

-            msg = await use_llm_model.requester.invoke_llm(
+            msg = await use_llm_model.provider.requester.invoke_llm(
                query,
                use_llm_model,
                req_messages,
@@ -147,7 +147,7 @@ class LocalAgentRunner(runner.RequestRunner):
            accumulated_content = ''  # 从开始累积的所有内容
            last_role = 'assistant'
            msg_sequence = 1
-            async for msg in use_llm_model.requester.invoke_llm_stream(
+            async for msg in use_llm_model.provider.requester.invoke_llm_stream(
                query,
                use_llm_model,
                req_messages,
@@ -250,7 +250,7 @@ class LocalAgentRunner(runner.RequestRunner):
                last_role = 'assistant'
                msg_sequence = first_end_sequence

-                async for msg in use_llm_model.requester.invoke_llm_stream(
+                async for msg in use_llm_model.provider.requester.invoke_llm_stream(
                    query,
                    use_llm_model,
                    req_messages,
@@ -306,7 +306,7 @@ class LocalAgentRunner(runner.RequestRunner):
                )
            else:
                # 处理完所有调用，再次请求
-                msg = await use_llm_model.requester.invoke_llm(
+                msg = await use_llm_model.provider.requester.invoke_llm(
                    query,
                    use_llm_model,
                    req_messages,
--- a/src/langbot/pkg/provider/tools/loaders/mcp.py
+++ b/src/langbot/pkg/provider/tools/loaders/mcp.py
@@ -7,7 +7,7 @@ import traceback
 from langbot_plugin.api.entities.events import pipeline_query
 import sqlalchemy
 import asyncio
-
+import uuid as uuid_module
 from mcp import ClientSession, StdioServerParameters
 from mcp.client.stdio import stdio_client
 from mcp.client.sse import sse_client
@@ -287,6 +287,14 @@ class MCPLoader(loader.ToolLoader):
                - enable: 是否启用
                - extra_args: 额外的配置参数 (可选)
        """
+        uuid_ = server_config.get('uuid')
+        if not uuid_:
+            self.ap.logger.warning(
+                'Server UUID is None for MCP server, maybe testing in the config page.'
+            )
+            uuid_ = str(uuid_module.uuid4())
+            server_config['uuid'] = uuid_
+

        name = server_config['name']
        uuid = server_config['uuid']
--- a/src/langbot/pkg/rag/knowledge/services/embedder.py
+++ b/src/langbot/pkg/rag/knowledge/services/embedder.py
@@ -32,12 +32,18 @@ class Embedder(BaseService):

        await self.ap.persistence_mgr.execute_async(sqlalchemy.insert(persistence_rag.Chunk).values(chunk_dicts))

-        # get embeddings
-        embeddings_list: list[list[float]] = await embedding_model.requester.invoke_embedding(
-            model=embedding_model,
-            input_text=chunks,
-            extra_args={},  # TODO: add extra args
-        )
+        # get embeddings (batch size limit: 64 for OpenAI)
+        MAX_BATCH_SIZE = 64
+        embeddings_list: list[list[float]] = []
+        
+        for i in range(0, len(chunks), MAX_BATCH_SIZE):
+            batch = chunks[i:i + MAX_BATCH_SIZE]
+            batch_embeddings = await embedding_model.provider.requester.invoke_embedding(
+                model=embedding_model,
+                input_text=batch,
+                extra_args={},  # TODO: add extra args
+            )
+            embeddings_list.extend(batch_embeddings)

        # save embeddings to vdb
        await self.ap.vector_db_mgr.vector_db.add_embeddings(kb_id, chunk_ids, embeddings_list, chunk_dicts)
--- a/src/langbot/pkg/rag/knowledge/services/retriever.py
+++ b/src/langbot/pkg/rag/knowledge/services/retriever.py
@@ -19,7 +19,7 @@ class Retriever(base_service.BaseService):
            f"Retrieving for query: '{query[:10]}' with k={k} using {embedding_model.model_entity.uuid}"
        )

-        query_embedding: list[float] = await embedding_model.requester.invoke_embedding(
+        query_embedding: list[float] = await embedding_model.provider.requester.invoke_embedding(
            model=embedding_model,
            input_text=[query],
            extra_args={},  # TODO: add extra args
--- a/src/langbot/pkg/telemetry/init.py
+++ b/src/langbot/pkg/telemetry/init.py
--- a/src/langbot/pkg/telemetry/telemetry.py
+++ b/src/langbot/pkg/telemetry/telemetry.py
@@ -0,0 +1,121 @@
+from __future__ import annotations
+
+import asyncio
+import httpx
+from ..core import app as core_app
+
+
+class TelemetryManager:
+    """TelemetryManager handles sending telemetry for a given application instance.
+
+    Usage:
+        telemetry = TelemetryManager(ap)
+        await telemetry.send({ ... })
+    """
+
+    send_tasks: list[asyncio.Task] = []
+
+    def __init__(self, ap: core_app.Application):
+        self.ap = ap
+
+        self.telemetry_config = {}
+
+    async def initialize(self):
+        self.telemetry_config = self.ap.instance_config.data.get('space', {})
+
+    async def start_send_task(self, payload: dict):
+        task = asyncio.create_task(self.send(payload))
+        self.send_tasks.append(task)
+
+    async def send(self, payload: dict):
+        """Send telemetry payload to configured telemetry server (non-blocking).
+
+        Expects ap.instance_config.data.telemetry to have:
+          - enabled: bool
+          - server: str (base URL, e.g. https://space.example.com)
+          - timeout_seconds: optional int, overall request timeout (default 10)
+
+        Posts to {server.rstrip('/')}/api/v1/telemetry as JSON. Failures are logged but do not raise.
+        """
+
+        try:
+            cfg = self.telemetry_config
+            if not cfg:
+                return
+            if cfg.get('disable_telemetry', False):
+                return
+            server = cfg.get('url', '')
+            if not server:
+                return
+
+            # Normalize URL
+            url = server.rstrip('/') + '/api/v1/telemetry'
+
+            try:
+                # Sanitize payload so string fields are strings and not nulls
+                sanitized = dict(payload)
+                if 'query_id' in sanitized:
+                    try:
+                        sanitized['query_id'] = '' if sanitized['query_id'] is None else str(sanitized['query_id'])
+                    except Exception:
+                        sanitized['query_id'] = str(sanitized.get('query_id', ''))
+
+                for sfield in ('adapter', 'runner', 'model_name', 'version', 'error', 'timestamp'):
+                    v = sanitized.get(sfield)
+                    sanitized[sfield] = '' if v is None else str(v)
+
+                if 'duration_ms' in sanitized:
+                    try:
+                        sanitized['duration_ms'] = (
+                            int(sanitized['duration_ms']) if sanitized['duration_ms'] is not None else 0
+                        )
+                    except Exception:
+                        sanitized['duration_ms'] = 0
+
+                async with httpx.AsyncClient(timeout=httpx.Timeout(10)) as client:
+                    try:
+                        # Use asyncio.wait_for to ensure we always bound the total time
+                        resp = await asyncio.wait_for(client.post(url, json=sanitized), timeout=10 + 1)
+
+                        if resp.status_code >= 400:
+                            self.ap.logger.warning(
+                                f'Telemetry post to {url} returned status {resp.status_code} - {resp.text}'
+                            )
+                        else:
+                            # Detect application-level errors inside HTTP 200 responses
+                            app_err = False
+                            try:
+                                j = resp.json()
+                                if isinstance(j, dict) and j.get('code') is not None and int(j.get('code')) >= 400:
+                                    app_err = True
+                                    self.ap.logger.warning(
+                                        f'Telemetry post to {url} returned application error code {j.get("code")} - {j.get("msg")}'
+                                    )
+                            except Exception:
+                                pass
+
+                            if app_err:
+                                self.ap.logger.warning(
+                                    f'Telemetry post to {url} returned app-level error - response: {resp.text[:200]}'
+                                )
+                            else:
+                                self.ap.logger.debug(
+                                    f'Telemetry posted to {url}, status {resp.status_code} - response: {resp.text[:200]}'
+                                )
+                    except asyncio.TimeoutError:
+                        self.ap.logger.warning(f'Telemetry post to {url} timed out')
+                    except Exception as e:
+                        self.ap.logger.warning(f'Failed to post telemetry to {url}: {e}', exc_info=True)
+            except Exception as e:
+                try:
+                    self.ap.logger.warning(
+                        f'Failed to create HTTP client for telemetry or sanitize payload: {e}', exc_info=True
+                    )
+                except Exception:
+                    pass
+        except Exception as e:
+            # Never raise from telemetry; surface as warning for visibility
+            try:
+                self.ap.logger.warning(f'Unexpected telemetry error: {e}', exc_info=True)
+            except Exception:
+                pass
--- a/src/langbot/pkg/utils/constants.py
+++ b/src/langbot/pkg/utils/constants.py
@@ -2,9 +2,11 @@ import langbot

 semantic_version = f'v{langbot.__version__}'

-required_database_version = 13
+required_database_version = 17
 """Tag the version of the database schema, used to check if the database needs to be migrated"""

 debug_mode = False

 edition = 'community'
+
+instance_id = ''
--- a/src/langbot/pkg/vector/mgr.py
+++ b/src/langbot/pkg/vector/mgr.py
@@ -37,7 +37,8 @@ class VectorDBManager:
                milvus_config = kb_config.get('milvus', {})
                uri = milvus_config.get('uri', './data/milvus.db')
                token = milvus_config.get('token')
-                self.vector_db = MilvusVectorDatabase(self.ap, uri=uri, token=token)
+                db_name = milvus_config.get('db_name', 'default')
+                self.vector_db = MilvusVectorDatabase(self.ap, uri=uri, token=token, db_name=db_name)
                self.ap.logger.info('Initialized Milvus vector database backend.')

            elif vdb_type == 'pgvector':
--- a/src/langbot/pkg/vector/vdbs/milvus.py
+++ b/src/langbot/pkg/vector/vdbs/milvus.py
@@ -1,7 +1,8 @@
 from __future__ import annotations
 import asyncio
 from typing import Any, Dict
-from pymilvus import MilvusClient, DataType
+from pymilvus import MilvusClient, DataType, CollectionSchema, FieldSchema
+from pymilvus.milvus_client.index import IndexParams
 from langbot.pkg.vector.vdb import VectorDatabase
 from langbot.pkg.core import app

@@ -9,7 +10,7 @@ from langbot.pkg.core import app
 class MilvusVectorDatabase(VectorDatabase):
    """Milvus vector database implementation"""

-    def __init__(self, ap: app.Application, uri: str = "milvus.db", token: str = None):
+    def __init__(self, ap: app.Application, uri: str = "milvus.db", token: str = None, db_name: str = None):
        """Initialize Milvus vector database

        Args:
@@ -21,30 +22,76 @@ class MilvusVectorDatabase(VectorDatabase):
        self.ap = ap
        self.uri = uri
        self.token = token
+        self.db_name = db_name
        self.client = None
-        self._collections = {}
+        self._collections: set[str] = set()
        self._initialize_client()

    def _initialize_client(self):
        """Initialize Milvus client connection"""
        try:
            if self.token:
-                self.client = MilvusClient(uri=self.uri, token=self.token)
+                self.client = MilvusClient(uri=self.uri, token=self.token, db_name=self.db_name)
            else:
-                self.client = MilvusClient(uri=self.uri)
+                self.client = MilvusClient(uri=self.uri, db_name=self.db_name)
            self.ap.logger.info(f"Connected to Milvus at {self.uri}")
        except Exception as e:
            self.ap.logger.error(f"Failed to connect to Milvus: {e}")
            raise

-    async def get_or_create_collection(self, collection: str):
-        """Get or create a Milvus collection
+    @staticmethod
+    def _normalize_collection_name(collection: str) -> str:
+        """Normalize collection name to comply with Milvus naming requirements.
+        
+        Milvus requirements:
+        - First character must be an underscore or letter
+        - Can only contain numbers, letters and underscores
+        
+        Args:
+            collection: Original collection name (e.g., UUID with hyphens)
+            
+        Returns:
+            Normalized collection name that complies with Milvus requirements
+        """
+        # Replace hyphens with underscores
+        normalized = collection.replace('-', '_')
+        
+        # If first character is not a letter or underscore, prepend 'kb_'
+        if normalized and not (normalized[0].isalpha() or normalized[0] == '_'):
+            normalized = 'kb_' + normalized
+            
+        return normalized
+
+    async def _ensure_vector_index(self, collection: str) -> None:
+        """Ensure the vector field has an index.
+
+        Args:
+            collection: Normalized collection name
+        """
+        index_params = IndexParams()
+        index_params.add_index(
+            field_name="vector",
+            index_type="AUTOINDEX",
+            metric_type="COSINE",
+        )
+        await asyncio.to_thread(
+            self.client.create_index,
+            collection_name=collection,
+            index_params=index_params
+        )
+
+    async def _get_or_create_collection_internal(self, collection: str, vector_size: int = None):
+        """Internal method to get or create a Milvus collection with proper configuration.

        Args:
            collection: Collection name (corresponds to knowledge base UUID)
+            vector_size: Dimension of the vectors (if None, defaults to 1536)
        """
+        # Normalize collection name for Milvus compatibility
+        collection = self._normalize_collection_name(collection)
+        
        if collection in self._collections:
-            return self._collections[collection]
+            return collection

        # Check if collection exists
        has_collection = await asyncio.to_thread(
@@ -52,12 +99,13 @@ class MilvusVectorDatabase(VectorDatabase):
        )

        if not has_collection:
-            # Create collection with custom schema to support string IDs
-            from pymilvus import CollectionSchema, FieldSchema, DataType
+            # Default dimension if not specified (for backward compatibility)
+            if vector_size is None:
+                vector_size = 1536

            fields = [
                FieldSchema(name="id", dtype=DataType.VARCHAR, is_primary=True, max_length=255),
-                FieldSchema(name="vector", dtype=DataType.FLOAT_VECTOR, dim=1536),
+                FieldSchema(name="vector", dtype=DataType.FLOAT_VECTOR, dim=vector_size),
                FieldSchema(name="text", dtype=DataType.VARCHAR, max_length=65535),
                FieldSchema(name="file_id", dtype=DataType.VARCHAR, max_length=255),
                FieldSchema(name="chunk_uuid", dtype=DataType.VARCHAR, max_length=255),
@@ -72,26 +120,42 @@ class MilvusVectorDatabase(VectorDatabase):
                metric_type="COSINE",
            )

-            # Create index for vector field (required for loading/searching)
-            index_params = {
-                "metric_type": "COSINE",
-                "index_type": "AUTOINDEX",
-                "params": {}
-            }
-            await asyncio.to_thread(
-                self.client.create_index,
-                collection_name=collection,
-                field_name="vector",
-                index_params=index_params
-            )
-
-            self.ap.logger.info(f"Created Milvus collection '{collection}' with index")
+            await self._ensure_vector_index(collection)
+            self.ap.logger.info(f"Created Milvus collection '{collection}' with dimension={vector_size}, index=AUTOINDEX")
        else:
+            # Ensure index exists for existing collection
+            await self._ensure_index_if_missing(collection)
            self.ap.logger.info(f"Milvus collection '{collection}' already exists")

-        self._collections[collection] = collection
+        self._collections.add(collection)
        return collection

+    async def _ensure_index_if_missing(self, collection: str) -> None:
+        """Check if index exists for collection and create if missing.
+
+        Args:
+            collection: Normalized collection name
+        """
+        try:
+            indexes = await asyncio.to_thread(
+                self.client.list_indexes,
+                collection_name=collection
+            )
+            if "vector" not in indexes:
+                await self._ensure_vector_index(collection)
+                self.ap.logger.info(f"Created index for existing Milvus collection '{collection}'")
+        except Exception as e:
+            self.ap.logger.warning(f"Could not verify/create index for collection '{collection}': {e}")
+
+    async def get_or_create_collection(self, collection: str):
+        """Get or create a Milvus collection (without vector size - will use default).
+
+        Args:
+            collection: Collection name (corresponds to knowledge base UUID)
+        """
+        collection = self._normalize_collection_name(collection)
+        return await self._get_or_create_collection_internal(collection)
+
    async def add_embeddings(
        self,
        collection: str,
@@ -107,7 +171,14 @@ class MilvusVectorDatabase(VectorDatabase):
            embeddings_list: List of embedding vectors
            metadatas: List of metadata dictionaries for each vector
        """
-        await self.get_or_create_collection(collection)
+        collection = self._normalize_collection_name(collection)
+        
+        if not embeddings_list:
+            return
+
+        # Ensure collection exists with correct dimension
+        vector_size = len(embeddings_list[0])
+        await self._get_or_create_collection_internal(collection, vector_size)

        # Prepare data in Milvus format
        data = []
@@ -156,6 +227,7 @@ class MilvusVectorDatabase(VectorDatabase):
        Returns:
            Dictionary with search results in Chroma-compatible format
        """
+        collection = self._normalize_collection_name(collection)
        await self.get_or_create_collection(collection)

        # Perform search
@@ -214,6 +286,7 @@ class MilvusVectorDatabase(VectorDatabase):
            collection: Collection name
            file_id: File ID to filter deletion
        """
+        collection = self._normalize_collection_name(collection)
        await self.get_or_create_collection(collection)

        # Delete entities matching the file_id
@@ -232,8 +305,9 @@ class MilvusVectorDatabase(VectorDatabase):
        Args:
            collection: Collection name to delete
        """
-        if collection in self._collections:
-            del self._collections[collection]
+        collection = self._normalize_collection_name(collection)
+        
+        self._collections.discard(collection)

        # Check if collection exists before attempting deletion
        has_collection = await asyncio.to_thread(
--- a/src/langbot/templates/config.yaml
+++ b/src/langbot/templates/config.yaml
@@ -16,7 +16,7 @@ proxy:
    https: ''
 system:
    recovery_key: ''
-    allow_change_password: true
+    allow_modify_login_info: true
    jwt:
        expire: 604800
        secret: ''
@@ -51,6 +51,7 @@ vdb:
    milvus:
        uri: 'http://127.0.0.1:19530'
        token: ''
+        db_name: ''
    pgvector:
        host: '127.0.0.1'
        port: 5433
@@ -69,5 +70,13 @@ plugin:
    enable: true
    runtime_ws_url: 'ws://langbot_plugin_runtime:5400/control/ws'
    enable_marketplace: true
-    cloud_service_url: 'https://space.langbot.app'
    display_plugin_debug_url: 'ws://localhost:5401/plugin/debug/ws'
+space:
+    # Space service URL for OAuth and API
+    url: 'https://space.langbot.app'
+    # Space API URL for model requests (MaaS)
+    models_gateway_api_url: 'https://api.langbot.cloud/v1'
+    # OAuth authorization page URL (user will be redirected here)
+    oauth_authorize_url: 'https://space.langbot.app/auth/authorize'
+    disable_models_service: false
+    disable_telemetry: false
--- a/web/package.json
+++ b/web/package.json
@@ -25,6 +25,7 @@
    "@hookform/resolvers": "^5.0.1",
    "@radix-ui/react-alert-dialog": "^1.1.15",
    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-collapsible": "^1.1.12",
    "@radix-ui/react-context-menu": "^2.2.15",
    "@radix-ui/react-dialog": "^1.1.14",
    "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -33,7 +34,7 @@
    "@radix-ui/react-popover": "^1.1.14",
    "@radix-ui/react-scroll-area": "^1.2.9",
    "@radix-ui/react-select": "^2.2.4",
-    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-separator": "^1.1.8",
    "@radix-ui/react-slot": "^1.2.3",
    "@radix-ui/react-switch": "^1.2.4",
    "@radix-ui/react-tabs": "^1.1.11",
@@ -54,6 +55,7 @@
    "next": "~15.5.9",
    "next-themes": "^0.4.6",
    "postcss": "^8.5.3",
+    "qrcode": "^1.5.4",
    "react": "19.2.1",
    "react-dom": "19.2.1",
    "react-hook-form": "^7.56.3",
@@ -82,6 +84,7 @@
    "@types/mdast": "^4.0.4",
    "@types/ms": "^2.1.0",
    "@types/node": "^20",
+    "@types/qrcode": "^1.5.6",
    "@types/react": "~19.2.7",
    "@types/react-dom": "~19.2.3",
    "@types/react-syntax-highlighter": "^15.5.13",
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
--- a/web/src/app/auth/space/callback/page.tsx
+++ b/web/src/app/auth/space/callback/page.tsx
@@ -0,0 +1,248 @@
+'use client';
+
+import { useEffect, useState, useCallback, Suspense } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { httpClient } from '@/app/infra/http/HttpClient';
+import { toast } from 'sonner';
+import { useTranslation } from 'react-i18next';
+import {
+  Loader2,
+  AlertCircle,
+  CheckCircle2,
+  AlertTriangle,
+} from 'lucide-react';
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import langbotIcon from '@/app/assets/langbot-logo.webp';
+
+function SpaceOAuthCallbackContent() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { t } = useTranslation();
+
+  const [status, setStatus] = useState<
+    'loading' | 'confirm' | 'success' | 'error'
+  >('loading');
+  const [errorMessage, setErrorMessage] = useState<string>('');
+  const [isBindMode, setIsBindMode] = useState(false);
+  const [code, setCode] = useState<string | null>(null);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [localEmail, setLocalEmail] = useState<string>('');
+
+  const handleOAuthCallback = useCallback(
+    async (authCode: string) => {
+      try {
+        const response = await httpClient.exchangeSpaceOAuthCode(authCode);
+        localStorage.setItem('token', response.token);
+        if (response.user) {
+          localStorage.setItem('userEmail', response.user);
+        }
+        setStatus('success');
+        toast.success(t('common.spaceLoginSuccess'));
+        setTimeout(() => {
+          router.push('/home');
+        }, 1000);
+      } catch (err) {
+        setStatus('error');
+        const errorObj = err as { msg?: string };
+        const errMsg = (errorObj?.msg || '').toLowerCase();
+        if (errMsg.includes('account email mismatch')) {
+          setErrorMessage(t('account.spaceEmailMismatch'));
+        } else {
+          setErrorMessage(t('common.spaceLoginFailed'));
+        }
+      }
+    },
+    [router, t],
+  );
+
+  const [bindState, setBindState] = useState<string | null>(null);
+
+  const handleBindAccount = useCallback(
+    async (authCode: string, state: string) => {
+      setIsProcessing(true);
+      try {
+        const response = await httpClient.bindSpaceAccount(authCode, state);
+        localStorage.setItem('token', response.token);
+        if (response.user) {
+          localStorage.setItem('userEmail', response.user);
+        }
+        setStatus('success');
+        toast.success(t('account.bindSpaceSuccess'));
+        setTimeout(() => {
+          router.push('/home');
+        }, 1000);
+      } catch (err) {
+        setStatus('error');
+        const errorObj = err as { msg?: string };
+        const errMsg = (errorObj?.msg || '').toLowerCase();
+        if (errMsg.includes('account email mismatch')) {
+          setErrorMessage(t('account.spaceEmailMismatch'));
+        } else {
+          setErrorMessage(t('account.bindSpaceFailed'));
+        }
+      } finally {
+        setIsProcessing(false);
+      }
+    },
+    [router, t],
+  );
+
+  useEffect(() => {
+    const authCode = searchParams.get('code');
+    const error = searchParams.get('error');
+    const errorDescription = searchParams.get('error_description');
+    const mode = searchParams.get('mode');
+    const state = searchParams.get('state');
+
+    if (error) {
+      setStatus('error');
+      setErrorMessage(
+        errorDescription || error || t('common.spaceLoginFailed'),
+      );
+      return;
+    }
+
+    if (!authCode) {
+      setStatus('error');
+      setErrorMessage(t('common.spaceLoginNoCode'));
+      return;
+    }
+
+    setCode(authCode);
+
+    if (mode === 'bind') {
+      // Bind mode - verify state (token) exists
+      if (!state) {
+        setStatus('error');
+        setErrorMessage(t('account.bindSpaceInvalidState'));
+        return;
+      }
+      setBindState(state);
+      setIsBindMode(true);
+      setLocalEmail(localStorage.getItem('userEmail') || '');
+      setStatus('confirm');
+    } else {
+      // Normal login/register mode
+      handleOAuthCallback(authCode);
+    }
+  }, [searchParams, handleOAuthCallback, t]);
+
+  const handleConfirmBind = () => {
+    if (code && bindState) {
+      handleBindAccount(code, bindState);
+    }
+  };
+
+  const handleCancelBind = () => {
+    router.push('/home');
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-neutral-900">
+      <Card className="w-[400px] shadow-lg dark:shadow-white/10">
+        <CardHeader className="text-center">
+          <img
+            src={langbotIcon.src}
+            alt="LangBot"
+            className="w-16 h-16 mb-4 mx-auto"
+          />
+          <CardTitle className="text-xl">
+            {status === 'loading' && t('common.spaceLoginProcessing')}
+            {status === 'confirm' && t('account.bindSpaceConfirmTitle')}
+            {status === 'success' &&
+              (isBindMode
+                ? t('account.bindSpaceSuccess')
+                : t('common.spaceLoginSuccess'))}
+            {status === 'error' &&
+              (isBindMode
+                ? t('account.bindSpaceFailed')
+                : t('common.spaceLoginError'))}
+          </CardTitle>
+          <CardDescription>
+            {status === 'loading' &&
+              t('common.spaceLoginProcessingDescription')}
+            {status === 'confirm' && t('account.bindSpaceConfirmDescription')}
+            {status === 'success' && t('common.spaceLoginSuccessDescription')}
+            {status === 'error' && errorMessage}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="flex flex-col items-center space-y-4">
+          {status === 'loading' && (
+            <Loader2 className="h-12 w-12 animate-spin text-primary" />
+          )}
+          {status === 'confirm' && (
+            <>
+              <AlertTriangle className="h-12 w-12 text-yellow-500" />
+              <p className="text-sm text-center text-muted-foreground px-4">
+                {t('account.bindSpaceWarning', {
+                  localEmail: localEmail || '-',
+                })}
+              </p>
+              <div className="flex gap-3 w-full">
+                <Button
+                  variant="outline"
+                  className="flex-1"
+                  onClick={handleCancelBind}
+                  disabled={isProcessing}
+                >
+                  {t('common.cancel')}
+                </Button>
+                <Button
+                  className="flex-1"
+                  onClick={handleConfirmBind}
+                  disabled={isProcessing}
+                >
+                  {isProcessing ? (
+                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  ) : null}
+                  {t('common.confirm')}
+                </Button>
+              </div>
+            </>
+          )}
+          {status === 'success' && (
+            <CheckCircle2 className="h-12 w-12 text-green-500" />
+          )}
+          {status === 'error' && (
+            <>
+              <AlertCircle className="h-12 w-12 text-red-500" />
+              <Button
+                onClick={() => router.push(isBindMode ? '/home' : '/login')}
+                className="w-full mt-4"
+              >
+                {isBindMode ? t('common.backToHome') : t('common.backToLogin')}
+              </Button>
+            </>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
+
+function LoadingFallback() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-neutral-900">
+      <Card className="w-[400px] shadow-lg dark:shadow-white/10">
+        <CardContent className="flex flex-col items-center py-12">
+          <Loader2 className="h-12 w-12 animate-spin text-primary" />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
+
+export default function SpaceOAuthCallback() {
+  return (
+    <Suspense fallback={<LoadingFallback />}>
+      <SpaceOAuthCallbackContent />
+    </Suspense>
+  );
+}
--- a/web/src/app/home/bots/components/bot-form/BotForm.tsx
+++ b/web/src/app/home/bots/components/bot-form/BotForm.tsx
@@ -19,6 +19,7 @@ import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
+import { Copy, Check } from 'lucide-react';

 import {
  Dialog,
@@ -48,6 +49,7 @@ import {
 } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
 import { extractI18nObject } from '@/i18n/I18nProvider';
+import { CustomApiError } from '@/app/infra/entities/common';

 const getFormSchema = (t: (key: string) => string) =>
  z.object({
@@ -116,6 +118,7 @@ export default function BotForm({
  const [, setIsLoading] = useState<boolean>(false);
  const [webhookUrl, setWebhookUrl] = useState<string>('');
  const webhookInputRef = React.useRef<HTMLInputElement>(null);
+  const [copied, setCopied] = useState<boolean>(false);

  // Watch adapter and adapter_config for filtering
  const currentAdapter = form.watch('adapter');
@@ -153,7 +156,6 @@ export default function BotForm({
    const inputElement = webhookInputRef.current;
    if (!inputElement) {
      console.error('[Copy] Input element not found');
-      toast.error(t('common.copyFailed'));
      return;
    }

@@ -178,7 +180,8 @@ export default function BotForm({
            console.log('[Copy] Clipboard API success');
            inputElement.blur(); // 取消选中
            inputElement.readOnly = true;
-            toast.success(t('bots.webhookUrlCopied'));
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
          })
          .catch((err) => {
            console.error(
@@ -191,9 +194,8 @@ export default function BotForm({
            inputElement.blur();
            inputElement.readOnly = true;
            if (successful) {
-              toast.success(t('bots.webhookUrlCopied'));
-            } else {
-              toast.error(t('common.copyFailed'));
+              setCopied(true);
+              setTimeout(() => setCopied(false), 2000);
            }
          });
      } else {
@@ -207,15 +209,13 @@ export default function BotForm({
        inputElement.blur();
        inputElement.readOnly = true;
        if (successful) {
-          toast.success(t('bots.webhookUrlCopied'));
-        } else {
-          toast.error(t('common.copyFailed'));
+          setCopied(true);
+          setTimeout(() => setCopied(false), 2000);
        }
      }
    } catch (err) {
      console.error('[Copy] Copy failed:', err);
      inputElement.readOnly = true;
-      toast.error(t('common.copyFailed'));
    }
  };

@@ -242,7 +242,9 @@ export default function BotForm({
            }
          })
          .catch((err) => {
-            toast.error(t('bots.getBotConfigError') + err.message);
+            toast.error(
+              t('bots.getBotConfigError') + (err as CustomApiError).msg,
+            );
          });
      } else {
        form.reset();
@@ -385,7 +387,7 @@ export default function BotForm({
          toast.success(t('bots.saveSuccess'));
        })
        .catch((err) => {
-          toast.error(t('bots.saveError') + err.message);
+          toast.error(t('bots.saveError') + err.msg);
        })
        .finally(() => {
          setIsLoading(false);
@@ -411,7 +413,7 @@ export default function BotForm({
          onNewBotCreated(res.uuid);
        })
        .catch((err) => {
-          toast.error(t('bots.createError') + err.message);
+          toast.error(t('bots.createError') + err.msg);
        })
        .finally(() => {
          setIsLoading(false);
@@ -430,7 +432,7 @@ export default function BotForm({
          toast.success(t('bots.deleteSuccess'));
        })
        .catch((err) => {
-          toast.error(t('bots.deleteError') + err.message);
+          toast.error(t('bots.deleteError') + err.msg);
        });
    }
  }
@@ -548,6 +550,11 @@ export default function BotForm({
                          size="sm"
                          onClick={copyToClipboard}
                        >
+                          {copied ? (
+                            <Check className="h-4 w-4 text-green-600 mr-2" />
+                          ) : (
+                            <Copy className="h-4 w-4 mr-2" />
+                          )}
                          {t('common.copy')}
                        </Button>
                      </div>
--- a/web/src/app/home/bots/components/bot-log/view/BotLogCard.tsx
+++ b/web/src/app/home/bots/components/bot-log/view/BotLogCard.tsx
@@ -1,15 +1,17 @@
 'use client';

+import { useState } from 'react';
 import { BotLog } from '@/app/infra/http/requestParam/bots/GetBotLogsResponse';
 import styles from './botLog.module.css';
 import { httpClient } from '@/app/infra/http/HttpClient';
 import { PhotoProvider } from 'react-photo-view';
 import { useTranslation } from 'react-i18next';
-import { toast } from 'sonner';
+import { Check } from 'lucide-react';

 export function BotLogCard({ botLog }: { botLog: BotLog }) {
  const { t } = useTranslation();
  const baseURL = httpClient.getBaseUrl();
+  const [copied, setCopied] = useState(false);

  function formatTime(timestamp: number) {
    const now = new Date();
@@ -75,42 +77,47 @@ export function BotLogCard({ botLog }: { botLog: BotLog }) {
          </div>
          {botLog.message_session_id && (
            <div
-              className={`${styles.tag} ${styles.chatTag}`}
+              className={`${styles.tag} ${styles.chatTag} relative`}
              onClick={() => {
                navigator.clipboard
                  .writeText(botLog.message_session_id)
                  .then(() => {
-                    toast.success(t('common.copySuccess'));
+                    setCopied(true);
+                    setTimeout(() => setCopied(false), 2000);
                  });
              }}
              title={t('common.clickToCopy')}
            >
-              <svg
-                className="icon"
-                viewBox="0 0 1024 1024"
-                version="1.1"
-                xmlns="http://www.w3.org/2000/svg"
-                p-id="1664"
-                width="16"
-                height="16"
-                fill="currentColor"
-              >
-                <path
-                  d="M96.1 575.7a32.2 32.1 0 1 0 64.4 0 32.2 32.1 0 1 0-64.4 0Z"
-                  p-id="1665"
+              {copied ? (
+                <Check className="w-4 h-4 text-green-600" />
+              ) : (
+                <svg
+                  className="icon"
+                  viewBox="0 0 1024 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="1664"
+                  width="16"
+                  height="16"
                  fill="currentColor"
-                ></path>
-                <path
-                  d="M742.1 450.7l-269.5-2.1c-14.3-0.1-26 13.8-26 31s11.7 31.3 26 31.4l269.5 2.1c14.3 0.1 26-13.8 26-31s-11.7-31.3-26-31.4zM742.1 577.7l-269.5-2.1c-14.3-0.1-26 13.8-26 31s11.7 31.3 26 31.4l269.5 2.1c14.3 0.2 26-13.8 26-31s-11.7-31.3-26-31.4z"
-                  p-id="1666"
-                  fill="currentColor"
-                ></path>
-                <path
-                  d="M736.1 63.9H417c-70.4 0-128 57.6-128 128h-64.9c-70.4 0-128 57.6-128 128v128c-0.1 17.7 14.4 32 32.2 32 17.8 0 32.2-14.4 32.2-32.1V320c0-35.2 28.8-64 64-64H289v447.8c0 70.4 57.6 128 128 128h255.1c-0.1 35.2-28.8 63.8-64 63.8H224.5c-35.2 0-64-28.8-64-64V703.5c0-17.7-14.4-32.1-32.2-32.1-17.8 0-32.3 14.4-32.3 32.1v128.3c0 70.4 57.6 128 128 128h384.1c70.4 0 128-57.6 128-128h65c70.4 0 128-57.6 128-128V255.9l-193-192z m0.1 63.4l127.7 128.3H800c-35.2 0-64-28.8-64-64v-64.3h0.2z m64 641H416.1c-35.2 0-64-28.8-64-64v-513c0-35.2 28.8-64 64-64H671V191c0 70.4 57.6 128 128 128h65.2v385.3c0 35.2-28.8 64-64 64z"
-                  p-id="1667"
-                  fill="currentColor"
-                ></path>
-              </svg>
+                >
+                  <path
+                    d="M96.1 575.7a32.2 32.1 0 1 0 64.4 0 32.2 32.1 0 1 0-64.4 0Z"
+                    p-id="1665"
+                    fill="currentColor"
+                  ></path>
+                  <path
+                    d="M742.1 450.7l-269.5-2.1c-14.3-0.1-26 13.8-26 31s11.7 31.3 26 31.4l269.5 2.1c14.3 0.1 26-13.8 26-31s-11.7-31.3-26-31.4zM742.1 577.7l-269.5-2.1c-14.3-0.1-26 13.8-26 31s11.7 31.3 26 31.4l269.5 2.1c14.3 0.2 26-13.8 26-31s-11.7-31.3-26-31.4z"
+                    p-id="1666"
+                    fill="currentColor"
+                  ></path>
+                  <path
+                    d="M736.1 63.9H417c-70.4 0-128 57.6-128 128h-64.9c-70.4 0-128 57.6-128 128v128c-0.1 17.7 14.4 32 32.2 32 17.8 0 32.2-14.4 32.2-32.1V320c0-35.2 28.8-64 64-64H289v447.8c0 70.4 57.6 128 128 128h255.1c-0.1 35.2-28.8 63.8-64 63.8H224.5c-35.2 0-64-28.8-64-64V703.5c0-17.7-14.4-32.1-32.2-32.1-17.8 0-32.3 14.4-32.3 32.1v128.3c0 70.4 57.6 128 128 128h384.1c70.4 0 128-57.6 128-128h65c70.4 0 128-57.6 128-128V255.9l-193-192z m0.1 63.4l127.7 128.3H800c-35.2 0-64-28.8-64-64v-64.3h0.2z m64 641H416.1c-35.2 0-64-28.8-64-64v-513c0-35.2 28.8-64 64-64H671V191c0 70.4 57.6 128 128 128h65.2v385.3c0 35.2-28.8 64-64 64z"
+                    p-id="1667"
+                    fill="currentColor"
+                  ></path>
+                </svg>
+              )}

              <span className={`${styles.chatId}`}>
                {getSubChatId(botLog.message_session_id)}
--- a/web/src/app/home/bots/page.tsx
+++ b/web/src/app/home/bots/page.tsx
@@ -11,6 +11,7 @@ import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
 import { extractI18nObject } from '@/i18n/I18nProvider';
 import BotDetailDialog from '@/app/home/bots/BotDetailDialog';
+import { CustomApiError } from '@/app/infra/entities/common';

 export default function BotConfigPage() {
  const { t } = useTranslation();
@@ -54,10 +55,7 @@ export default function BotConfigPage() {
      })
      .catch((err) => {
        console.error('get bot list error', err);
-        toast.error(t('bots.getBotListError') + err.message);
-      })
-      .finally(() => {
-        // setIsLoading(false);
+        toast.error(t('bots.getBotListError') + (err as CustomApiError).msg);
      });
  }

--- a/web/src/app/home/components/account-settings-dialog/AccountSettingsDialog.tsx
+++ b/web/src/app/home/components/account-settings-dialog/AccountSettingsDialog.tsx
@@ -0,0 +1,210 @@
+'use client';
+
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { useTranslation } from 'react-i18next';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemTitle,
+  ItemDescription,
+  ItemActions,
+} from '@/components/ui/item';
+import { httpClient } from '@/app/infra/http/HttpClient';
+import { systemInfo } from '@/app/infra/http';
+import { Loader2, ExternalLink, KeyRound } from 'lucide-react';
+import PasswordChangeDialog from '../password-change-dialog/PasswordChangeDialog';
+
+interface AccountSettingsDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export default function AccountSettingsDialog({
+  open,
+  onOpenChange,
+}: AccountSettingsDialogProps) {
+  const { t } = useTranslation();
+  const [accountType, setAccountType] = useState<'local' | 'space'>('local');
+  const [hasPassword, setHasPassword] = useState(false);
+  const [userEmail, setUserEmail] = useState('');
+  const [loading, setLoading] = useState(true);
+  const [spaceBindLoading, setSpaceBindLoading] = useState(false);
+  const [passwordDialogOpen, setPasswordDialogOpen] = useState(false);
+
+  useEffect(() => {
+    if (open) {
+      loadUserInfo();
+    }
+  }, [open]);
+
+  async function loadUserInfo() {
+    setLoading(true);
+    try {
+      const info = await httpClient.getUserInfo();
+      setAccountType(info.account_type);
+      setHasPassword(info.has_password);
+      setUserEmail(info.user);
+    } catch {
+      toast.error(t('common.error'));
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  const handleBindSpace = async () => {
+    setSpaceBindLoading(true);
+    try {
+      const token = localStorage.getItem('token');
+      if (!token) {
+        toast.error(t('common.error'));
+        setSpaceBindLoading(false);
+        return;
+      }
+      const currentOrigin = window.location.origin;
+      const redirectUri = `${currentOrigin}/auth/space/callback?mode=bind`;
+      // Pass token as state for security verification
+      const response = await httpClient.getSpaceAuthorizeUrl(
+        redirectUri,
+        token,
+      );
+      window.location.href = response.authorize_url;
+    } catch {
+      toast.error(t('common.spaceLoginFailed'));
+      setSpaceBindLoading(false);
+    }
+  };
+
+  const handlePasswordDialogClose = (dialogOpen: boolean) => {
+    setPasswordDialogOpen(dialogOpen);
+    if (!dialogOpen) {
+      // Reload user info to update password status
+      loadUserInfo();
+    }
+  };
+
+  return (
+    <>
+      <Dialog open={open} onOpenChange={onOpenChange}>
+        <DialogContent className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>{t('account.settings')}</DialogTitle>
+            <DialogDescription>{userEmail}</DialogDescription>
+          </DialogHeader>
+
+          {loading ? (
+            <div className="flex justify-center py-8">
+              <Loader2 className="h-6 w-6 animate-spin" />
+            </div>
+          ) : (
+            <div className="space-y-2">
+              {/* Password Item */}
+              <Item size="sm" variant="muted" className="rounded-lg">
+                <ItemMedia variant="icon">
+                  <KeyRound className="h-4 w-4" />
+                </ItemMedia>
+                <ItemContent>
+                  <ItemTitle>{t('account.passwordStatus')}</ItemTitle>
+                  <ItemDescription>
+                    {hasPassword
+                      ? t('account.passwordSetDescription')
+                      : t('account.setPasswordHint')}
+                  </ItemDescription>
+                </ItemContent>
+                <ItemActions>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    onClick={() => setPasswordDialogOpen(true)}
+                    disabled={!systemInfo.allow_modify_login_info}
+                  >
+                    {hasPassword
+                      ? t('common.changePassword')
+                      : t('account.setPassword')}
+                  </Button>
+                </ItemActions>
+              </Item>
+
+              {/* Space Account Item */}
+              <Item size="sm" variant="muted" className="rounded-lg">
+                <ItemMedia variant="icon">
+                  <svg
+                    className="h-4 w-4"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M12 2L2 7L12 12L22 7L12 2Z"
+                      stroke="currentColor"
+                      strokeWidth="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M2 17L12 22L22 17"
+                      stroke="currentColor"
+                      strokeWidth="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M2 12L12 17L22 12"
+                      stroke="currentColor"
+                      strokeWidth="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                  </svg>
+                </ItemMedia>
+                <ItemContent>
+                  <ItemTitle>{t('account.spaceStatus')}</ItemTitle>
+                  <ItemDescription>
+                    {accountType === 'space'
+                      ? t('account.spaceBoundDescription')
+                      : t('account.bindSpaceDescription')}
+                  </ItemDescription>
+                </ItemContent>
+                {accountType === 'local' && (
+                  <ItemActions>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={handleBindSpace}
+                      disabled={
+                        spaceBindLoading || !systemInfo.allow_modify_login_info
+                      }
+                    >
+                      {spaceBindLoading ? (
+                        <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                      ) : (
+                        <ExternalLink className="mr-2 h-4 w-4" />
+                      )}
+                      {t('account.bindSpaceButton')}
+                    </Button>
+                  </ItemActions>
+                )}
+              </Item>
+            </div>
+          )}
+        </DialogContent>
+      </Dialog>
+
+      <PasswordChangeDialog
+        open={passwordDialogOpen}
+        onOpenChange={handlePasswordDialogClose}
+        hasPassword={hasPassword}
+      />
+    </>
+  );
+}
--- a/web/src/app/home/components/api-integration-dialog/ApiIntegrationDialog.tsx
+++ b/web/src/app/home/components/api-integration-dialog/ApiIntegrationDialog.tsx
@@ -4,7 +4,8 @@ import * as React from 'react';
 import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
-import { Copy, Trash2, Plus } from 'lucide-react';
+import { Copy, Check, Trash2, Plus } from 'lucide-react';
+import { useRouter, usePathname, useSearchParams } from 'next/navigation';
 import {
  Dialog,
  DialogContent,
@@ -66,6 +67,9 @@ export default function ApiIntegrationDialog({
  onOpenChange,
 }: ApiIntegrationDialogProps) {
  const { t } = useTranslation();
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
  const [activeTab, setActiveTab] = useState('apikeys');
  const [apiKeys, setApiKeys] = useState<ApiKey[]>([]);
  const [webhooks, setWebhooks] = useState<Webhook[]>([]);
@@ -83,6 +87,31 @@ export default function ApiIntegrationDialog({
  const [newWebhookDescription, setNewWebhookDescription] = useState('');
  const [newWebhookEnabled, setNewWebhookEnabled] = useState(true);
  const [deleteWebhookId, setDeleteWebhookId] = useState<number | null>(null);
+  const [copiedKey, setCopiedKey] = useState<string | null>(null);
+
+  // Sync URL with dialog state
+  useEffect(() => {
+    if (open) {
+      const params = new URLSearchParams(searchParams.toString());
+      params.set('action', 'showApiIntegrationSettings');
+      router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+    }
+  }, [open]);
+
+  const handleOpenChange = (newOpen: boolean) => {
+    if (!newOpen && (deleteKeyId || deleteWebhookId)) {
+      return;
+    }
+    if (!newOpen) {
+      const params = new URLSearchParams(searchParams.toString());
+      params.delete('action');
+      const newUrl = params.toString()
+        ? `${pathname}?${params.toString()}`
+        : pathname;
+      router.replace(newUrl, { scroll: false });
+    }
+    onOpenChange(newOpen);
+  };

  // 清理 body 样式，防止对话框关闭后页面无法交互
  useEffect(() => {
@@ -154,7 +183,8 @@ export default function ApiIntegrationDialog({

  const handleCopyKey = (key: string) => {
    navigator.clipboard.writeText(key);
-    toast.success(t('common.apiKeyCopied'));
+    setCopiedKey(key);
+    setTimeout(() => setCopiedKey(null), 2000);
  };

  const maskApiKey = (key: string) => {
@@ -231,16 +261,7 @@ export default function ApiIntegrationDialog({

  return (
    <>
-      <Dialog
-        open={open}
-        onOpenChange={(newOpen) => {
-          // 如果删除确认框是打开的，不允许关闭主对话框
-          if (!newOpen && (deleteKeyId || deleteWebhookId)) {
-            return;
-          }
-          onOpenChange(newOpen);
-        }}
-      >
+      <Dialog open={open} onOpenChange={handleOpenChange}>
        <DialogContent className="sm:max-w-[800px] h-[26rem] flex flex-col">
          <DialogHeader>
            <DialogTitle>{t('common.manageApiIntegration')}</DialogTitle>
@@ -333,7 +354,11 @@ export default function ApiIntegrationDialog({
                                onClick={() => handleCopyKey(key.key)}
                                title={t('common.copyApiKey')}
                              >
-                                <Copy className="h-4 w-4" />
+                                {copiedKey === key.key ? (
+                                  <Check className="h-4 w-4 text-green-600" />
+                                ) : (
+                                  <Copy className="h-4 w-4" />
+                                )}
                              </Button>
                              <Button
                                variant="ghost"
@@ -524,7 +549,11 @@ export default function ApiIntegrationDialog({
                  variant="outline"
                  size="icon"
                >
-                  <Copy className="h-4 w-4" />
+                  {copiedKey === createdKey?.key ? (
+                    <Check className="h-4 w-4 text-green-600" />
+                  ) : (
+                    <Copy className="h-4 w-4" />
+                  )}
                </Button>
              </div>
            </div>
@@ -621,7 +650,11 @@ export default function ApiIntegrationDialog({
                  variant="outline"
                  size="icon"
                >
-                  <Copy className="h-4 w-4" />
+                  {copiedKey === createdKey?.key ? (
+                    <Check className="h-4 w-4 text-green-600" />
+                  ) : (
+                    <Copy className="h-4 w-4" />
+                  )}
                </Button>
              </div>
            </div>
--- a/web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx
+++ b/web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx
@@ -17,7 +17,7 @@ import { Switch } from '@/components/ui/switch';
 import { ControllerRenderProps } from 'react-hook-form';
 import { Button } from '@/components/ui/button';
 import { useEffect, useState } from 'react';
-import { httpClient } from '@/app/infra/http/HttpClient';
+import { httpClient, systemInfo } from '@/app/infra/http/HttpClient';
 import {
  LLMModel,
  Bot,
@@ -26,11 +26,6 @@ import {
  ApiRespPluginSystemStatus,
 } from '@/app/infra/entities/api';
 import { toast } from 'sonner';
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-} from '@/components/ui/hover-card';
 import { useTranslation } from 'react-i18next';
 import { extractI18nObject } from '@/i18n/I18nProvider';
 import { Textarea } from '@/components/ui/textarea';
@@ -43,7 +38,7 @@ import {
  DialogFooter,
 } from '@/components/ui/dialog';
 import { Checkbox } from '@/components/ui/checkbox';
-import { Plus, X } from 'lucide-react';
+import { Plus, X, Eye, Wrench } from 'lucide-react';

 export default function DynamicFormItemComponent({
  config,
@@ -103,10 +98,17 @@ export default function DynamicFormItemComponent({
      httpClient
        .getProviderLLMModels()
        .then((resp) => {
-          setLlmModels(resp.models);
+          let models = resp.models;
+          // Filter out space-chat-completions models when models service is disabled
+          if (systemInfo.disable_models_service) {
+            models = models.filter(
+              (m) => m.provider?.requester !== 'space-chat-completions',
+            );
+          }
+          setLlmModels(models);
        })
        .catch((err) => {
-          toast.error('Failed to get LLM model list: ' + err.message);
+          toast.error('Failed to get LLM model list: ' + err.msg);
        });
    }
  }, [config.type]);
@@ -122,7 +124,7 @@ export default function DynamicFormItemComponent({
          setKnowledgeBases(resp.bases);
        })
        .catch((err) => {
-          toast.error('Failed to get knowledge base list: ' + err.message);
+          toast.error('Failed to get knowledge base list: ' + err.msg);
        });

      // Fetch plugin system status
@@ -163,7 +165,7 @@ export default function DynamicFormItemComponent({
          setBots(resp.bots);
        })
        .catch((err) => {
-          toast.error('Failed to get bot list: ' + err.message);
+          toast.error('Failed to get bot list: ' + err.msg);
        });
    }
  }, [config.type]);
@@ -254,118 +256,42 @@ export default function DynamicFormItemComponent({
      );

    case DynamicFormItemType.LLM_MODEL_SELECTOR:
+      // Group models by provider
+      const groupedModels = llmModels.reduce(
+        (acc, model) => {
+          const providerName =
+            model.provider?.name || model.provider?.requester || 'Unknown';
+          if (!acc[providerName]) acc[providerName] = [];
+          acc[providerName].push(model);
+          return acc;
+        },
+        {} as Record<string, LLMModel[]>,
+      );
+
      return (
        <Select value={field.value} onValueChange={field.onChange}>
          <SelectTrigger className="bg-[#ffffff] dark:bg-[#2a2a2e]">
            <SelectValue placeholder={t('models.selectModel')} />
          </SelectTrigger>
          <SelectContent>
-            <SelectGroup>
-              {llmModels.map((model) => (
-                <HoverCard key={model.uuid} openDelay={0} closeDelay={0}>
-                  <HoverCardTrigger asChild>
-                    <SelectItem value={model.uuid}>{model.name}</SelectItem>
-                  </HoverCardTrigger>
-                  <HoverCardContent
-                    className="w-80 data-[state=open]:animate-none data-[state=closed]:animate-none"
-                    align="end"
-                    side="right"
-                    sideOffset={10}
-                  >
-                    <div className="space-y-2">
-                      <div className="flex items-center gap-2">
-                        <img
-                          src={httpClient.getProviderRequesterIconURL(
-                            model.requester,
-                          )}
-                          alt="icon"
-                          className="w-8 h-8 rounded-[8%]"
-                        />
-                        <h4 className="font-medium">{model.name}</h4>
-                      </div>
-                      <p className="text-sm text-muted-foreground">
-                        {model.description}
-                      </p>
-                      {model.requester_config && (
-                        <div className="flex items-center gap-1 text-xs">
-                          <svg
-                            className="w-4 h-4 text-gray-500"
-                            xmlns="http://www.w3.org/2000/svg"
-                            viewBox="0 0 24 24"
-                            fill="currentColor"
-                          >
-                            <path d="M13.0607 8.11097L14.4749 9.52518C17.2086 12.2589 17.2086 16.691 14.4749 19.4247L14.1214 19.7782C11.3877 22.5119 6.95555 22.5119 4.22188 19.7782C1.48821 17.0446 1.48821 12.6124 4.22188 9.87874L5.6361 11.293C3.68348 13.2456 3.68348 16.4114 5.6361 18.364C7.58872 20.3166 10.7545 20.3166 12.7072 18.364L13.0607 18.0105C15.0133 16.0578 15.0133 12.892 13.0607 10.9394L11.6465 9.52518L13.0607 8.11097ZM19.7782 14.1214L18.364 12.7072C20.3166 10.7545 20.3166 7.58872 18.364 5.6361C16.4114 3.68348 13.2456 3.68348 11.293 5.6361L10.9394 5.98965C8.98678 7.94227 8.98678 11.1081 10.9394 13.0607L12.3536 14.4749L10.9394 15.8891L9.52518 14.4749C6.79151 11.7413 6.79151 7.30911 9.52518 4.57544L9.87874 4.22188C12.6124 1.48821 17.0446 1.48821 19.7782 4.22188C22.5119 6.95555 22.5119 11.3877 19.7782 14.1214Z"></path>
-                          </svg>
-                          <span className="font-semibold">Base URL：</span>
-                          {model.requester_config.base_url}
-                        </div>
+            {Object.entries(groupedModels).map(([providerName, models]) => (
+              <SelectGroup key={providerName}>
+                <SelectLabel>{providerName}</SelectLabel>
+                {models.map((model) => (
+                  <SelectItem key={model.uuid} value={model.uuid}>
+                    <span className="inline-flex items-center gap-1">
+                      {model.name}
+                      {model.abilities?.includes('vision') && (
+                        <Eye className="h-3 w-3 text-muted-foreground" />
                      )}
-                      {model.abilities && model.abilities.length > 0 && (
-                        <div className="flex flex-wrap gap-1">
-                          {model.abilities.map((ability) => (
-                            <div
-                              key={ability}
-                              className="flex items-center gap-1 px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-600"
-                            >
-                              {ability === 'vision' && (
-                                <svg
-                                  className="w-3 h-3"
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  viewBox="0 0 24 24"
-                                  fill="currentColor"
-                                >
-                                  <path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 11.4872 7.07719 10.9925 7.22057 10.5268C7.61175 11.3954 8.48527 12 9.5 12C10.8807 12 12 10.8807 12 9.5C12 8.48527 11.3954 7.61175 10.5269 7.21995C10.9925 7.07719 11.4872 7 12 7Z"></path>
-                                </svg>
-                              )}
-                              {ability === 'func_call' && (
-                                <svg
-                                  className="w-3 h-3"
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  viewBox="0 0 24 24"
-                                  fill="currentColor"
-                                >
-                                  <path d="M5.32943 3.27158C6.56252 2.8332 7.9923 3.10749 8.97927 4.09446C10.1002 5.21537 10.3019 6.90741 9.5843 8.23385L20.293 18.9437L18.8788 20.3579L8.16982 9.64875C6.84325 10.3669 5.15069 10.1654 4.02952 9.04421C3.04227 8.05696 2.7681 6.62665 3.20701 5.39332L5.44373 7.63C6.02952 8.21578 6.97927 8.21578 7.56505 7.63C8.15084 7.04421 8.15084 6.09446 7.56505 5.50868L5.32943 3.27158ZM15.6968 5.15512L18.8788 3.38736L20.293 4.80157L18.5252 7.98355L16.7574 8.3371L14.6361 10.4584L13.2219 9.04421L15.3432 6.92289L15.6968 5.15512ZM8.97927 13.2868L10.3935 14.7011L5.09018 20.0044C4.69966 20.3949 4.06649 20.3949 3.67597 20.0044C3.31334 19.6417 3.28744 19.0699 3.59826 18.6774L3.67597 18.5902L8.97927 13.2868Z"></path>
-                                </svg>
-                              )}
-                              <span>
-                                {ability === 'vision'
-                                  ? t('models.visionAbility')
-                                  : ability === 'func_call'
-                                    ? t('models.functionCallAbility')
-                                    : ability}
-                              </span>
-                            </div>
-                          ))}
-                        </div>
+                      {model.abilities?.includes('func_call') && (
+                        <Wrench className="h-3 w-3 text-muted-foreground" />
                      )}
-                      {model.extra_args &&
-                        Object.keys(model.extra_args).length > 0 && (
-                          <div className="text-xs">
-                            <div className="font-semibold mb-1">
-                              {t('models.extraParameters')}
-                            </div>
-                            <div className="space-y-1">
-                              {Object.entries(
-                                model.extra_args as Record<string, unknown>,
-                              ).map(([key, value]) => (
-                                <div
-                                  key={key}
-                                  className="flex items-center gap-1"
-                                >
-                                  <span className="text-gray-500">{key}：</span>
-                                  <span className="break-all">
-                                    {JSON.stringify(value)}
-                                  </span>
-                                </div>
-                              ))}
-                            </div>
-                          </div>
-                        )}
-                    </div>
-                  </HoverCardContent>
-                </HoverCard>
-              ))}
-            </SelectGroup>
+                    </span>
+                  </SelectItem>
+                ))}
+              </SelectGroup>
+            ))}
          </SelectContent>
        </Select>
      );
--- a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
+++ b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
@@ -1,15 +1,15 @@
 'use client';

 import styles from './HomeSidebar.module.css';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, Suspense } from 'react';
 import {
  SidebarChild,
  SidebarChildVO,
 } from '@/app/home/components/home-sidebar/HomeSidebarChild';
-import { useRouter, usePathname } from 'next/navigation';
+import { useRouter, usePathname, useSearchParams } from 'next/navigation';
 import { sidebarConfigList } from '@/app/home/components/home-sidebar/sidbarConfigList';
 import langbotIcon from '@/app/assets/langbot-logo.webp';
-import { systemInfo } from '@/app/infra/http/HttpClient';
+import { systemInfo, httpClient } from '@/app/infra/http/HttpClient';
 import { getCloudServiceClientSync } from '@/app/infra/http';
 import { useTranslation } from 'react-i18next';
 import {
@@ -18,9 +18,9 @@ import {
  Monitor,
  CircleHelp,
  Lightbulb,
-  Lock,
  LogOut,
  KeyRound,
+  Loader2,
 } from 'lucide-react';
 import { useTheme } from 'next-themes';

@@ -30,14 +30,36 @@ import {
  PopoverTrigger,
 } from '@/components/ui/popover';
 import { Button } from '@/components/ui/button';
-import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';
 import { LanguageSelector } from '@/components/ui/language-selector';
 import { Badge } from '@/components/ui/badge';
-import PasswordChangeDialog from '@/app/home/components/password-change-dialog/PasswordChangeDialog';
+import AccountSettingsDialog from '@/app/home/components/account-settings-dialog/AccountSettingsDialog';
 import ApiIntegrationDialog from '@/app/home/components/api-integration-dialog/ApiIntegrationDialog';
+import NewVersionDialog from '@/app/home/components/new-version-dialog/NewVersionDialog';
+import ModelsDialog from '@/app/home/components/models-dialog/ModelsDialog';
+import { GitHubRelease } from '@/app/infra/http/CloudServiceClient';
+
+// Compare two version strings, returns true if v1 > v2
+function compareVersions(v1: string, v2: string): boolean {
+  // Remove 'v' prefix if present
+  const clean1 = v1.replace(/^v/, '');
+  const clean2 = v2.replace(/^v/, '');
+
+  const parts1 = clean1.split('.').map((p) => parseInt(p, 10) || 0);
+  const parts2 = clean2.split('.').map((p) => parseInt(p, 10) || 0);
+
+  const maxLen = Math.max(parts1.length, parts2.length);
+
+  for (let i = 0; i < maxLen; i++) {
+    const p1 = parts1[i] || 0;
+    const p2 = parts2[i] || 0;
+    if (p1 > p2) return true;
+    if (p1 < p2) return false;
+  }
+  return false;
+}

 // TODO 侧边导航栏要加动画
-export default function HomeSidebar({
+function HomeSidebarContent({
  onSelectedChangeAction,
 }: {
  onSelectedChangeAction: (sidebarChild: SidebarChildVO) => void;
@@ -45,19 +67,74 @@ export default function HomeSidebar({
  // 路由相关
  const router = useRouter();
  const pathname = usePathname();
+  const searchParams = useSearchParams();
  // 路由被动变化时处理
  useEffect(() => {
    handleRouteChange(pathname);
  }, [pathname]);

+  // 检查 URL 参数，自动打开模型对话框
+  useEffect(() => {
+    if (searchParams.get('action') === 'showModelSettings') {
+      setModelsDialogOpen(true);
+    }
+    if (searchParams.get('action') === 'showAccountSettings') {
+      setAccountSettingsOpen(true);
+    }
+    if (searchParams.get('action') === 'showApiIntegrationSettings') {
+      setApiKeyDialogOpen(true);
+    }
+  }, [searchParams]);
+
  const [selectedChild, setSelectedChild] = useState<SidebarChildVO>();
  const { theme, setTheme } = useTheme();
  const { t } = useTranslation();
  const [popoverOpen, setPopoverOpen] = useState(false);
-  const [passwordChangeOpen, setPasswordChangeOpen] = useState(false);
+  const [accountSettingsOpen, setAccountSettingsOpen] = useState(false);
  const [apiKeyDialogOpen, setApiKeyDialogOpen] = useState(false);
  const [languageSelectorOpen, setLanguageSelectorOpen] = useState(false);
  const [starCount, setStarCount] = useState<number | null>(null);
+  const [latestRelease, setLatestRelease] = useState<GitHubRelease | null>(
+    null,
+  );
+  const [hasNewVersion, setHasNewVersion] = useState(false);
+  const [versionDialogOpen, setVersionDialogOpen] = useState(false);
+  const [modelsDialogOpen, setModelsDialogOpen] = useState(false);
+  const [userEmail, setUserEmail] = useState<string>('');
+
+  // 处理模型对话框的打开和关闭，同时更新 URL
+  function handleModelsDialogChange(open: boolean) {
+    setModelsDialogOpen(open);
+    if (open) {
+      const params = new URLSearchParams(searchParams.toString());
+      params.set('action', 'showModelSettings');
+      router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+    } else {
+      const params = new URLSearchParams(searchParams.toString());
+      params.delete('action');
+      const newUrl = params.toString()
+        ? `${pathname}?${params.toString()}`
+        : pathname;
+      router.replace(newUrl, { scroll: false });
+    }
+  }
+
+  // 处理账户设置对话框的打开和关闭，同时更新 URL
+  function handleAccountSettingsChange(open: boolean) {
+    setAccountSettingsOpen(open);
+    if (open) {
+      const params = new URLSearchParams(searchParams.toString());
+      params.set('action', 'showAccountSettings');
+      router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+    } else {
+      const params = new URLSearchParams(searchParams.toString());
+      params.delete('action');
+      const newUrl = params.toString()
+        ? `${pathname}?${params.toString()}`
+        : pathname;
+      router.replace(newUrl, { scroll: false });
+    }
+  }

  useEffect(() => {
    initSelect();
@@ -66,6 +143,21 @@ export default function HomeSidebar({
      localStorage.setItem('userEmail', 'test@example.com');
    }

+    // Load user email
+    const storedEmail = localStorage.getItem('userEmail');
+    if (storedEmail) {
+      setUserEmail(storedEmail);
+    } else {
+      // Fetch from API if not in localStorage
+      httpClient
+        .getUserInfo()
+        .then((info) => {
+          setUserEmail(info.user);
+          localStorage.setItem('userEmail', info.user);
+        })
+        .catch(() => {});
+    }
+
    getCloudServiceClientSync()
      .get('/api/v1/dist/info/repo')
      .then((response) => {
@@ -75,6 +167,28 @@ export default function HomeSidebar({
      .catch((error) => {
        console.error('Failed to fetch GitHub star count:', error);
      });
+
+    // Fetch releases to check for new version
+    getCloudServiceClientSync()
+      .getLangBotReleases()
+      .then((releases) => {
+        if (releases && releases.length > 0) {
+          // Find the latest non-prerelease, non-draft release
+          const latestStable = releases.find((r) => !r.prerelease && !r.draft);
+          const latest = latestStable || releases[0];
+          setLatestRelease(latest);
+
+          // Compare versions
+          const currentVersion = systemInfo?.version;
+          if (currentVersion && latest.tag_name) {
+            const isNewer = compareVersions(latest.tag_name, currentVersion);
+            setHasNewVersion(isNewer);
+          }
+        }
+      })
+      .catch((error) => {
+        console.error('Failed to fetch releases:', error);
+      });
  }, []);

  function handleChildClick(child: SidebarChildVO) {
@@ -138,8 +252,18 @@ export default function HomeSidebar({
          {/* 文字 */}
          <div className={`${styles.langbotTextContainer}`}>
            <div className={`${styles.langbotText}`}>LangBot</div>
-            <div className={`${styles.langbotVersion}`}>
-              {systemInfo?.version}
+            <div className="flex items-center gap-1.5">
+              <div className={`${styles.langbotVersion}`}>
+                {systemInfo?.version}
+              </div>
+              {hasNewVersion && (
+                <Badge
+                  onClick={() => setVersionDialogOpen(true)}
+                  className="bg-red-500 hover:bg-red-600 text-white text-[0.6rem] px-1.5 py-0 h-4 cursor-pointer"
+                >
+                  {t('plugins.new')}
+                </Badge>
+              )}
            </div>
          </div>
        </div>
@@ -193,6 +317,21 @@ export default function HomeSidebar({
          </div>
        )}

+        <SidebarChild
+          onClick={() => handleModelsDialogChange(true)}
+          isSelected={false}
+          icon={
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="currentColor"
+            >
+              <path d="M10.6144 17.7956C10.277 18.5682 9.20776 18.5682 8.8704 17.7956L7.99275 15.7854C7.21171 13.9966 5.80589 12.5726 4.0523 11.7942L1.63658 10.7219C.868536 10.381.868537 9.26368 1.63658 8.92276L3.97685 7.88394C5.77553 7.08552 7.20657 5.60881 7.97427 3.75892L8.8633 1.61673C9.19319.821767 10.2916.821765 10.6215 1.61673L11.5105 3.75894C12.2782 5.60881 13.7092 7.08552 15.5079 7.88394L17.8482 8.92276C18.6162 9.26368 18.6162 10.381 17.8482 10.7219L15.4325 11.7942C13.6789 12.5726 12.2731 13.9966 11.492 15.7854L10.6144 17.7956ZM4.53956 9.82234C6.8254 10.837 8.68402 12.5048 9.74238 14.7996 10.8008 12.5048 12.6594 10.837 14.9452 9.82234 12.6321 8.79557 10.7676 7.04647 9.74239 4.71088 8.71719 7.04648 6.85267 8.79557 4.53956 9.82234ZM19.4014 22.6899 19.6482 22.1242C20.0882 21.1156 20.8807 20.3125 21.8695 19.8732L22.6299 19.5353C23.0412 19.3526 23.0412 18.7549 22.6299 18.5722L21.9121 18.2532C20.8978 17.8026 20.0911 16.9698 19.6586 15.9269L19.4052 15.3156C19.2285 14.8896 18.6395 14.8896 18.4628 15.3156L18.2094 15.9269C17.777 16.9698 16.9703 17.8026 15.956 18.2532L15.2381 18.5722C14.8269 18.7549 14.8269 19.3526 15.2381 19.5353L15.9985 19.8732C16.9874 20.3125 17.7798 21.1156 18.2198 22.1242L18.4667 22.6899C18.6473 23.104 19.2207 23.104 19.4014 22.6899ZM18.3745 19.0469 18.937 18.4883 19.4878 19.0469 18.937 19.5898 18.3745 19.0469Z"></path>
+            </svg>
+          }
+          name={t('models.title')}
+        />
+
        <Popover
          open={popoverOpen}
          onOpenChange={(open) => {
@@ -220,44 +359,51 @@ export default function HomeSidebar({
          <PopoverContent
            side="right"
            align="end"
-            className="w-auto p-4 flex flex-col gap-4"
+            className="w-auto p-2 flex flex-col gap-2"
          >
-            <div className="flex flex-col gap-2 w-full">
-              <span className="text-sm font-medium">{t('common.theme')}</span>
-              <ToggleGroup
-                type="single"
-                value={theme}
-                onValueChange={(value) => {
-                  if (value) setTheme(value);
-                }}
-                className="justify-start"
-              >
-                <ToggleGroupItem value="light" size="sm">
-                  <Sun className="h-4 w-4" />
-                </ToggleGroupItem>
-                <ToggleGroupItem value="dark" size="sm">
-                  <Moon className="h-4 w-4" />
-                </ToggleGroupItem>
-                <ToggleGroupItem value="system" size="sm">
-                  <Monitor className="h-4 w-4" />
-                </ToggleGroupItem>
-              </ToggleGroup>
+            <div
+              className="flex items-center gap-3 p-2 rounded-lg hover:bg-accent cursor-pointer"
+              onClick={() => {
+                handleAccountSettingsChange(true);
+                setPopoverOpen(false);
+              }}
+            >
+              <div className="w-10 h-10 rounded-full bg-primary text-primary-foreground flex items-center justify-center text-sm font-medium">
+                {userEmail ? userEmail.charAt(0).toUpperCase() : 'U'}
+              </div>
+              <span className="text-sm truncate max-w-[180px]">
+                {userEmail || t('account.settings')}
+              </span>
            </div>

-            <div className="flex flex-col gap-2 w-full">
-              <span className="text-sm font-medium">
-                {t('common.language')}
-              </span>
+            <div className="flex items-center gap-2">
              <LanguageSelector
-                triggerClassName="w-full"
+                triggerClassName="flex-1"
                onOpenChange={setLanguageSelectorOpen}
              />
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={() =>
+                  setTheme(
+                    theme === 'light'
+                      ? 'dark'
+                      : theme === 'dark'
+                        ? 'system'
+                        : 'light',
+                  )
+                }
+                className="h-9 w-9 shrink-0"
+              >
+                {theme === 'light' && <Sun className="h-[1.2rem] w-[1.2rem]" />}
+                {theme === 'dark' && <Moon className="h-[1.2rem] w-[1.2rem]" />}
+                {theme === 'system' && (
+                  <Monitor className="h-[1.2rem] w-[1.2rem]" />
+                )}
+              </Button>
            </div>

-            <div className="flex flex-col gap-2 w-full">
-              <span className="text-sm font-medium">
-                {t('common.integration')}
-              </span>
+            <div className="flex flex-col gap-1">
              <Button
                variant="ghost"
                className="w-full justify-start font-normal"
@@ -269,22 +415,12 @@ export default function HomeSidebar({
                <KeyRound className="w-4 h-4 mr-2" />
                {t('common.apiIntegration')}
              </Button>
-            </div>
-
-            <div className="flex flex-col gap-2 w-full">
-              <span className="text-sm font-medium">{t('common.account')}</span>
              <Button
                variant="ghost"
                className="w-full justify-start font-normal"
                onClick={() => {
-                  // open docs.langbot.app
                  const language = localStorage.getItem('langbot_language');
-                  if (language === 'zh-Hans') {
-                    window.open(
-                      'https://docs.langbot.app/zh/insight/guide.html',
-                      '_blank',
-                    );
-                  } else if (language === 'zh-Hant') {
+                  if (language === 'zh-Hans' || language === 'zh-Hant') {
                    window.open(
                      'https://docs.langbot.app/zh/insight/guide.html',
                      '_blank',
@@ -315,25 +451,10 @@ export default function HomeSidebar({
                <Lightbulb className="w-4 h-4 mr-2" />
                {t('common.featureRequest')}
              </Button>
-              {systemInfo?.allow_change_password && (
-                <Button
-                  variant="ghost"
-                  className="w-full justify-start font-normal"
-                  onClick={() => {
-                    setPasswordChangeOpen(true);
-                    setPopoverOpen(false);
-                  }}
-                >
-                  <Lock className="w-4 h-4 mr-2" />
-                  {t('common.changePassword')}
-                </Button>
-              )}
              <Button
                variant="ghost"
                className="w-full justify-start font-normal"
-                onClick={() => {
-                  handleLogout();
-                }}
+                onClick={() => handleLogout()}
              >
                <LogOut className="w-4 h-4 mr-2" />
                {t('common.logout')}
@@ -342,14 +463,45 @@ export default function HomeSidebar({
          </PopoverContent>
        </Popover>
      </div>
-      <PasswordChangeDialog
-        open={passwordChangeOpen}
-        onOpenChange={setPasswordChangeOpen}
+      <AccountSettingsDialog
+        open={accountSettingsOpen}
+        onOpenChange={handleAccountSettingsChange}
      />
      <ApiIntegrationDialog
        open={apiKeyDialogOpen}
        onOpenChange={setApiKeyDialogOpen}
      />
+      <NewVersionDialog
+        open={versionDialogOpen}
+        onOpenChange={setVersionDialogOpen}
+        release={latestRelease}
+      />
+      <ModelsDialog
+        open={modelsDialogOpen}
+        onOpenChange={handleModelsDialogChange}
+      />
    </div>
  );
 }
+
+function SidebarLoadingFallback() {
+  return (
+    <div className={`${styles.sidebarContainer}`}>
+      <div className="flex items-center justify-center h-full">
+        <Loader2 className="h-6 w-6 animate-spin" />
+      </div>
+    </div>
+  );
+}
+
+export default function HomeSidebar({
+  onSelectedChangeAction,
+}: {
+  onSelectedChangeAction: (sidebarChild: SidebarChildVO) => void;
+}) {
+  return (
+    <Suspense fallback={<SidebarLoadingFallback />}>
+      <HomeSidebarContent onSelectedChangeAction={onSelectedChangeAction} />
+    </Suspense>
+  );
+}
--- a/web/src/app/home/components/home-sidebar/sidbarConfigList.tsx
+++ b/web/src/app/home/components/home-sidebar/sidbarConfigList.tsx
@@ -23,31 +23,11 @@ export const sidebarConfigList = [
    route: '/home/bots',
    description: t('bots.description'),
    helpLink: {
-      en_US: 'https://docs.langbot.app/en/deploy/platforms/readme.html',
-      zh_Hans: 'https://docs.langbot.app/zh/deploy/platforms/readme.html',
+      en_US: 'https://docs.langbot.app/en/usage/platforms/readme.html',
+      zh_Hans: 'https://docs.langbot.app/zh/usage/platforms/readme.html',
+      ja_JP: 'https://docs.langbot.app/ja/usage/platforms/readme.html',
    },
  }),
-  new SidebarChildVO({
-    id: 'models',
-    name: t('models.title'),
-    icon: (
-      <svg
-        className={`${styles.sidebarChildIcon}`}
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        fill="currentColor"
-      >
-        <path d="M10.6144 17.7956C10.277 18.5682 9.20776 18.5682 8.8704 17.7956L7.99275 15.7854C7.21171 13.9966 5.80589 12.5726 4.0523 11.7942L1.63658 10.7219C.868536 10.381.868537 9.26368 1.63658 8.92276L3.97685 7.88394C5.77553 7.08552 7.20657 5.60881 7.97427 3.75892L8.8633 1.61673C9.19319.821767 10.2916.821765 10.6215 1.61673L11.5105 3.75894C12.2782 5.60881 13.7092 7.08552 15.5079 7.88394L17.8482 8.92276C18.6162 9.26368 18.6162 10.381 17.8482 10.7219L15.4325 11.7942C13.6789 12.5726 12.2731 13.9966 11.492 15.7854L10.6144 17.7956ZM4.53956 9.82234C6.8254 10.837 8.68402 12.5048 9.74238 14.7996 10.8008 12.5048 12.6594 10.837 14.9452 9.82234 12.6321 8.79557 10.7676 7.04647 9.74239 4.71088 8.71719 7.04648 6.85267 8.79557 4.53956 9.82234ZM19.4014 22.6899 19.6482 22.1242C20.0882 21.1156 20.8807 20.3125 21.8695 19.8732L22.6299 19.5353C23.0412 19.3526 23.0412 18.7549 22.6299 18.5722L21.9121 18.2532C20.8978 17.8026 20.0911 16.9698 19.6586 15.9269L19.4052 15.3156C19.2285 14.8896 18.6395 14.8896 18.4628 15.3156L18.2094 15.9269C17.777 16.9698 16.9703 17.8026 15.956 18.2532L15.2381 18.5722C14.8269 18.7549 14.8269 19.3526 15.2381 19.5353L15.9985 19.8732C16.9874 20.3125 17.7798 21.1156 18.2198 22.1242L18.4667 22.6899C18.6473 23.104 19.2207 23.104 19.4014 22.6899ZM18.3745 19.0469 18.937 18.4883 19.4878 19.0469 18.937 19.5898 18.3745 19.0469Z"></path>
-      </svg>
-    ),
-    route: '/home/models',
-    description: t('models.description'),
-    helpLink: {
-      en_US: 'https://docs.langbot.app/en/deploy/models/readme.html',
-      zh_Hans: 'https://docs.langbot.app/zh/deploy/models/readme.html',
-    },
-  }),
-
  new SidebarChildVO({
    id: 'pipelines',
    name: t('pipelines.title'),
@@ -64,8 +44,9 @@ export const sidebarConfigList = [
    route: '/home/pipelines',
    description: t('pipelines.description'),
    helpLink: {
-      en_US: 'https://docs.langbot.app/en/deploy/pipelines/readme.html',
-      zh_Hans: 'https://docs.langbot.app/zh/deploy/pipelines/readme.html',
+      en_US: 'https://docs.langbot.app/en/usage/pipelines/readme.html',
+      zh_Hans: 'https://docs.langbot.app/zh/usage/pipelines/readme.html',
+      ja_JP: 'https://docs.langbot.app/ja/usage/pipelines/readme.html',
    },
  }),
  new SidebarChildVO({
@@ -83,8 +64,9 @@ export const sidebarConfigList = [
    route: '/home/knowledge',
    description: t('knowledge.description'),
    helpLink: {
-      en_US: 'https://docs.langbot.app/en/deploy/knowledge/readme.html',
-      zh_Hans: 'https://docs.langbot.app/zh/deploy/knowledge/readme.html',
+      en_US: 'https://docs.langbot.app/en/usage/knowledge/readme.html',
+      zh_Hans: 'https://docs.langbot.app/zh/usage/knowledge/readme.html',
+      ja_JP: 'https://docs.langbot.app/ja/usage/knowledge/readme.html',
    },
  }),
  new SidebarChildVO({
@@ -103,8 +85,9 @@ export const sidebarConfigList = [
    route: '/home/plugins',
    description: t('plugins.description'),
    helpLink: {
-      en_US: 'https://docs.langbot.app/en/plugin/plugin-intro.html',
-      zh_Hans: 'https://docs.langbot.app/zh/plugin/plugin-intro.html',
+      en_US: 'https://docs.langbot.app/en/usage/plugin/plugin-intro.html',
+      zh_Hans: 'https://docs.langbot.app/zh/usage/plugin/plugin-intro.html',
+      ja_JP: 'https://docs.langbot.app/ja/usage/plugin/plugin-intro.html',
    },
  }),
 ];
--- a/web/src/app/home/components/models-dialog/ModelsDialog.tsx
+++ b/web/src/app/home/components/models-dialog/ModelsDialog.tsx
@@ -0,0 +1,507 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Plus, Boxes } from 'lucide-react';
+import { httpClient, systemInfo } from '@/app/infra/http/HttpClient';
+import { ModelProvider } from '@/app/infra/entities/api';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { toast } from 'sonner';
+import { useTranslation } from 'react-i18next';
+import ProviderForm from './component/provider-form/ProviderForm';
+import { ProviderCard } from './components';
+import {
+  ExtraArg,
+  ModelType,
+  TestResult,
+  ProviderModels,
+  LANGBOT_MODELS_PROVIDER_REQUESTER,
+} from './types';
+import { CustomApiError } from '@/app/infra/entities/common';
+
+interface ModelsDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+function convertExtraArgsToObject(
+  args: ExtraArg[],
+): Record<string, string | number | boolean> {
+  const obj: Record<string, string | number | boolean> = {};
+  args.forEach((arg) => {
+    if (arg.key.trim()) {
+      if (arg.type === 'number') obj[arg.key] = Number(arg.value);
+      else if (arg.type === 'boolean') obj[arg.key] = arg.value === 'true';
+      else obj[arg.key] = arg.value;
+    }
+  });
+  return obj;
+}
+
+export default function ModelsDialog({
+  open,
+  onOpenChange,
+}: ModelsDialogProps) {
+  const { t } = useTranslation();
+
+  const [providers, setProviders] = useState<ModelProvider[]>([]);
+  const [accountType, setAccountType] = useState<'local' | 'space'>('local');
+  const [spaceCredits, setSpaceCredits] = useState<number | null>(null);
+
+  // Expanded providers and their models
+  const [expandedProviders, setExpandedProviders] = useState<Set<string>>(
+    new Set(),
+  );
+  const [providerModels, setProviderModels] = useState<
+    Record<string, ProviderModels>
+  >({});
+  const [loadingProviders, setLoadingProviders] = useState<Set<string>>(
+    new Set(),
+  );
+
+  // Provider form modal
+  const [providerFormOpen, setProviderFormOpen] = useState(false);
+  const [editingProviderId, setEditingProviderId] = useState<string | null>(
+    null,
+  );
+
+  // Popover states
+  const [addModelPopoverOpen, setAddModelPopoverOpen] = useState<string | null>(
+    null,
+  );
+  const [editModelPopoverOpen, setEditModelPopoverOpen] = useState<
+    string | null
+  >(null);
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState<string | null>(
+    null,
+  );
+
+  // Form states
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [isTesting, setIsTesting] = useState(false);
+  const [testResult, setTestResult] = useState<TestResult | null>(null);
+
+  // Track if providers have been loaded initially
+  const [providersLoaded, setProvidersLoaded] = useState(false);
+
+  // Separate LangBot Models provider (hide when models service is disabled)
+  const langbotProvider = systemInfo.disable_models_service
+    ? undefined
+    : providers.find((p) => p.requester === LANGBOT_MODELS_PROVIDER_REQUESTER);
+  const otherProviders = providers.filter(
+    (p) => p.requester !== LANGBOT_MODELS_PROVIDER_REQUESTER,
+  );
+
+  useEffect(() => {
+    if (open) {
+      loadUserInfo();
+      loadProviders();
+    }
+  }, [open]);
+
+  // Auto-expand LangBot Models when no external providers exist
+  useEffect(() => {
+    if (providersLoaded && langbotProvider && otherProviders.length === 0) {
+      if (!expandedProviders.has(langbotProvider.uuid)) {
+        setExpandedProviders(new Set([langbotProvider.uuid]));
+        if (!providerModels[langbotProvider.uuid]) {
+          loadProviderModels(langbotProvider.uuid);
+        }
+      }
+    }
+  }, [providersLoaded, providers]);
+
+  async function loadUserInfo() {
+    try {
+      const userInfo = await httpClient.getUserInfo();
+      setAccountType(userInfo.account_type);
+      if (userInfo.account_type === 'space') {
+        const creditsInfo = await httpClient.getSpaceCredits();
+        setSpaceCredits(creditsInfo.credits);
+      }
+    } catch {
+      setAccountType('local');
+    }
+  }
+
+  async function loadProviders() {
+    try {
+      const resp = await httpClient.getModelProviders();
+      setProviders(resp.providers);
+      setProvidersLoaded(true);
+    } catch (err) {
+      console.error('Failed to load providers', err);
+      toast.error(t('models.loadError'));
+    }
+  }
+
+  async function loadProviderModels(providerUuid: string, silent = false) {
+    if (loadingProviders.has(providerUuid)) return;
+
+    if (!silent) {
+      setLoadingProviders((prev) => new Set(prev).add(providerUuid));
+    }
+    try {
+      const [llmResp, embeddingResp] = await Promise.all([
+        httpClient.getProviderLLMModels(providerUuid),
+        httpClient.getProviderEmbeddingModels(providerUuid),
+      ]);
+      setProviderModels((prev) => ({
+        ...prev,
+        [providerUuid]: {
+          llm: llmResp.models,
+          embedding: embeddingResp.models,
+        },
+      }));
+    } catch (err) {
+      console.error('Failed to load models', err);
+    } finally {
+      if (!silent) {
+        setLoadingProviders((prev) => {
+          const next = new Set(prev);
+          next.delete(providerUuid);
+          return next;
+        });
+      }
+    }
+  }
+
+  function toggleProvider(providerUuid: string) {
+    setExpandedProviders((prev) => {
+      const next = new Set(prev);
+      if (next.has(providerUuid)) {
+        next.delete(providerUuid);
+      } else {
+        next.add(providerUuid);
+        if (!providerModels[providerUuid]) {
+          loadProviderModels(providerUuid);
+        }
+      }
+      return next;
+    });
+  }
+
+  function handleCreateProvider() {
+    setEditingProviderId(null);
+    setProviderFormOpen(true);
+  }
+
+  function handleEditProvider(providerId: string) {
+    setEditingProviderId(providerId);
+    setProviderFormOpen(true);
+  }
+
+  async function handleDeleteProvider(providerId: string) {
+    try {
+      await httpClient.deleteModelProvider(providerId);
+      toast.success(t('models.providerDeleted'));
+      loadProviders();
+    } catch (err) {
+      toast.error(t('models.providerDeleteError') + (err as Error).message);
+    }
+  }
+
+  async function handleSpaceLogin() {
+    try {
+      const token = localStorage.getItem('token');
+      if (!token) {
+        toast.error(t('common.error'));
+        return;
+      }
+      const currentOrigin = window.location.origin;
+      const redirectUri = `${currentOrigin}/auth/space/callback?mode=bind`;
+      const response = await httpClient.getSpaceAuthorizeUrl(
+        redirectUri,
+        token,
+      );
+      window.location.href = response.authorize_url;
+    } catch {
+      toast.error(t('common.spaceLoginFailed'));
+    }
+  }
+
+  async function handleAddModel(
+    providerUuid: string,
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) {
+    if (!name.trim()) {
+      toast.error(t('models.modelNameRequired'));
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const extraArgsObj = convertExtraArgsToObject(extraArgs);
+
+      if (modelType === 'llm') {
+        await httpClient.createProviderLLMModel({
+          name,
+          provider_uuid: providerUuid,
+          abilities,
+          extra_args: extraArgsObj,
+        } as never);
+      } else {
+        await httpClient.createProviderEmbeddingModel({
+          name,
+          provider_uuid: providerUuid,
+          extra_args: extraArgsObj,
+        } as never);
+      }
+      setAddModelPopoverOpen(null);
+      loadProviderModels(providerUuid, true);
+      loadProviders();
+    } catch (err) {
+      toast.error(t('models.createError') + (err as Error).message);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  async function handleUpdateModel(
+    providerUuid: string,
+    modelId: string,
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) {
+    if (!name.trim()) {
+      toast.error(t('models.modelNameRequired'));
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const extraArgsObj = convertExtraArgsToObject(extraArgs);
+
+      if (modelType === 'llm') {
+        await httpClient.updateProviderLLMModel(modelId, {
+          name,
+          provider_uuid: providerUuid,
+          abilities,
+          extra_args: extraArgsObj,
+        } as never);
+      } else {
+        await httpClient.updateProviderEmbeddingModel(modelId, {
+          name,
+          provider_uuid: providerUuid,
+          extra_args: extraArgsObj,
+        } as never);
+      }
+      setEditModelPopoverOpen(null);
+      loadProviderModels(providerUuid, true);
+      loadProviders();
+    } catch (err) {
+      toast.error(t('models.saveError') + (err as Error).message);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  async function handleDeleteModel(
+    providerUuid: string,
+    modelId: string,
+    modelType: ModelType,
+  ) {
+    try {
+      if (modelType === 'llm') {
+        await httpClient.deleteProviderLLMModel(modelId);
+      } else {
+        await httpClient.deleteProviderEmbeddingModel(modelId);
+      }
+      toast.success(t('models.deleteSuccess'));
+      loadProviderModels(providerUuid, true);
+      loadProviders();
+    } catch (err) {
+      toast.error(t('models.deleteError') + (err as Error).message);
+    }
+  }
+
+  async function handleTestModel(
+    providerUuid: string,
+    name: string,
+    modelType: ModelType,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) {
+    setIsTesting(true);
+    setTestResult(null);
+    const startTime = Date.now();
+    try {
+      const extraArgsObj = convertExtraArgsToObject(extraArgs);
+
+      // Get the provider info
+      const provider = providers.find((p) => p.uuid === providerUuid);
+      const providerData = {
+        requester: provider?.requester || '',
+        base_url: provider?.base_url || '',
+        api_keys: provider?.api_keys || [],
+      };
+
+      if (modelType === 'llm') {
+        await httpClient.testLLMModel('_', {
+          uuid: '',
+          name,
+          provider_uuid: '',
+          provider: providerData,
+          abilities,
+          extra_args: extraArgsObj,
+        } as never);
+      } else {
+        await httpClient.testEmbeddingModel('_', {
+          uuid: '',
+          name,
+          provider_uuid: '',
+          provider: providerData,
+          extra_args: extraArgsObj,
+        } as never);
+      }
+      const duration = Date.now() - startTime;
+      setTestResult({ success: true, duration });
+    } catch (err) {
+      console.error('Failed to test model', err);
+      toast.error(t('models.testError') + ': ' + (err as CustomApiError).msg);
+      setTestResult(null);
+    } finally {
+      setIsTesting(false);
+    }
+  }
+
+  function handleFormClose() {
+    setProviderFormOpen(false);
+    loadProviders();
+    // Refresh expanded providers
+    expandedProviders.forEach((uuid) => loadProviderModels(uuid));
+  }
+
+  function renderProviderCard(
+    provider: ModelProvider,
+    isLangBotModels: boolean = false,
+  ) {
+    return (
+      <ProviderCard
+        key={provider.uuid}
+        provider={provider}
+        isLangBotModels={isLangBotModels}
+        isExpanded={expandedProviders.has(provider.uuid)}
+        isLoading={loadingProviders.has(provider.uuid)}
+        models={providerModels[provider.uuid]}
+        accountType={accountType}
+        spaceCredits={spaceCredits}
+        addModelPopoverOpen={addModelPopoverOpen}
+        editModelPopoverOpen={editModelPopoverOpen}
+        deleteConfirmOpen={deleteConfirmOpen}
+        onToggle={() => toggleProvider(provider.uuid)}
+        onEditProvider={() => handleEditProvider(provider.uuid)}
+        onDeleteProvider={() => handleDeleteProvider(provider.uuid)}
+        onSpaceLogin={handleSpaceLogin}
+        onOpenAddModel={() => setAddModelPopoverOpen(provider.uuid)}
+        onCloseAddModel={() => setAddModelPopoverOpen(null)}
+        onAddModel={(modelType, name, abilities, extraArgs) =>
+          handleAddModel(provider.uuid, modelType, name, abilities, extraArgs)
+        }
+        onOpenEditModel={(modelId) => setEditModelPopoverOpen(modelId)}
+        onCloseEditModel={() => setEditModelPopoverOpen(null)}
+        onUpdateModel={(modelId, modelType, name, abilities, extraArgs) =>
+          handleUpdateModel(
+            provider.uuid,
+            modelId,
+            modelType,
+            name,
+            abilities,
+            extraArgs,
+          )
+        }
+        onOpenDeleteConfirm={(modelId) => setDeleteConfirmOpen(modelId)}
+        onCloseDeleteConfirm={() => setDeleteConfirmOpen(null)}
+        onDeleteModel={(modelId, modelType) =>
+          handleDeleteModel(provider.uuid, modelId, modelType)
+        }
+        onTestModel={(name, modelType, abilities, extraArgs) =>
+          handleTestModel(provider.uuid, name, modelType, abilities, extraArgs)
+        }
+        isSubmitting={isSubmitting}
+        isTesting={isTesting}
+        testResult={testResult}
+        onResetTestResult={() => setTestResult(null)}
+      />
+    );
+  }
+
+  return (
+    <>
+      <Dialog
+        open={open}
+        onOpenChange={(newOpen) => {
+          if (!newOpen && providerFormOpen) return;
+          onOpenChange(newOpen);
+        }}
+      >
+        <DialogContent className="overflow-hidden p-0 h-[80vh] flex flex-col !max-w-[37rem]">
+          <DialogHeader className="px-6 pt-6 pb-0 flex-shrink-0">
+            <DialogTitle>{t('models.title')}</DialogTitle>
+          </DialogHeader>
+
+          <div className="flex-1 overflow-auto px-6 pb-6 mt-0">
+            {/* LangBot Models Card */}
+            {langbotProvider && renderProviderCard(langbotProvider, true)}
+
+            {/* Add Provider Button */}
+            <div className="mb-3 flex justify-between items-center sticky top-0 bg-background py-2 z-10">
+              <span className="text-sm text-muted-foreground">
+                {otherProviders.length === 0
+                  ? t(
+                      systemInfo.disable_models_service
+                        ? 'models.addProviderHintSimple'
+                        : 'models.addProviderHint',
+                    )
+                  : t('models.providerCount', { count: otherProviders.length })}
+              </span>
+              <Button
+                size="sm"
+                variant="outline"
+                onClick={handleCreateProvider}
+              >
+                <Plus className="h-4 w-4 mr-1" />
+                {t('models.addProvider')}
+              </Button>
+            </div>
+
+            {/* Provider List */}
+            {otherProviders.length === 0 ? (
+              <div className="flex flex-col items-center justify-center py-12 text-muted-foreground">
+                <Boxes className="h-12 w-12 mb-3 opacity-50" />
+                <p className="text-sm">{t('models.noProviders')}</p>
+              </div>
+            ) : (
+              otherProviders.map((p) => renderProviderCard(p))
+            )}
+          </div>
+        </DialogContent>
+      </Dialog>
+
+      <Dialog open={providerFormOpen} onOpenChange={setProviderFormOpen}>
+        <DialogContent className="w-[600px] p-6">
+          <DialogHeader>
+            <DialogTitle>
+              {editingProviderId
+                ? t('models.editProvider')
+                : t('models.addProvider')}
+            </DialogTitle>
+          </DialogHeader>
+          <ProviderForm
+            providerId={editingProviderId || undefined}
+            onFormSubmit={handleFormClose}
+            onFormCancel={() => setProviderFormOpen(false)}
+          />
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
--- a/web/src/app/home/components/models-dialog/component/provider-form/ProviderForm.tsx
+++ b/web/src/app/home/components/models-dialog/component/provider-form/ProviderForm.tsx
@@ -0,0 +1,325 @@
+import { useEffect, useState } from 'react';
+import { httpClient } from '@/app/infra/http/HttpClient';
+
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { useTranslation } from 'react-i18next';
+
+import { Button } from '@/components/ui/button';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { DialogFooter } from '@/components/ui/dialog';
+import { toast } from 'sonner';
+import { extractI18nObject } from '@/i18n/I18nProvider';
+import { CustomApiError } from '@/app/infra/entities/common';
+
+const getFormSchema = (t: (key: string) => string) =>
+  z.object({
+    name: z.string().min(1, { message: t('models.providerNameRequired') }),
+    requester: z.string().min(1, { message: t('models.requesterRequired') }),
+    base_url: z.string(),
+    api_key: z.string().optional(),
+  });
+
+interface ProviderFormProps {
+  providerId?: string;
+  onFormSubmit: () => void;
+  onFormCancel: () => void;
+}
+
+export default function ProviderForm({
+  providerId,
+  onFormSubmit,
+  onFormCancel,
+}: ProviderFormProps) {
+  const { t } = useTranslation();
+  const formSchema = getFormSchema(t);
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      name: '',
+      requester: '',
+      base_url: '',
+      api_key: '',
+    },
+  });
+
+  const [requesterList, setRequesterList] = useState<
+    {
+      label: string;
+      value: string;
+      category: string;
+      defaultUrl: string;
+      description: string;
+    }[]
+  >([]);
+
+  useEffect(() => {
+    loadRequesters();
+    if (providerId) {
+      loadProvider(providerId);
+    }
+  }, [providerId]);
+
+  async function loadRequesters() {
+    const resp = await httpClient.getProviderRequesters();
+    setRequesterList(
+      resp.requesters
+        .filter((item) => item.name !== 'space-chat-completions')
+        .map((item) => ({
+          label: extractI18nObject(item.label),
+          value: item.name,
+          category: item.spec.provider_category || 'manufacturer',
+          defaultUrl:
+            item.spec.config
+              .find((c) => c.name === 'base_url')
+              ?.default?.toString() || '',
+          description: extractI18nObject(item.description),
+        })),
+    );
+  }
+
+  async function loadProvider(id: string) {
+    const resp = await httpClient.getModelProvider(id);
+    const provider = resp.provider;
+
+    form.setValue('name', provider.name);
+    form.setValue('requester', provider.requester);
+    form.setValue('base_url', provider.base_url);
+    form.setValue('api_key', provider.api_keys?.[0] || '');
+  }
+
+  async function handleFormSubmit(values: z.infer<typeof formSchema>) {
+    const data = {
+      name: values.name,
+      requester: values.requester,
+      base_url: values.base_url,
+      api_keys: values.api_key ? [values.api_key] : [],
+    };
+
+    try {
+      if (providerId) {
+        await httpClient.updateModelProvider(providerId, data);
+        toast.success(t('models.providerSaved'));
+      } else {
+        await httpClient.createModelProvider(data);
+        toast.success(t('models.providerCreated'));
+      }
+      onFormSubmit();
+    } catch (err) {
+      toast.error(t('models.providerSaveError') + (err as CustomApiError).msg);
+    }
+  }
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(handleFormSubmit)}
+        className="space-y-4"
+      >
+        <FormField
+          control={form.control}
+          name="name"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>
+                {t('models.providerName')}
+                <span className="text-red-500">*</span>
+              </FormLabel>
+              <FormControl>
+                <Input {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="requester"
+          render={({ field }) => {
+            const selectedRequester = requesterList.find(
+              (r) => r.value === field.value,
+            );
+            return (
+              <FormItem>
+                <FormLabel>
+                  {t('models.requester')}
+                  <span className="text-red-500">*</span>
+                </FormLabel>
+                <Select
+                  onValueChange={(v) => {
+                    field.onChange(v);
+                    const req = requesterList.find((r) => r.value === v);
+                    // Auto-fill default URL when creating new provider
+                    // or when base_url is empty in edit mode
+                    if (req && (!providerId || !form.getValues('base_url'))) {
+                      form.setValue('base_url', req.defaultUrl);
+                    }
+                  }}
+                  value={field.value}
+                >
+                  <SelectTrigger className="bg-background">
+                    {selectedRequester ? (
+                      <div className="flex items-center gap-2">
+                        <img
+                          src={httpClient.getProviderRequesterIconURL(
+                            selectedRequester.value,
+                          )}
+                          alt={selectedRequester.label}
+                          className="h-5 w-5 rounded"
+                        />
+                        <span>{selectedRequester.label}</span>
+                      </div>
+                    ) : (
+                      <SelectValue placeholder={t('models.selectRequester')} />
+                    )}
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectGroup>
+                      <SelectLabel>{t('models.builtin')}</SelectLabel>
+                      {requesterList
+                        .filter((r) => r.category === 'builtin')
+                        .map((r) => (
+                          <SelectItem key={r.value} value={r.value}>
+                            <div className="flex items-center gap-2">
+                              <img
+                                src={httpClient.getProviderRequesterIconURL(
+                                  r.value,
+                                )}
+                                alt={r.label}
+                                className="h-5 w-5 rounded"
+                              />
+                              <span>{r.label}</span>
+                            </div>
+                          </SelectItem>
+                        ))}
+                    </SelectGroup>
+                    <SelectGroup>
+                      <SelectLabel>{t('models.modelManufacturer')}</SelectLabel>
+                      {requesterList
+                        .filter((r) => r.category === 'manufacturer')
+                        .map((r) => (
+                          <SelectItem key={r.value} value={r.value}>
+                            <div className="flex items-center gap-2">
+                              <img
+                                src={httpClient.getProviderRequesterIconURL(
+                                  r.value,
+                                )}
+                                alt={r.label}
+                                className="h-5 w-5 rounded"
+                              />
+                              <span>{r.label}</span>
+                            </div>
+                          </SelectItem>
+                        ))}
+                    </SelectGroup>
+                    <SelectGroup>
+                      <SelectLabel>
+                        {t('models.aggregationPlatform')}
+                      </SelectLabel>
+                      {requesterList
+                        .filter((r) => r.category === 'maas')
+                        .map((r) => (
+                          <SelectItem key={r.value} value={r.value}>
+                            <div className="flex items-center gap-2">
+                              <img
+                                src={httpClient.getProviderRequesterIconURL(
+                                  r.value,
+                                )}
+                                alt={r.label}
+                                className="h-5 w-5 rounded"
+                              />
+                              <span>{r.label}</span>
+                            </div>
+                          </SelectItem>
+                        ))}
+                    </SelectGroup>
+                    <SelectGroup>
+                      <SelectLabel>{t('models.selfDeployed')}</SelectLabel>
+                      {requesterList
+                        .filter((r) => r.category === 'self-hosted')
+                        .map((r) => (
+                          <SelectItem key={r.value} value={r.value}>
+                            <div className="flex items-center gap-2">
+                              <img
+                                src={httpClient.getProviderRequesterIconURL(
+                                  r.value,
+                                )}
+                                alt={r.label}
+                                className="h-5 w-5 rounded"
+                              />
+                              <span>{r.label}</span>
+                            </div>
+                          </SelectItem>
+                        ))}
+                    </SelectGroup>
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+                {selectedRequester?.description && (
+                  <p className="text-sm text-muted-foreground">
+                    {selectedRequester.description}
+                  </p>
+                )}
+              </FormItem>
+            );
+          }}
+        />
+
+        <FormField
+          control={form.control}
+          name="base_url"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t('models.requestURL')}</FormLabel>
+              <FormControl>
+                <Input {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="api_key"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t('models.apiKey')}</FormLabel>
+              <FormControl>
+                <Input {...field} type="password" />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <DialogFooter>
+          <Button type="submit">{t('common.save')}</Button>
+          <Button type="button" variant="outline" onClick={onFormCancel}>
+            {t('common.cancel')}
+          </Button>
+        </DialogFooter>
+      </form>
+    </Form>
+  );
+}
--- a/web/src/app/home/components/models-dialog/components/AddModelPopover.tsx
+++ b/web/src/app/home/components/models-dialog/components/AddModelPopover.tsx
@@ -0,0 +1,233 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Plus, MessageSquareText, Cpu, Eye, Wrench, Check } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Checkbox } from '@/components/ui/checkbox';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { useTranslation } from 'react-i18next';
+import { ExtraArg, ModelType, TestResult } from '../types';
+import ExtraArgsEditor from './ExtraArgsEditor';
+
+interface AddModelPopoverProps {
+  isOpen: boolean;
+  onOpen: () => void;
+  onClose: () => void;
+  onAddModel: (
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onTestModel: (
+    name: string,
+    modelType: ModelType,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  isSubmitting: boolean;
+  isTesting: boolean;
+  testResult: TestResult | null;
+  onResetTestResult: () => void;
+}
+
+export default function AddModelPopover({
+  isOpen,
+  onOpen,
+  onClose,
+  onAddModel,
+  onTestModel,
+  isSubmitting,
+  isTesting,
+  testResult,
+  onResetTestResult,
+}: AddModelPopoverProps) {
+  const { t } = useTranslation();
+
+  const [tab, setTab] = useState<ModelType>('llm');
+  const [name, setName] = useState('');
+  const [abilities, setAbilities] = useState<string[]>([]);
+  const [extraArgs, setExtraArgs] = useState<ExtraArg[]>([]);
+
+  // Reset form when popover opens
+  useEffect(() => {
+    if (isOpen) {
+      setTab('llm');
+      setName('');
+      setAbilities([]);
+      setExtraArgs([]);
+      onResetTestResult();
+    }
+  }, [isOpen]);
+
+  const handleAdd = async () => {
+    await onAddModel(tab, name, abilities, extraArgs);
+  };
+
+  const handleTest = async () => {
+    await onTestModel(name, tab, tab === 'llm' ? abilities : [], extraArgs);
+  };
+
+  const toggleAbility = (ability: string, checked: boolean) => {
+    if (checked) {
+      setAbilities([...abilities, ability]);
+    } else {
+      setAbilities(abilities.filter((a) => a !== ability));
+    }
+  };
+
+  return (
+    <Popover
+      open={isOpen}
+      onOpenChange={(open) => (open ? onOpen() : onClose())}
+    >
+      <PopoverTrigger asChild>
+        <Button
+          variant="ghost"
+          size="sm"
+          className="h-6 text-xs"
+          onClick={(e) => e.stopPropagation()}
+        >
+          <Plus className="h-3 w-3 mr-1" />
+          {t('models.addModel')}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        className="w-80"
+        align="end"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <Tabs value={tab} onValueChange={(v) => setTab(v as ModelType)}>
+          <TabsList className="grid w-full grid-cols-2">
+            <TabsTrigger value="llm">
+              <MessageSquareText className="h-4 w-4 mr-1" />
+              {t('models.chat')}
+            </TabsTrigger>
+            <TabsTrigger value="embedding">
+              <Cpu className="h-4 w-4 mr-1" />
+              {t('models.embedding')}
+            </TabsTrigger>
+          </TabsList>
+
+          <TabsContent value="llm" className="space-y-3 mt-3">
+            <div className="space-y-2">
+              <Label>{t('models.modelName')}</Label>
+              <Input
+                placeholder={t('models.modelName')}
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label>{t('models.abilities')}</Label>
+              <div className="flex gap-4">
+                <div className="flex items-center gap-2">
+                  <Checkbox
+                    id="add-vision"
+                    checked={abilities.includes('vision')}
+                    onCheckedChange={(checked) =>
+                      toggleAbility('vision', checked as boolean)
+                    }
+                  />
+                  <Label htmlFor="add-vision" className="text-sm">
+                    <Eye className="h-3 w-3 inline mr-1" />
+                    {t('models.visionAbility')}
+                  </Label>
+                </div>
+                <div className="flex items-center gap-2">
+                  <Checkbox
+                    id="add-func-call"
+                    checked={abilities.includes('func_call')}
+                    onCheckedChange={(checked) =>
+                      toggleAbility('func_call', checked as boolean)
+                    }
+                  />
+                  <Label htmlFor="add-func-call" className="text-sm">
+                    <Wrench className="h-3 w-3 inline mr-1" />
+                    {t('models.functionCallAbility')}
+                  </Label>
+                </div>
+              </div>
+            </div>
+            <ExtraArgsEditor args={extraArgs} onChange={setExtraArgs} />
+            <div className="flex gap-2">
+              <Button
+                className="flex-1"
+                size="sm"
+                onClick={handleAdd}
+                disabled={isSubmitting || isTesting}
+              >
+                {isSubmitting ? t('common.saving') : t('common.add')}
+              </Button>
+              <Button
+                className="flex-1"
+                size="sm"
+                variant="outline"
+                onClick={handleTest}
+                disabled={isSubmitting || isTesting}
+              >
+                {isTesting ? (
+                  t('common.loading')
+                ) : testResult?.success ? (
+                  <>
+                    <Check className="h-4 w-4 mr-1 text-green-500" />
+                    {(testResult.duration / 1000).toFixed(1)}s
+                  </>
+                ) : (
+                  t('common.test')
+                )}
+              </Button>
+            </div>
+          </TabsContent>
+
+          <TabsContent value="embedding" className="space-y-3 mt-3">
+            <div className="space-y-2">
+              <Label>{t('models.modelName')}</Label>
+              <Input
+                placeholder={t('models.modelName')}
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+              />
+            </div>
+            <ExtraArgsEditor args={extraArgs} onChange={setExtraArgs} />
+            <div className="flex gap-2">
+              <Button
+                className="flex-1"
+                size="sm"
+                onClick={handleAdd}
+                disabled={isSubmitting || isTesting}
+              >
+                {isSubmitting ? t('common.saving') : t('common.add')}
+              </Button>
+              <Button
+                className="flex-1"
+                size="sm"
+                variant="outline"
+                onClick={handleTest}
+                disabled={isSubmitting || isTesting}
+              >
+                {isTesting ? (
+                  t('common.loading')
+                ) : testResult?.success ? (
+                  <>
+                    <Check className="h-4 w-4 mr-1 text-green-500" />
+                    {(testResult.duration / 1000).toFixed(1)}s
+                  </>
+                ) : (
+                  t('common.test')
+                )}
+              </Button>
+            </div>
+          </TabsContent>
+        </Tabs>
+      </PopoverContent>
+    </Popover>
+  );
+}
--- a/web/src/app/home/components/models-dialog/components/ExtraArgsEditor.tsx
+++ b/web/src/app/home/components/models-dialog/components/ExtraArgsEditor.tsx
@@ -0,0 +1,114 @@
+'use client';
+
+import { Plus, X } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { useTranslation } from 'react-i18next';
+import { ExtraArg } from '../types';
+
+interface ExtraArgsEditorProps {
+  args: ExtraArg[];
+  onChange: (args: ExtraArg[]) => void;
+  disabled?: boolean;
+}
+
+export default function ExtraArgsEditor({
+  args,
+  onChange,
+  disabled = false,
+}: ExtraArgsEditorProps) {
+  const { t } = useTranslation();
+
+  const handleAdd = () => {
+    onChange([...args, { key: '', type: 'string', value: '' }]);
+  };
+
+  const handleRemove = (index: number) => {
+    onChange(args.filter((_, i) => i !== index));
+  };
+
+  const handleUpdate = (
+    index: number,
+    field: keyof ExtraArg,
+    value: string,
+  ) => {
+    const newArgs = [...args];
+    newArgs[index] = { ...newArgs[index], [field]: value };
+    onChange(newArgs);
+  };
+
+  return (
+    <div className="space-y-2">
+      <div className="flex items-center justify-between">
+        <Label>{t('models.extraParameters')}</Label>
+        {!disabled && (
+          <Button
+            type="button"
+            variant="ghost"
+            size="sm"
+            className="h-6 text-xs"
+            onClick={handleAdd}
+          >
+            <Plus className="h-3 w-3 mr-1" />
+            {t('models.addParameter')}
+          </Button>
+        )}
+      </div>
+      {args.length === 0 ? (
+        <p className="text-sm text-muted-foreground">{t('common.none')}</p>
+      ) : (
+        args.map((arg, index) => (
+          <div key={index} className="flex gap-2 items-center">
+            <Input
+              placeholder={t('models.keyName')}
+              value={arg.key}
+              className="flex-1"
+              disabled={disabled}
+              onChange={(e) => handleUpdate(index, 'key', e.target.value)}
+            />
+            <Select
+              value={arg.type}
+              disabled={disabled}
+              onValueChange={(value) => handleUpdate(index, 'type', value)}
+            >
+              <SelectTrigger className="w-24">
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="string">{t('models.string')}</SelectItem>
+                <SelectItem value="number">{t('models.number')}</SelectItem>
+                <SelectItem value="boolean">{t('models.boolean')}</SelectItem>
+              </SelectContent>
+            </Select>
+            <Input
+              placeholder={t('models.value')}
+              value={arg.value}
+              className="flex-1"
+              disabled={disabled}
+              onChange={(e) => handleUpdate(index, 'value', e.target.value)}
+            />
+            {!disabled && (
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                className="h-8 w-8 flex-shrink-0"
+                onClick={() => handleRemove(index)}
+              >
+                <X className="h-4 w-4" />
+              </Button>
+            )}
+          </div>
+        ))
+      )}
+    </div>
+  );
+}
--- a/web/src/app/home/components/models-dialog/components/ModelItem.tsx
+++ b/web/src/app/home/components/models-dialog/components/ModelItem.tsx
@@ -0,0 +1,292 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Trash2, Eye, Wrench, Check } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Badge } from '@/components/ui/badge';
+import { Checkbox } from '@/components/ui/checkbox';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover';
+import { useTranslation } from 'react-i18next';
+import { LLMModel, EmbeddingModel } from '@/app/infra/entities/api';
+import { ExtraArg, ModelType, TestResult } from '../types';
+import ExtraArgsEditor from './ExtraArgsEditor';
+
+interface ModelItemProps {
+  model: LLMModel | EmbeddingModel;
+  modelType: ModelType;
+  isLangBotModels: boolean;
+  editModelPopoverOpen: string | null;
+  deleteConfirmOpen: string | null;
+  onOpenEditModel: (modelId: string) => void;
+  onCloseEditModel: () => void;
+  onOpenDeleteConfirm: (modelId: string) => void;
+  onCloseDeleteConfirm: () => void;
+  onDeleteModel: () => void;
+  onUpdateModel: (
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onTestModel: (
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  isSubmitting: boolean;
+  isTesting: boolean;
+  testResult: TestResult | null;
+  onResetTestResult: () => void;
+}
+
+function convertExtraArgsToArray(extraArgs?: object): ExtraArg[] {
+  if (!extraArgs) return [];
+  return Object.entries(extraArgs).map(([key, value]) => {
+    let type: 'string' | 'number' | 'boolean' = 'string';
+    if (typeof value === 'number') type = 'number';
+    else if (typeof value === 'boolean') type = 'boolean';
+    return { key, type, value: String(value) };
+  });
+}
+
+export default function ModelItem({
+  model,
+  modelType,
+  isLangBotModels,
+  editModelPopoverOpen,
+  deleteConfirmOpen,
+  onOpenEditModel,
+  onCloseEditModel,
+  onOpenDeleteConfirm,
+  onCloseDeleteConfirm,
+  onDeleteModel,
+  onUpdateModel,
+  onTestModel,
+  isSubmitting,
+  isTesting,
+  testResult,
+  onResetTestResult,
+}: ModelItemProps) {
+  const { t } = useTranslation();
+
+  const [editName, setEditName] = useState(model.name);
+  const [editAbilities, setEditAbilities] = useState<string[]>(
+    modelType === 'llm' ? (model as LLMModel).abilities || [] : [],
+  );
+  const [editExtraArgs, setEditExtraArgs] = useState<ExtraArg[]>(
+    convertExtraArgsToArray(model.extra_args),
+  );
+
+  const isEditOpen = editModelPopoverOpen === model.uuid;
+  const isDeleteOpen = deleteConfirmOpen === model.uuid;
+
+  // Reset form when popover opens
+  useEffect(() => {
+    if (isEditOpen) {
+      setEditName(model.name);
+      setEditAbilities(
+        modelType === 'llm' ? (model as LLMModel).abilities || [] : [],
+      );
+      setEditExtraArgs(convertExtraArgsToArray(model.extra_args));
+      onResetTestResult();
+    }
+  }, [isEditOpen]);
+
+  const handleSave = async () => {
+    await onUpdateModel(editName, editAbilities, editExtraArgs);
+  };
+
+  const handleTest = async () => {
+    await onTestModel(editName, editAbilities, editExtraArgs);
+  };
+
+  const toggleAbility = (ability: string, checked: boolean) => {
+    if (checked) {
+      setEditAbilities([...editAbilities, ability]);
+    } else {
+      setEditAbilities(editAbilities.filter((a) => a !== ability));
+    }
+  };
+
+  return (
+    <Popover
+      open={isEditOpen}
+      onOpenChange={(open) => {
+        if (open) {
+          onOpenEditModel(model.uuid);
+        } else {
+          onCloseEditModel();
+        }
+      }}
+    >
+      <PopoverTrigger asChild>
+        <div className="flex items-center justify-between py-2 px-3 rounded-md border bg-background hover:bg-accent cursor-pointer">
+          <div className="flex items-center gap-2 flex-wrap">
+            <span className="text-sm font-medium">{model.name}</span>
+            <Badge variant="secondary" className="text-xs">
+              {modelType === 'llm' ? t('models.chat') : t('models.embedding')}
+            </Badge>
+            {modelType === 'llm' &&
+              (model as LLMModel).abilities?.includes('vision') && (
+                <Badge variant="outline" className="text-xs gap-1">
+                  <Eye className="h-3 w-3" />
+                </Badge>
+              )}
+            {modelType === 'llm' &&
+              (model as LLMModel).abilities?.includes('func_call') && (
+                <Badge variant="outline" className="text-xs gap-1">
+                  <Wrench className="h-3 w-3" />
+                </Badge>
+              )}
+          </div>
+          {!isLangBotModels && (
+            <Popover
+              open={isDeleteOpen}
+              onOpenChange={(open) =>
+                open ? onOpenDeleteConfirm(model.uuid) : onCloseDeleteConfirm()
+              }
+            >
+              <PopoverTrigger asChild>
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  className="h-7 w-7 flex-shrink-0"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                  }}
+                >
+                  <Trash2 className="h-4 w-4 text-muted-foreground hover:text-destructive" />
+                </Button>
+              </PopoverTrigger>
+              <PopoverContent
+                className="w-64"
+                align="end"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <div className="space-y-3">
+                  <p className="text-sm">{t('models.deleteConfirmation')}</p>
+                  <div className="flex gap-2 justify-end">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => onCloseDeleteConfirm()}
+                    >
+                      {t('common.cancel')}
+                    </Button>
+                    <Button
+                      variant="destructive"
+                      size="sm"
+                      onClick={() => {
+                        onDeleteModel();
+                        onCloseDeleteConfirm();
+                      }}
+                    >
+                      {t('common.delete')}
+                    </Button>
+                  </div>
+                </div>
+              </PopoverContent>
+            </Popover>
+          )}
+        </div>
+      </PopoverTrigger>
+      <PopoverContent className="w-80" align="start">
+        <div className="space-y-3">
+          <div className="space-y-2">
+            <Label>{t('models.modelName')}</Label>
+            <Input
+              placeholder={t('models.modelName')}
+              value={editName}
+              onChange={(e) => setEditName(e.target.value)}
+              disabled={isLangBotModels}
+            />
+          </div>
+
+          {modelType === 'llm' && (
+            <div className="space-y-2">
+              <Label>{t('models.abilities')}</Label>
+              <div className="flex gap-4">
+                <div className="flex items-center gap-2">
+                  <Checkbox
+                    id={`edit-vision-${model.uuid}`}
+                    checked={editAbilities.includes('vision')}
+                    disabled={isLangBotModels}
+                    onCheckedChange={(checked) =>
+                      toggleAbility('vision', checked as boolean)
+                    }
+                  />
+                  <Label
+                    htmlFor={`edit-vision-${model.uuid}`}
+                    className="text-sm"
+                  >
+                    <Eye className="h-3 w-3 inline mr-1" />
+                    {t('models.visionAbility')}
+                  </Label>
+                </div>
+                <div className="flex items-center gap-2">
+                  <Checkbox
+                    id={`edit-func-call-${model.uuid}`}
+                    checked={editAbilities.includes('func_call')}
+                    disabled={isLangBotModels}
+                    onCheckedChange={(checked) =>
+                      toggleAbility('func_call', checked as boolean)
+                    }
+                  />
+                  <Label
+                    htmlFor={`edit-func-call-${model.uuid}`}
+                    className="text-sm"
+                  >
+                    <Wrench className="h-3 w-3 inline mr-1" />
+                    {t('models.functionCallAbility')}
+                  </Label>
+                </div>
+              </div>
+            </div>
+          )}
+
+          <ExtraArgsEditor
+            args={editExtraArgs}
+            onChange={setEditExtraArgs}
+            disabled={isLangBotModels}
+          />
+
+          <div className="flex gap-2">
+            {!isLangBotModels && (
+              <Button
+                className="flex-1"
+                size="sm"
+                onClick={handleSave}
+                disabled={isSubmitting || isTesting}
+              >
+                {isSubmitting ? t('common.saving') : t('common.save')}
+              </Button>
+            )}
+            <Button
+              className={isLangBotModels ? 'w-full' : 'flex-1'}
+              size="sm"
+              variant="outline"
+              onClick={handleTest}
+              disabled={isSubmitting || isTesting}
+            >
+              {isTesting ? (
+                t('common.loading')
+              ) : testResult?.success ? (
+                <>
+                  <Check className="h-4 w-4 mr-1 text-green-500" />
+                  {(testResult.duration / 1000).toFixed(1)}s
+                </>
+              ) : (
+                t('common.test')
+              )}
+            </Button>
+          </div>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}
--- a/web/src/app/home/components/models-dialog/components/ProviderCard.tsx
+++ b/web/src/app/home/components/models-dialog/components/ProviderCard.tsx
@@ -0,0 +1,398 @@
+'use client';
+
+import { useState } from 'react';
+import {
+  Plus,
+  ChevronDown,
+  ChevronRight,
+  Trash2,
+  Settings,
+  LogIn,
+} from 'lucide-react';
+import { httpClient, systemInfo } from '@/app/infra/http/HttpClient';
+import { ModelProvider } from '@/app/infra/entities/api';
+import { Button } from '@/components/ui/button';
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@/components/ui/collapsible';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { useTranslation } from 'react-i18next';
+import langbotIcon from '@/app/assets/langbot-logo.webp';
+import { ExtraArg, ModelType, TestResult, ProviderModels } from '../types';
+import ModelItem from './ModelItem';
+import AddModelPopover from './AddModelPopover';
+
+interface ProviderCardProps {
+  provider: ModelProvider;
+  isLangBotModels?: boolean;
+  isExpanded: boolean;
+  isLoading: boolean;
+  models?: ProviderModels;
+  accountType: 'local' | 'space';
+  spaceCredits: number | null;
+  // Popover states
+  addModelPopoverOpen: string | null;
+  editModelPopoverOpen: string | null;
+  deleteConfirmOpen: string | null;
+  // Handlers
+  onToggle: () => void;
+  onEditProvider: () => void;
+  onDeleteProvider: () => void;
+  onSpaceLogin: () => void;
+  onOpenAddModel: () => void;
+  onCloseAddModel: () => void;
+  onAddModel: (
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onOpenEditModel: (modelId: string) => void;
+  onCloseEditModel: () => void;
+  onUpdateModel: (
+    modelId: string,
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onOpenDeleteConfirm: (modelId: string) => void;
+  onCloseDeleteConfirm: () => void;
+  onDeleteModel: (modelId: string, modelType: ModelType) => Promise<void>;
+  onTestModel: (
+    name: string,
+    modelType: ModelType,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  isSubmitting: boolean;
+  isTesting: boolean;
+  testResult: TestResult | null;
+  onResetTestResult: () => void;
+}
+
+function maskApiKey(key: string): string {
+  if (!key) return '';
+  if (key.length <= 8) return '****';
+  return `${key.slice(0, 4)}...${key.slice(-4)}`;
+}
+
+export default function ProviderCard({
+  provider,
+  isLangBotModels = false,
+  isExpanded,
+  isLoading,
+  models,
+  accountType,
+  spaceCredits,
+  addModelPopoverOpen,
+  editModelPopoverOpen,
+  deleteConfirmOpen,
+  onToggle,
+  onEditProvider,
+  onDeleteProvider,
+  onSpaceLogin,
+  onOpenAddModel,
+  onCloseAddModel,
+  onAddModel,
+  onOpenEditModel,
+  onCloseEditModel,
+  onUpdateModel,
+  onOpenDeleteConfirm,
+  onCloseDeleteConfirm,
+  onDeleteModel,
+  onTestModel,
+  isSubmitting,
+  isTesting,
+  testResult,
+  onResetTestResult,
+}: ProviderCardProps) {
+  const { t } = useTranslation();
+  const [deleteProviderConfirmOpen, setDeleteProviderConfirmOpen] =
+    useState(false);
+
+  const canDelete =
+    !isLangBotModels &&
+    (provider.llm_count || 0) === 0 &&
+    (provider.embedding_count || 0) === 0;
+  const totalModels =
+    (provider.llm_count || 0) + (provider.embedding_count || 0);
+
+  return (
+    <Card className="mb-2">
+      <Collapsible open={isExpanded} onOpenChange={onToggle}>
+        <CardHeader className="py-0 px-4">
+          <div className="flex items-center justify-between">
+            <div className="flex items-center gap-2 flex-1">
+              {isLangBotModels ? (
+                <div className="w-9 h-9 rounded-lg overflow-hidden flex-shrink-0">
+                  <img
+                    src={langbotIcon.src}
+                    alt="LangBot"
+                    className="w-full h-full object-cover"
+                  />
+                </div>
+              ) : (
+                <img
+                  src={httpClient.getProviderRequesterIconURL(
+                    provider.requester,
+                  )}
+                  alt={provider.name}
+                  className="h-9 w-9 rounded-lg"
+                />
+              )}
+              <div className="flex-1 min-w-0">
+                <div className="flex items-center gap-2">
+                  <CardTitle className="text-base">{provider.name}</CardTitle>
+                  <Badge variant="outline" className="text-xs">
+                    {t('models.modelsCount', { count: totalModels })}
+                  </Badge>
+                </div>
+                <p className="text-xs text-muted-foreground truncate">
+                  {isLangBotModels ? (
+                    t('models.langbotModelsDescription')
+                  ) : (
+                    <>
+                      {provider.base_url}
+                      {provider.base_url &&
+                        provider.api_keys?.length > 0 &&
+                        ' · '}
+                      {provider.api_keys?.length > 0 &&
+                        maskApiKey(provider.api_keys[0])}
+                    </>
+                  )}
+                </p>
+              </div>
+            </div>
+            <div className="flex items-center gap-1 ml-2">
+              {isLangBotModels && accountType !== 'space' && (
+                <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    onSpaceLogin();
+                  }}
+                >
+                  <LogIn className="h-4 w-4 mr-1" />
+                  {t('models.loginWithSpace')}
+                </Button>
+              )}
+              {isLangBotModels &&
+                accountType === 'space' &&
+                spaceCredits !== null && (
+                  <div className="flex items-center gap-1 border rounded-md px-2 h-8 text-sm mr-2">
+                    <span>
+                      {(spaceCredits / 5000).toFixed(2)} {t('models.credits')}
+                    </span>
+                    <Button
+                      variant="ghost"
+                      size="icon"
+                      className="h-5 w-5"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        window.open(
+                          `${systemInfo.cloud_service_url}/profile?tab=billing`,
+                          '_blank',
+                        );
+                      }}
+                    >
+                      <Plus className="h-3 w-3" />
+                    </Button>
+                  </div>
+                )}
+              {!isLangBotModels && (
+                <>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    className="h-8 w-8"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      onEditProvider();
+                    }}
+                  >
+                    <Settings className="h-4 w-4" />
+                  </Button>
+                  {canDelete && (
+                    <Popover
+                      open={deleteProviderConfirmOpen}
+                      onOpenChange={setDeleteProviderConfirmOpen}
+                    >
+                      <PopoverTrigger asChild>
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className="h-8 w-8"
+                          onClick={(e) => {
+                            e.stopPropagation();
+                          }}
+                        >
+                          <Trash2 className="h-4 w-4 text-destructive" />
+                        </Button>
+                      </PopoverTrigger>
+                      <PopoverContent
+                        className="w-64"
+                        align="end"
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <div className="space-y-3">
+                          <p className="text-sm">
+                            {t('models.deleteProviderConfirmation')}
+                          </p>
+                          <div className="flex gap-2 justify-end">
+                            <Button
+                              variant="outline"
+                              size="sm"
+                              onClick={() =>
+                                setDeleteProviderConfirmOpen(false)
+                              }
+                            >
+                              {t('common.cancel')}
+                            </Button>
+                            <Button
+                              variant="destructive"
+                              size="sm"
+                              onClick={() => {
+                                onDeleteProvider();
+                                setDeleteProviderConfirmOpen(false);
+                              }}
+                            >
+                              {t('common.delete')}
+                            </Button>
+                          </div>
+                        </div>
+                      </PopoverContent>
+                    </Popover>
+                  )}
+                </>
+              )}
+            </div>
+          </div>
+          <div className="flex items-center justify-between mt-2">
+            {totalModels > 0 ? (
+              <CollapsibleTrigger className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground cursor-pointer">
+                {isExpanded ? (
+                  <ChevronDown className="h-3 w-3" />
+                ) : (
+                  <ChevronRight className="h-3 w-3" />
+                )}
+                <span>
+                  {isExpanded
+                    ? t('models.collapseModels')
+                    : t('models.expandModels')}
+                </span>
+              </CollapsibleTrigger>
+            ) : (
+              <div />
+            )}
+            {!isLangBotModels && (
+              <AddModelPopover
+                isOpen={addModelPopoverOpen === provider.uuid}
+                onOpen={onOpenAddModel}
+                onClose={onCloseAddModel}
+                onAddModel={onAddModel}
+                onTestModel={onTestModel}
+                isSubmitting={isSubmitting}
+                isTesting={isTesting}
+                testResult={testResult}
+                onResetTestResult={onResetTestResult}
+              />
+            )}
+          </div>
+        </CardHeader>
+        <CollapsibleContent>
+          <CardContent className="px-4 mt-2">
+            {isLoading ? (
+              <p className="text-sm text-muted-foreground text-center py-4">
+                {t('common.loading')}...
+              </p>
+            ) : models ? (
+              <div className="space-y-2">
+                {models.llm.map((model) => (
+                  <ModelItem
+                    key={model.uuid}
+                    model={model}
+                    modelType="llm"
+                    isLangBotModels={isLangBotModels}
+                    editModelPopoverOpen={editModelPopoverOpen}
+                    deleteConfirmOpen={deleteConfirmOpen}
+                    onOpenEditModel={onOpenEditModel}
+                    onCloseEditModel={onCloseEditModel}
+                    onOpenDeleteConfirm={onOpenDeleteConfirm}
+                    onCloseDeleteConfirm={onCloseDeleteConfirm}
+                    onDeleteModel={() => onDeleteModel(model.uuid, 'llm')}
+                    onUpdateModel={(name, abilities, extraArgs) =>
+                      onUpdateModel(
+                        model.uuid,
+                        'llm',
+                        name,
+                        abilities,
+                        extraArgs,
+                      )
+                    }
+                    onTestModel={(name, abilities, extraArgs) =>
+                      onTestModel(name, 'llm', abilities, extraArgs)
+                    }
+                    isSubmitting={isSubmitting}
+                    isTesting={isTesting}
+                    testResult={testResult}
+                    onResetTestResult={onResetTestResult}
+                  />
+                ))}
+                {models.embedding.map((model) => (
+                  <ModelItem
+                    key={model.uuid}
+                    model={model}
+                    modelType="embedding"
+                    isLangBotModels={isLangBotModels}
+                    editModelPopoverOpen={editModelPopoverOpen}
+                    deleteConfirmOpen={deleteConfirmOpen}
+                    onOpenEditModel={onOpenEditModel}
+                    onCloseEditModel={onCloseEditModel}
+                    onOpenDeleteConfirm={onOpenDeleteConfirm}
+                    onCloseDeleteConfirm={onCloseDeleteConfirm}
+                    onDeleteModel={() => onDeleteModel(model.uuid, 'embedding')}
+                    onUpdateModel={(name, abilities, extraArgs) =>
+                      onUpdateModel(
+                        model.uuid,
+                        'embedding',
+                        name,
+                        abilities,
+                        extraArgs,
+                      )
+                    }
+                    onTestModel={(name, abilities, extraArgs) =>
+                      onTestModel(name, 'embedding', abilities, extraArgs)
+                    }
+                    isSubmitting={isSubmitting}
+                    isTesting={isTesting}
+                    testResult={testResult}
+                    onResetTestResult={onResetTestResult}
+                  />
+                ))}
+                {models.llm.length === 0 && models.embedding.length === 0 && (
+                  <p className="text-sm text-muted-foreground text-center py-4">
+                    {t('models.noModels')}
+                  </p>
+                )}
+              </div>
+            ) : (
+              <p className="text-sm text-muted-foreground text-center py-4">
+                {t('models.noModels')}
+              </p>
+            )}
+          </CardContent>
+        </CollapsibleContent>
+      </Collapsible>
+    </Card>
+  );
+}
--- a/web/src/app/home/components/models-dialog/components/index.ts
+++ b/web/src/app/home/components/models-dialog/components/index.ts
@@ -0,0 +1,4 @@
+export { default as ExtraArgsEditor } from './ExtraArgsEditor';
+export { default as ModelItem } from './ModelItem';
+export { default as AddModelPopover } from './AddModelPopover';
+export { default as ProviderCard } from './ProviderCard';
--- a/web/src/app/home/components/models-dialog/types.ts
+++ b/web/src/app/home/components/models-dialog/types.ts
@@ -0,0 +1,102 @@
+import {
+  LLMModel,
+  EmbeddingModel,
+  ModelProvider,
+} from '@/app/infra/entities/api';
+
+export type ExtraArg = {
+  key: string;
+  type: 'string' | 'number' | 'boolean';
+  value: string;
+};
+
+export type ModelType = 'llm' | 'embedding';
+
+export interface ProviderModels {
+  llm: LLMModel[];
+  embedding: EmbeddingModel[];
+}
+
+export interface TestResult {
+  success: boolean;
+  duration: number;
+}
+
+export interface ModelItemProps {
+  model: LLMModel | EmbeddingModel;
+  modelType: ModelType;
+  providerUuid: string;
+  isLangBotModels: boolean;
+  isEditOpen: boolean;
+  isDeleteOpen: boolean;
+  onEditOpen: () => void;
+  onEditClose: () => void;
+  onDeleteOpen: () => void;
+  onDeleteClose: () => void;
+  onDelete: () => void;
+  onUpdate: (
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onTest: (
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  isSubmitting: boolean;
+  isTesting: boolean;
+  testResult: TestResult | null;
+}
+
+export interface ProviderCardProps {
+  provider: ModelProvider;
+  isLangBotModels?: boolean;
+  isExpanded: boolean;
+  isLoading: boolean;
+  models?: ProviderModels;
+  accountType: 'local' | 'space';
+  spaceCredits: number | null;
+  requesterNameList: { label: string; value: string }[];
+  // Popover states
+  addModelPopoverOpen: string | null;
+  editModelPopoverOpen: string | null;
+  deleteConfirmOpen: string | null;
+  // Handlers
+  onToggle: () => void;
+  onEditProvider: () => void;
+  onDeleteProvider: () => void;
+  onSpaceLogin: () => void;
+  onOpenAddModel: () => void;
+  onCloseAddModel: () => void;
+  onAddModel: (
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onOpenEditModel: (modelId: string) => void;
+  onCloseEditModel: () => void;
+  onUpdateModel: (
+    modelId: string,
+    modelType: ModelType,
+    name: string,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  onOpenDeleteConfirm: (modelId: string) => void;
+  onCloseDeleteConfirm: () => void;
+  onDeleteModel: (modelId: string, modelType: ModelType) => Promise<void>;
+  onTestModel: (
+    name: string,
+    modelType: ModelType,
+    abilities: string[],
+    extraArgs: ExtraArg[],
+  ) => Promise<void>;
+  isSubmitting: boolean;
+  isTesting: boolean;
+  testResult: TestResult | null;
+  onResetTestResult: () => void;
+}
+
+export const LANGBOT_MODELS_PROVIDER_REQUESTER = 'space-chat-completions';
--- a/web/src/app/home/components/new-version-dialog/NewVersionDialog.tsx
+++ b/web/src/app/home/components/new-version-dialog/NewVersionDialog.tsx
@@ -0,0 +1,107 @@
+'use client';
+
+import { useTranslation } from 'react-i18next';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import rehypeHighlight from 'rehype-highlight';
+import i18n from 'i18next';
+import { ExternalLink } from 'lucide-react';
+
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import '@/styles/github-markdown.css';
+import { GitHubRelease } from '@/app/infra/http/CloudServiceClient';
+
+interface NewVersionDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  release: GitHubRelease | null;
+}
+
+export default function NewVersionDialog({
+  open,
+  onOpenChange,
+  release,
+}: NewVersionDialogProps) {
+  const { t } = useTranslation();
+
+  const getUpdateDocsUrl = () => {
+    const language = i18n.language;
+    if (language === 'zh-Hans' || language === 'zh-Hant') {
+      return 'https://docs.langbot.app/zh/deploy/update.html';
+    } else if (language === 'ja-JP') {
+      return 'https://docs.langbot.app/ja/deploy/update.html';
+    } else {
+      return 'https://docs.langbot.app/en/deploy/update.html';
+    }
+  };
+
+  const handleViewUpdateGuide = () => {
+    window.open(getUpdateDocsUrl(), '_blank');
+  };
+
+  if (!release) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[600px] max-h-[80vh] flex flex-col">
+        <DialogHeader className="flex-shrink-0">
+          <DialogTitle className="flex items-center gap-2">
+            {t('version.newVersionAvailable')}
+            <span className="text-primary font-mono">{release.tag_name}</span>
+          </DialogTitle>
+        </DialogHeader>
+        <div className="flex-1 overflow-y-auto min-h-0 pr-2">
+          <div className="markdown-body max-w-none text-sm">
+            <ReactMarkdown
+              remarkPlugins={[remarkGfm]}
+              rehypePlugins={[rehypeRaw, rehypeHighlight]}
+              components={{
+                ul: ({ children }) => <ul className="list-disc">{children}</ul>,
+                ol: ({ children }) => (
+                  <ol className="list-decimal">{children}</ol>
+                ),
+                li: ({ children }) => <li className="ml-4">{children}</li>,
+                a: ({ href, children }) => (
+                  <a
+                    href={href}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-primary hover:underline"
+                  >
+                    {children}
+                  </a>
+                ),
+              }}
+            >
+              {release.body || t('version.noReleaseNotes')}
+            </ReactMarkdown>
+          </div>
+        </div>
+        <DialogFooter className="flex-shrink-0 flex flex-col sm:flex-row gap-2 pt-2">
+          <Button
+            variant="outline"
+            onClick={() => onOpenChange(false)}
+            className="w-full sm:w-auto"
+          >
+            {t('common.close')}
+          </Button>
+          <Button
+            onClick={handleViewUpdateGuide}
+            className="w-full sm:w-auto flex items-center gap-2"
+          >
+            {t('version.viewUpdateGuide')}
+            <ExternalLink className="w-4 h-4" />
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
--- a/web/src/app/home/components/password-change-dialog/PasswordChangeDialog.tsx
+++ b/web/src/app/home/components/password-change-dialog/PasswordChangeDialog.tsx
@@ -1,7 +1,7 @@
 'use client';

 import * as React from 'react';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
@@ -26,36 +26,39 @@ import {
 import { Input } from '@/components/ui/input';
 import { httpClient } from '@/app/infra/http/HttpClient';

-const getFormSchema = (t: (key: string) => string) =>
-  z
-    .object({
-      currentPassword: z
-        .string()
-        .min(1, { message: t('common.currentPasswordRequired') }),
-      newPassword: z
-        .string()
-        .min(1, { message: t('common.newPasswordRequired') }),
-      confirmNewPassword: z
-        .string()
-        .min(1, { message: t('common.confirmPasswordRequired') }),
-    })
-    .refine((data) => data.newPassword === data.confirmNewPassword, {
-      message: t('common.passwordsDoNotMatch'),
-      path: ['confirmNewPassword'],
-    });
-
 interface PasswordChangeDialogProps {
  open: boolean;
  onOpenChange: (open: boolean) => void;
+  hasPassword?: boolean;
 }

 export default function PasswordChangeDialog({
  open,
  onOpenChange,
+  hasPassword = true,
 }: PasswordChangeDialogProps) {
  const { t } = useTranslation();
  const [isSubmitting, setIsSubmitting] = useState(false);
-  const formSchema = getFormSchema(t);
+
+  const getFormSchema = () =>
+    z
+      .object({
+        currentPassword: hasPassword
+          ? z.string().min(1, { message: t('common.currentPasswordRequired') })
+          : z.string().optional(),
+        newPassword: z
+          .string()
+          .min(1, { message: t('common.newPasswordRequired') }),
+        confirmNewPassword: z
+          .string()
+          .min(1, { message: t('common.confirmPasswordRequired') }),
+      })
+      .refine((data) => data.newPassword === data.confirmNewPassword, {
+        message: t('common.passwordsDoNotMatch'),
+        path: ['confirmNewPassword'],
+      });
+
+  const formSchema = getFormSchema();

  const form = useForm<z.infer<typeof formSchema>>({
    resolver: zodResolver(formSchema),
@@ -66,14 +69,30 @@ export default function PasswordChangeDialog({
    },
  });

+  // Reset form when dialog opens/closes or hasPassword changes
+  useEffect(() => {
+    if (open) {
+      form.reset({
+        currentPassword: '',
+        newPassword: '',
+        confirmNewPassword: '',
+      });
+    }
+  }, [open, hasPassword, form]);
+
  const onSubmit = async (values: z.infer<typeof formSchema>) => {
    setIsSubmitting(true);
    try {
-      await httpClient.changePassword(
-        values.currentPassword,
-        values.newPassword,
-      );
-      toast.success(t('common.changePasswordSuccess'));
+      if (hasPassword) {
+        await httpClient.changePassword(
+          values.currentPassword!,
+          values.newPassword,
+        );
+        toast.success(t('common.changePasswordSuccess'));
+      } else {
+        await httpClient.setPassword(values.newPassword, undefined);
+        toast.success(t('account.passwordSetSuccess'));
+      }
      form.reset();
      onOpenChange(false);
    } catch {
@@ -87,27 +106,33 @@ export default function PasswordChangeDialog({
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="sm:max-w-md">
        <DialogHeader>
-          <DialogTitle>{t('common.changePassword')}</DialogTitle>
+          <DialogTitle>
+            {hasPassword
+              ? t('common.changePassword')
+              : t('account.setPassword')}
+          </DialogTitle>
        </DialogHeader>
        <Form {...form}>
          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-            <FormField
-              control={form.control}
-              name="currentPassword"
-              render={({ field }) => (
-                <FormItem>
-                  <FormLabel>{t('common.currentPassword')}</FormLabel>
-                  <FormControl>
-                    <Input
-                      type="password"
-                      placeholder={t('common.enterCurrentPassword')}
-                      {...field}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
+            {hasPassword && (
+              <FormField
+                control={form.control}
+                name="currentPassword"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('common.currentPassword')}</FormLabel>
+                    <FormControl>
+                      <Input
+                        type="password"
+                        placeholder={t('common.enterCurrentPassword')}
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            )}
            <FormField
              control={form.control}
              name="newPassword"
--- a/web/src/app/home/knowledge/components/external-kb-form/ExternalKBForm.tsx
+++ b/web/src/app/home/knowledge/components/external-kb-form/ExternalKBForm.tsx
@@ -291,7 +291,7 @@ export default function ExternalKBForm({
          toast.success(t('knowledge.updateExternalSuccess'));
        })
        .catch((err) => {
-          toast.error('Failed to update KB: ' + err.message);
+          toast.error('Failed to update KB: ' + err.msg);
        });
    } else {
      // Create new KB
@@ -303,7 +303,7 @@ export default function ExternalKBForm({
          form.reset();
        })
        .catch((err) => {
-          toast.error('Failed to create KB: ' + err.message);
+          toast.error('Failed to create KB: ' + err.msg);
        });
    }
  }
@@ -321,7 +321,7 @@ export default function ExternalKBForm({
        toast.success(t('knowledge.deleteExternalSuccess'));
      })
      .catch((err) => {
-        toast.error('Failed to delete KB: ' + err.message);
+        toast.error('Failed to delete KB: ' + err.msg);
      });
  }

--- a/web/src/app/home/knowledge/components/kb-form/KBForm.tsx
+++ b/web/src/app/home/knowledge/components/kb-form/KBForm.tsx
@@ -13,22 +13,18 @@ import {
  FormMessage,
  FormDescription,
 } from '@/components/ui/form';
-import { httpClient } from '@/app/infra/http/HttpClient';
+import { httpClient, systemInfo } from '@/app/infra/http/HttpClient';
 import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
+  SelectLabel,
  SelectTrigger,
  SelectValue,
 } from '@/components/ui/select';
 import { KnowledgeBase, EmbeddingModel } from '@/app/infra/entities/api';
 import { toast } from 'sonner';
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-} from '@/components/ui/hover-card';

 const getFormSchema = (t: (key: string) => string) =>
  z.object({
@@ -99,7 +95,14 @@ export default function KBForm({

  const getEmbeddingModelNameList = async () => {
    const resp = await httpClient.getProviderEmbeddingModels();
-    setEmbeddingModels(resp.models);
+    let models = resp.models;
+    // Filter out space-chat-completions models when models service is disabled
+    if (systemInfo.disable_models_service) {
+      models = models.filter(
+        (m) => m.provider?.requester !== 'space-chat-completions',
+      );
+    }
+    setEmbeddingModels(models);
  };

  const onSubmit = (data: z.infer<typeof formSchema>) => {
@@ -205,90 +208,35 @@ export default function KBForm({
                          />
                        </SelectTrigger>
                        <SelectContent className="fixed z-[1000]">
-                          <SelectGroup>
-                            {embeddingModels.map((model) => (
-                              <HoverCard
-                                key={model.uuid}
-                                openDelay={0}
-                                closeDelay={0}
-                              >
-                                <HoverCardTrigger asChild>
-                                  <SelectItem value={model.uuid}>
-                                    {model.name}
-                                  </SelectItem>
-                                </HoverCardTrigger>
-                                <HoverCardContent
-                                  className="w-80 data-[state=open]:animate-none data-[state=closed]:animate-none"
-                                  align="end"
-                                  side="right"
-                                  sideOffset={10}
-                                >
-                                  <div className="space-y-2">
-                                    <div className="flex items-center gap-2">
-                                      <img
-                                        src={httpClient.getProviderRequesterIconURL(
-                                          model.requester,
-                                        )}
-                                        alt="icon"
-                                        className="w-8 h-8 rounded-[8%]"
-                                      />
-                                      <h4 className="font-medium">
-                                        {model.name}
-                                      </h4>
-                                    </div>
-                                    <p className="text-sm text-muted-foreground">
-                                      {model.description}
-                                    </p>
-                                    {model.requester_config && (
-                                      <div className="flex items-center gap-1 text-xs">
-                                        <svg
-                                          className="w-4 h-4 text-gray-500"
-                                          xmlns="http://www.w3.org/2000/svg"
-                                          viewBox="0 0 24 24"
-                                          fill="currentColor"
-                                        >
-                                          <path d="M13.0607 8.11097L14.4749 9.52518C17.2086 12.2589 17.2086 16.691 14.4749 19.4247L14.1214 19.7782C11.3877 22.5119 6.95555 22.5119 4.22188 19.7782C1.48821 17.0446 1.48821 12.6124 4.22188 9.87874L5.6361 11.293C3.68348 13.2456 3.68348 16.4114 5.6361 18.364C7.58872 20.3166 10.7545 20.3166 12.7072 18.364L13.0607 18.0105C15.0133 16.0578 15.0133 12.892 13.0607 10.9394L11.6465 9.52518L13.0607 8.11097ZM19.7782 14.1214L18.364 12.7072C20.3166 10.7545 20.3166 7.58872 18.364 5.6361C16.4114 3.68348 13.2456 3.68348 11.293 5.6361L10.9394 5.98965C8.98678 7.94227 8.98678 11.1081 10.9394 13.0607L12.3536 14.4749L10.9394 15.8891L9.52518 14.4749C6.79151 11.7413 6.79151 7.30911 9.52518 4.57544L9.87874 4.22188C12.6124 1.48821 17.0446 1.48821 19.7782 4.22188C22.5119 6.95555 22.5119 11.3877 19.7782 14.1214Z"></path>
-                                        </svg>
-                                        <span className="font-semibold">
-                                          Base URL：
-                                        </span>
-                                        {model.requester_config.base_url}
-                                      </div>
-                                    )}
-                                    {model.extra_args &&
-                                      Object.keys(model.extra_args).length >
-                                        0 && (
-                                        <div className="text-xs">
-                                          <div className="font-semibold mb-1">
-                                            {t('models.extraParameters')}
-                                          </div>
-                                          <div className="space-y-1">
-                                            {Object.entries(
-                                              model.extra_args as Record<
-                                                string,
-                                                unknown
-                                              >,
-                                            ).map(([key, value]) => (
-                                              <div
-                                                key={key}
-                                                className="flex items-center gap-1"
-                                              >
-                                                <span className="text-gray-500">
-                                                  {key}：
-                                                </span>
-                                                <span className="break-all">
-                                                  {JSON.stringify(value)}
-                                                </span>
-                                              </div>
-                                            ))}
-                                          </div>
-                                        </div>
-                                      )}
-                                  </div>
-                                </HoverCardContent>
-                              </HoverCard>
-                            ))}
-                          </SelectGroup>
+                          {(() => {
+                            const grouped = embeddingModels.reduce(
+                              (acc, model) => {
+                                const providerName =
+                                  model.provider?.name ||
+                                  model.provider?.requester ||
+                                  'Unknown';
+                                if (!acc[providerName]) acc[providerName] = [];
+                                acc[providerName].push(model);
+                                return acc;
+                              },
+                              {} as Record<string, EmbeddingModel[]>,
+                            );
+                            return Object.entries(grouped).map(
+                              ([providerName, models]) => (
+                                <SelectGroup key={providerName}>
+                                  <SelectLabel>{providerName}</SelectLabel>
+                                  {models.map((model) => (
+                                    <SelectItem
+                                      key={model.uuid}
+                                      value={model.uuid}
+                                    >
+                                      {model.name}
+                                    </SelectItem>
+                                  ))}
+                                </SelectGroup>
+                              ),
+                            );
+                          })()}
                        </SelectContent>
                      </Select>
                    </div>
--- a/web/src/app/home/models/LLMConfig.module.css
+++ b/web/src/app/home/models/LLMConfig.module.css
@@ -1,19 +0,0 @@
-.modelListContainer {
-  width: 100%;
-  padding-left: 0.8rem;
-  padding-right: 0.8rem;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
-  gap: 2rem;
-  justify-items: stretch;
-  align-items: start;
-}
-
-.emptyContainer {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
--- a/web/src/app/home/models/component/ChooseRequesterEntity.ts
+++ b/web/src/app/home/models/component/ChooseRequesterEntity.ts
@@ -1,6 +0,0 @@
-export interface IChooseRequesterEntity {
-  label: string;
-  value: string;
-  provider_category?: string;
-  description?: string;
-}
--- a/web/src/app/home/models/component/ICreateEmbeddingField.ts
+++ b/web/src/app/home/models/component/ICreateEmbeddingField.ts
@@ -1,7 +0,0 @@
-export interface ICreateEmbeddingField {
-  name: string;
-  model_provider: string;
-  url: string;
-  api_key: string;
-  extra_args?: string[];
-}
--- a/web/src/app/home/models/component/ICreateLLMField.ts
+++ b/web/src/app/home/models/component/ICreateLLMField.ts
@@ -1,8 +0,0 @@
-export interface ICreateLLMField {
-  name: string;
-  model_provider: string;
-  url: string;
-  api_key: string;
-  abilities: string[];
-  extra_args: string[];
-}
--- a/web/src/app/home/models/component/embedding-card/EmbeddingCard.module.css
+++ b/web/src/app/home/models/component/embedding-card/EmbeddingCard.module.css
@@ -1,128 +0,0 @@
-.cardContainer {
-  width: 100%;
-  height: 10rem;
-  background-color: #fff;
-  border-radius: 10px;
-  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
-  padding: 1.2rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-:global(.dark) .cardContainer {
-  background-color: #1f1f22;
-  box-shadow: 0;
-}
-
-.cardContainer:hover {
-  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
-}
-
-:global(.dark) .cardContainer:hover {
-  box-shadow: 0;
-}
-
-.iconBasicInfoContainer {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  gap: 0.8rem;
-  user-select: none;
-}
-
-.iconImage {
-  width: 3.8rem;
-  height: 3.8rem;
-  margin: 0.2rem;
-  border-radius: 8%;
-}
-
-.basicInfoContainer {
-  display: flex;
-  flex-direction: column;
-  gap: 0.2rem;
-  min-width: 0;
-  width: 100%;
-}
-
-.basicInfoText {
-  font-size: 1.4rem;
-  font-weight: bold;
-  color: #1a1a1a;
-}
-
-:global(.dark) .basicInfoText {
-  color: #f0f0f0;
-}
-
-.providerContainer {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 0.2rem;
-}
-
-.providerIcon {
-  width: 1.2rem;
-  height: 1.2rem;
-  margin-top: 0.2rem;
-  color: #626262;
-}
-
-:global(.dark) .providerIcon {
-  color: #a0a0a0;
-}
-
-.providerLabel {
-  font-size: 1.2rem;
-  font-weight: 600;
-  color: #626262;
-}
-
-:global(.dark) .providerLabel {
-  color: #a0a0a0;
-}
-
-.baseURLContainer {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 0.2rem;
-  width: calc(100% - 3rem);
-}
-
-.baseURLIcon {
-  width: 1.2rem;
-  height: 1.2rem;
-  color: #626262;
-}
-
-:global(.dark) .baseURLIcon {
-  color: #a0a0a0;
-}
-
-.baseURLText {
-  font-size: 1rem;
-  width: 100%;
-  color: #626262;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 100%;
-}
-
-:global(.dark) .baseURLText {
-  color: #a0a0a0;
-}
-
-.bigText {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 1.4rem;
-  font-weight: bold;
-  max-width: 100%;
-}
--- a/web/src/app/home/models/component/embedding-card/EmbeddingCard.tsx
+++ b/web/src/app/home/models/component/embedding-card/EmbeddingCard.tsx
@@ -1,55 +0,0 @@
-import styles from './EmbeddingCard.module.css';
-import { EmbeddingCardVO } from '@/app/home/models/component/embedding-card/EmbeddingCardVO';
-
-export default function EmbeddingCard({ cardVO }: { cardVO: EmbeddingCardVO }) {
-  return (
-    <div className={`${styles.cardContainer}`}>
-      <div className={`${styles.iconBasicInfoContainer}`}>
-        <img
-          className={`${styles.iconImage}`}
-          src={cardVO.iconURL}
-          alt="icon"
-        />
-
-        <div className={`${styles.basicInfoContainer}`}>
-          {/* 名称 */}
-          <div className={`${styles.basicInfoText} ${styles.bigText}`}>
-            {cardVO.name}
-          </div>
-          {/* 厂商 */}
-          <div className={`${styles.providerContainer}`}>
-            <svg
-              className={`${styles.providerIcon}`}
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              width="36"
-              height="36"
-              fill="currentColor"
-            >
-              <path d="M21 13.2422V20H22V22H2V20H3V13.2422C1.79401 12.435 1 11.0602 1 9.5C1 8.67286 1.22443 7.87621 1.63322 7.19746L4.3453 2.5C4.52393 2.1906 4.85406 2 5.21132 2H18.7887C19.1459 2 19.4761 2.1906 19.6547 2.5L22.3575 7.18172C22.7756 7.87621 23 8.67286 23 9.5C23 11.0602 22.206 12.435 21 13.2422ZM19 13.9725C18.8358 13.9907 18.669 14 18.5 14C17.2409 14 16.0789 13.478 15.25 12.6132C14.4211 13.478 13.2591 14 12 14C10.7409 14 9.5789 13.478 8.75 12.6132C7.9211 13.478 6.75911 14 5.5 14C5.331 14 5.16417 13.9907 5 13.9725V20H19V13.9725ZM5.78865 4L3.35598 8.21321C3.12409 8.59843 3 9.0389 3 9.5C3 10.8807 4.11929 12 5.5 12C6.53096 12 7.44467 11.3703 7.82179 10.4295C8.1574 9.59223 9.3426 9.59223 9.67821 10.4295C10.0553 11.3703 10.969 12 12 12C13.031 12 13.9447 11.3703 14.3218 10.4295C14.6574 9.59223 15.8426 9.59223 16.1782 10.4295C16.5553 11.3703 17.469 12 18.5 12C19.8807 12 21 10.8807 21 9.5C21 9.0389 20.8759 8.59843 20.6347 8.19746L18.2113 4H5.78865Z"></path>
-            </svg>
-            <span className={`${styles.providerLabel}`}>
-              {cardVO.providerLabel}
-            </span>
-          </div>
-          {/* baseURL */}
-          {cardVO.baseURL && (
-            <div className={`${styles.baseURLContainer}`}>
-              <svg
-                className={`${styles.baseURLIcon}`}
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"
-                width="36"
-                height="36"
-                fill="rgba(98,98,98,1)"
-              >
-                <path d="M13.0607 8.11097L14.4749 9.52518C17.2086 12.2589 17.2086 16.691 14.4749 19.4247L14.1214 19.7782C11.3877 22.5119 6.95555 22.5119 4.22188 19.7782C1.48821 17.0446 1.48821 12.6124 4.22188 9.87874L5.6361 11.293C3.68348 13.2456 3.68348 16.4114 5.6361 18.364C7.58872 20.3166 10.7545 20.3166 12.7072 18.364L13.0607 18.0105C15.0133 16.0578 15.0133 12.892 13.0607 10.9394L11.6465 9.52518L13.0607 8.11097ZM19.7782 14.1214L18.364 12.7072C20.3166 10.7545 20.3166 7.58872 18.364 5.6361C16.4114 3.68348 13.2456 3.68348 11.293 5.6361L10.9394 5.98965C8.98678 7.94227 8.98678 11.1081 10.9394 13.0607L12.3536 14.4749L10.9394 15.8891L9.52518 14.4749C6.79151 11.7413 6.79151 7.30911 9.52518 4.57544L9.87874 4.22188C12.6124 1.48821 17.0446 1.48821 19.7782 4.22188C22.5119 6.95555 22.5119 11.3877 19.7782 14.1214Z"></path>
-              </svg>
-              <span className={`${styles.baseURLText}`}>{cardVO.baseURL}</span>
-            </div>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Junyan Qin	a05cdcac50	chore: update project version to 4.7.1	2026-01-09 21:52:08 +08:00
Junyan Qin	ecfb2bfb34	chore: add type hints for ap in telemetry.py	2026-01-09 21:50:43 +08:00
Guanchao Wang	e17dba0a98	fix: testing mcp server (#1912 )	2026-01-09 18:39:40 +08:00
Hadong	6b138943ce	feat(milvus): milvus related updates (#1908 ) - Add Milvus db_name configuration and client parameter support. - change kb_data uuid for Milvus. 3. add MAX_BATCH_SIZE for openai. - support more vector_size.	2026-01-09 16:03:43 +08:00
fdc310	eb0e6aff68	feat: add telemetry support for query execution tracking and configur… (#1900 ) * feat: add telemetry support for query execution tracking and configuration * feat: integrate telemetry manager and enable telemetry data sending * feat: integrate telemetry manager and enhance error handling for telemetry sending * feat: update telemetry configuration to use 'space' instead of 'telemetry' and adjust related parameters * feat: integrate telemetry manager and enable telemetry data sending * feat: integrate telemetry manager and enhance error handling for telemetry sending * feat: add instance id * feat: enhance telemetry management with asynchronous task handling and improve model retrieval caching --------- Co-authored-by: Junyan Qin <rockchinq@gmail.com>	2026-01-09 15:50:44 +08:00
Junyan Qin	4d0095626a	fix: update docker-compose command to include --no-sync option for improved runtime behavior	2026-01-08 11:30:25 +08:00
Junyan Qin	aa0a501ade	fix: bug in bind space account in models dialog	2026-01-05 20:53:35 +08:00
Junyan Qin	68ef7bd2c4	chore: update project version to 4.7.0 and revise description for clarity	2026-01-05 20:06:01 +08:00
Junyan Qin	61dc5de085	fix: update help links in sidebar configuration to reflect new usage paths and add Japanese translations	2026-01-05 18:45:35 +08:00
Junyan Qin	63bdd71e22	fix: update models_gateway_api_url to include version in cloud service configuration	2026-01-05 17:58:50 +08:00
Junyan Qin	9ea5b50802	refactor: enhance layout and styling of ModelsDialog component for improved usability	2026-01-05 17:58:01 +08:00
Jinzhe Zeng	1cd586634d	fix: split Wecom messages exceeding 2048-byte limit (#1901 ) Co-authored-by: Oracle Public Cloud User <opc@arm1.subnet.vcn.oraclevcn.com>	2026-01-05 15:04:46 +08:00
Junyan Qin	45bedbe70e	fix: update QQ Group link in README to the new group ID	2026-01-05 10:20:42 +08:00
Junyan Qin (Chin)	f7f1dde7b5	Merge pull request #1894 from langbot-app/feat/maas-support refactor: model config dialog and introduce LangBot Models service integration	2026-01-03 15:47:23 +08:00
Junyan Qin	ba06555078	refactor: remove SQLite compatibility check for column cleanup in DB migration script	2026-01-03 15:43:40 +08:00
Junyan Qin	840fa39979	feat: add informational popover to registration page with tips on using Space for account authentication	2026-01-03 15:26:24 +08:00
Junyan Qin	b295416e6c	fix: adjust ModelsDialog component to set a maximum width for better layout consistency	2026-01-03 01:06:17 +08:00
Junyan Qin	914f77ff37	refactor: standardize error handling across components by utilizing CustomApiError for improved error messaging	2026-01-03 00:56:25 +08:00
Junyan Qin	b0b7b914d8	feat: update README files to include new links for API integration, plugin market, and roadmap across multiple languages	2026-01-01 22:11:43 +08:00
Junyan Qin	12713aad45	feat: migrate cloud service URL configuration and update database version to 17	2026-01-01 21:40:55 +08:00
Junyan Qin	02e12cc1e4	feat: implement account email mismatch error handling and improve user feedback in authentication flows	2026-01-01 17:01:32 +08:00
Junyan Qin	61f08f3218	feat: add disable_models_service configuration to manage model service availability and update related components	2026-01-01 15:40:39 +08:00
Junyan Qin	75c2a063cc	refactor: remove providerUuid prop from model components and enhance provider deletion confirmation UI	2026-01-01 15:07:37 +08:00
Junyan Qin	b4773c4e48	refactor: update model management components and enhance provider functionality	2026-01-01 14:58:06 +08:00
Junyan Qin (Chin)	fb73da8735	Merge branch 'master' into feat/maas-support	2026-01-01 13:07:45 +08:00
Junyan Qin	679e549b1d	feat: implement loading states in SpaceOAuthCallback and HomeSidebar components using Suspense	2026-01-01 13:06:04 +08:00
Junyan Qin	898144e9f4	fix: remove unused HoverCard imports from DynamicFormItemComponent and clean up ModelsDialog constants	2026-01-01 12:53:39 +08:00
Junyan Qin	b99c5561fc	fix: update cloud service URL retrieval and enhance model synchronization error handling	2026-01-01 12:50:26 +08:00
Copilot	b2f4b91979	perf: replace copy button toast notifications with checkmark feedback (#1898 ) * Initial plan * Replace copy button toast notifications with checkmark visual feedback Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com> * Complete copy button checkmark feedback implementation Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com> * revert pnpm-lock.yaml --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com> Co-authored-by: Junyan Qin <rockchinq@gmail.com>	2026-01-01 11:53:13 +08:00
Junyan Qin	4528000fc4	refactor: model management	2026-01-01 02:00:24 +08:00
Junyan Qin	96e40eaf25	feat: enhance model creation with UUID preservation option and implement Space model synchronization in ModelManager	2025-12-31 22:25:07 +08:00
Junyan Qin	197258ae91	feat: add LangBot Space ChatCompletions requester and integrate with ModelsDialog and EmbeddingForm components	2025-12-30 21:52:52 +08:00
Junyan Qin	19f417174c	feat: implement SpaceService for OAuth handling and user management, refactor UserService to utilize new service methods	2025-12-29 22:43:19 +08:00
Junyan Qin	9c82eeddeb	feat: add endpoint for retrieving user space credits and implement caching mechanism in UserService	2025-12-29 22:23:11 +08:00
Junyan Qin	f11e01b549	refactor: rename 'allow_change_password' to 'allow_modify_login_info' and update related logic across the application	2025-12-29 21:14:05 +08:00
Junyan Qin	863b26c3fa	refactor: update column drop logic in DBMigrateModelProviderRefactor for PostgreSQL compatibility	2025-12-29 20:42:06 +08:00
Junyan Qin	b788858f9e	fix: handle case of empty token list in TokenManager to prevent errors	2025-12-29 12:18:45 +08:00
Junyan Qin	de8a7df6c2	feat: implement instance ID management and integrate with OAuth token exchange	2025-12-29 00:35:31 +08:00
Junyan Qin	ba5b481617	refactor: simplify theme toggle implementation in HomeSidebar and ThemeToggle components	2025-12-28 22:43:05 +08:00
Junyan Qin	07ad846e96	feat: update dependencies and enhance account settings dialog with password management and improved UI elements	2025-12-28 22:38:11 +08:00
Copilot	30945aafdd	feat: support configurable WeCom API base URL for reverse proxy deployment (#1890 ) * Initial plan * Add api_base_url support to WeCom API libraries and adapters Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com> * Add api_base_url parameter to OAClient and adapters for Official Account and WeCom APIs --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: RockChinQ <45992437+RockChinQ@users.noreply.github.com> Co-authored-by: Junyan Qin <rockchinq@gmail.com>	2025-12-28 21:04:55 +08:00
Junyan Qin	24c15b4479	feat: implement account settings dialog for managing user passwords and binding Space accounts	2025-12-26 23:20:51 +08:00
Junyan Qin	1d4c5bbdf1	feat: enhance model abilities display in DynamicFormItem and ModelsDialog components with icons for vision and function call	2025-12-26 20:57:12 +08:00
Junyan Qin	57fcec011d	feat: refactor model management to introduce provider structure, enhancing model organization and retrieval	2025-12-26 20:27:33 +08:00
Junyan Qin	455e3db28d	feat: add Radix UI collapsible component for enhanced UI interactions	2025-12-26 00:49:35 +08:00
Junyan Qin	8caab43b00	feat: add Space integration for user authentication and model management with OAuth support	2025-12-26 00:35:47 +08:00
Junyan Qin	7479545339	feat: implement models dialog for managing LLM and embedding models with dynamic URL handling	2025-12-25 20:54:00 +08:00
Junyan Qin	10ee30695a	feat: add error handling and alert display for model testing in EmbeddingForm and LLMForm	2025-12-24 16:12:41 +08:00
Junyan Qin	a9a262eaae	feat: add new version notification dialog and version comparison logic	2025-12-24 12:43:52 +08:00
Junyan Qin	a8594b76cd	fix: enable extra_args in LLMModelsService for model testing	2025-12-23 21:03:45 +08:00