diff --git a/.gitignore b/.gitignore
index 66d1beb2..ae3261f0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,6 +25,8 @@ examples/
 time.log
 celerybeat-schedule.db
 search_results.json
+redbear-mem-metrics/
+pitch-deck/
 
 api/migrations/versions
 tmp
diff --git a/api/LICENSE b/LICENSE
similarity index 100%
rename from api/LICENSE
rename to LICENSE
diff --git a/api/app/aioRedis.py b/api/app/aioRedis.py
index aac2aa84..dfb63dad 100644
--- a/api/app/aioRedis.py
+++ b/api/app/aioRedis.py
@@ -1,6 +1,8 @@
 import asyncio
 import json
 import logging
+import os
+import threading
 from typing import Dict, Any, Optional
 
 import redis.asyncio as redis
@@ -21,6 +23,50 @@ pool = ConnectionPool.from_url(
 )
 aio_redis = redis.StrictRedis(connection_pool=pool)
 
+_REDIS_URL = f"redis://{settings.REDIS_HOST}:{settings.REDIS_PORT}"
+
+# Thread-local storage for connection pools.
+# Each thread (and each forked process) gets its own pool to avoid
+# "Future attached to a different loop" errors in Celery --pool=threads
+# and stale connections after fork in --pool=prefork.
+_thread_local = threading.local()
+
+
+def get_thread_safe_redis() -> redis.StrictRedis:
+    """Return a Redis client whose connection pool is bound to the current
+    thread, process **and** event loop.
+
+    The pool is recreated when:
+    - The PID changes (fork, Celery --pool=prefork)
+    - The thread has no pool yet (Celery --pool=threads)
+    - The previously-cached event loop has been closed (Celery tasks call
+      ``_shutdown_loop_gracefully`` which closes the loop after each run)
+    """
+    current_pid = os.getpid()
+    cached_loop = getattr(_thread_local, "loop", None)
+    loop_stale = cached_loop is not None and cached_loop.is_closed()
+
+    if not hasattr(_thread_local, "pool") \
+            or getattr(_thread_local, "pid", None) != current_pid \
+            or loop_stale:
+        _thread_local.pid = current_pid
+        # Python 3.10+: get_event_loop() raises RuntimeError in threads
+        # where no loop has been set yet (e.g. Celery --pool=threads).
+        try:
+            _thread_local.loop = asyncio.get_event_loop()
+        except RuntimeError:
+            _thread_local.loop = None
+        _thread_local.pool = ConnectionPool.from_url(
+            _REDIS_URL,
+            db=settings.REDIS_DB,
+            password=settings.REDIS_PASSWORD,
+            decode_responses=True,
+            max_connections=5,
+            health_check_interval=30,
+        )
+
+    return redis.StrictRedis(connection_pool=_thread_local.pool)
+
 
 async def get_redis_connection():
     """获取Redis连接"""
@@ -44,10 +90,8 @@ async def aio_redis_set(key: str, val: str | dict, expire: int = None):
             val = json.dumps(val, ensure_ascii=False)
 
         if expire is not None:
-            # 设置带过期时间的键值
             await aio_redis.set(key, val, ex=expire)
         else:
-            # 设置永久键值
             await aio_redis.set(key, val)
     except Exception as e:
         logger.error(f"Redis set错误: {str(e)}")
diff --git a/api/app/cache/memory/activity_stats_cache.py b/api/app/cache/memory/activity_stats_cache.py
index 6b162cdd..e0008353 100644
--- a/api/app/cache/memory/activity_stats_cache.py
+++ b/api/app/cache/memory/activity_stats_cache.py
@@ -10,7 +10,7 @@ import logging
 from typing import Optional, Dict, Any
 from datetime import datetime
 
-from app.aioRedis import aio_redis
+from app.aioRedis import get_thread_safe_redis
 
 logger = logging.getLogger(__name__)
 
@@ -68,7 +68,7 @@ class ActivityStatsCache:
                 "cached": True,
             }
             value = json.dumps(payload, ensure_ascii=False)
-            await aio_redis.set(key, value, ex=expire)
+            await get_thread_safe_redis().set(key, value, ex=expire)
             logger.info(f"设置活动统计缓存成功: {key}, 过期时间: {expire}秒")
             return True
         except Exception as e:
@@ -90,7 +90,7 @@ class ActivityStatsCache:
         """
         try:
             key = cls._get_key(workspace_id)
-            value = await aio_redis.get(key)
+            value = await get_thread_safe_redis().get(key)
             if value:
                 payload = json.loads(value)
                 logger.info(f"命中活动统计缓存: {key}")
@@ -116,7 +116,7 @@ class ActivityStatsCache:
         """
         try:
             key = cls._get_key(workspace_id)
-            result = await aio_redis.delete(key)
+            result = await get_thread_safe_redis().delete(key)
             logger.info(f"删除活动统计缓存: {key}, 结果: {result}")
             return result > 0
         except Exception as e:
diff --git a/api/app/cache/memory/interest_memory.py b/api/app/cache/memory/interest_memory.py
index 108e2a37..2881f06c 100644
--- a/api/app/cache/memory/interest_memory.py
+++ b/api/app/cache/memory/interest_memory.py
@@ -9,7 +9,7 @@ import logging
 from typing import Optional, List, Dict, Any
 from datetime import datetime
 
-from app.aioRedis import aio_redis
+from app.aioRedis import get_thread_safe_redis
 
 logger = logging.getLogger(__name__)
 
@@ -62,7 +62,7 @@ class InterestMemoryCache:
                 "cached": True,
             }
             value = json.dumps(payload, ensure_ascii=False)
-            await aio_redis.set(key, value, ex=expire)
+            await get_thread_safe_redis().set(key, value, ex=expire)
             logger.info(f"设置兴趣分布缓存成功: {key}, 过期时间: {expire}秒")
             return True
         except Exception as e:
@@ -86,7 +86,7 @@ class InterestMemoryCache:
         """
         try:
             key = cls._get_key(end_user_id, language)
-            value = await aio_redis.get(key)
+            value = await get_thread_safe_redis().get(key)
             if value:
                 payload = json.loads(value)
                 logger.info(f"命中兴趣分布缓存: {key}")
@@ -114,7 +114,7 @@ class InterestMemoryCache:
         """
         try:
             key = cls._get_key(end_user_id, language)
-            result = await aio_redis.delete(key)
+            result = await get_thread_safe_redis().delete(key)
             logger.info(f"删除兴趣分布缓存: {key}, 结果: {result}")
             return result > 0
         except Exception as e:
diff --git a/api/app/celery_app.py b/api/app/celery_app.py
index 807c59f4..23fd82ed 100644
--- a/api/app/celery_app.py
+++ b/api/app/celery_app.py
@@ -1,5 +1,6 @@
 import os
 import platform
+import re
 from datetime import timedelta
 from urllib.parse import quote
 
@@ -11,21 +12,24 @@ from app.core.logging_config import get_logger
 
 logger = get_logger(__name__)
 
+
+def _mask_url(url: str) -> str:
+    """隐藏 URL 中的密码部分，适用于 redis:// 和 amqp:// 等协议"""
+    return re.sub(r'(://[^:]*:)[^@]+(@)', r'\1***\2', url)
+
 # macOS fork() safety - must be set before any Celery initialization
 if platform.system() == 'Darwin':
     os.environ.setdefault('OBJC_DISABLE_INITIALIZE_FORK_SAFETY', 'YES')
 
 # 创建 Celery 应用实例
-# broker: 任务队列（使用 Redis DB，由 CELERY_BROKER_DB 指定）
-# backend: 结果存储（使用 Redis DB，由 CELERY_BACKEND_DB 指定）
+# broker: 优先使用环境变量 CELERY_BROKER_URL（支持 amqp:// 等任意协议），
+#         未配置则回退到 Redis 方案
+# backend: 结果存储（使用 Redis）
 # NOTE: 不要在 .env 中设置 BROKER_URL / RESULT_BACKEND / CELERY_BROKER / CELERY_BACKEND，
 #       这些名称会被 Celery CLI 的 Click 框架劫持，详见 docs/celery-env-bug-report.md
 
-# Build canonical broker/backend URLs and force them into os.environ so that
-# Celery's Settings.broker_url property (which checks CELERY_BROKER_URL first)
-# cannot be overridden by stray env vars.
-# See: https://github.com/celery/celery/issues/4284
-_broker_url = f"redis://:{quote(settings.REDIS_PASSWORD)}@{settings.REDIS_HOST}:{settings.REDIS_PORT}/{settings.REDIS_DB_CELERY_BROKER}"
+_broker_url = os.getenv("CELERY_BROKER_URL") or \
+    f"redis://:{quote(settings.REDIS_PASSWORD)}@{settings.REDIS_HOST}:{settings.REDIS_PORT}/{settings.REDIS_DB_CELERY_BROKER}"
 _backend_url = f"redis://:{quote(settings.REDIS_PASSWORD)}@{settings.REDIS_HOST}:{settings.REDIS_PORT}/{settings.REDIS_DB_CELERY_BACKEND}"
 os.environ["CELERY_BROKER_URL"] = _broker_url
 os.environ["CELERY_RESULT_BACKEND"] = _backend_url
@@ -45,8 +49,8 @@ celery_app = Celery(
 logger.info(
     "Celery app initialized",
     extra={
-        "broker": _broker_url.replace(quote(settings.REDIS_PASSWORD), "***"),
-        "backend": _backend_url.replace(quote(settings.REDIS_PASSWORD), "***"),
+        "broker": _mask_url(_broker_url),
+        "backend": _mask_url(_backend_url),
     },
 )
 # Default queue for unrouted tasks
@@ -77,6 +81,7 @@ celery_app.conf.update(
 
     # Worker 设置 (per-worker settings are in docker-compose command line)
     worker_prefetch_multiplier=1,  # Don't hoard tasks, fairer distribution
+    worker_redirect_stdouts_level='INFO',  # stdout/print → INFO instead of WARNING
 
     # 结果过期时间
     result_expires=3600,  # 结果保存1小时
@@ -103,6 +108,9 @@ celery_app.conf.update(
         'app.core.memory.agent.long_term_storage.time': {'queue': 'memory_tasks'},
         'app.core.memory.agent.long_term_storage.aggregate': {'queue': 'memory_tasks'},
 
+        # Clustering tasks → memory_tasks queue (使用相同的 worker，避免 macOS fork 问题)
+        'app.tasks.run_incremental_clustering': {'queue': 'memory_tasks'},
+
         # Document tasks → document_tasks queue (prefork worker)
         'app.core.rag.tasks.parse_document': {'queue': 'document_tasks'},
         'app.core.rag.tasks.build_graphrag_for_kb': {'queue': 'document_tasks'},
diff --git a/api/app/controllers/__init__.py b/api/app/controllers/__init__.py
index 585de2ed..869eb039 100644
--- a/api/app/controllers/__init__.py
+++ b/api/app/controllers/__init__.py
@@ -8,11 +8,13 @@ from fastapi import APIRouter
 from . import (
     api_key_controller,
     app_controller,
+    app_log_controller,
     auth_controller,
     chunk_controller,
     document_controller,
     emotion_config_controller,
     emotion_controller,
+    end_user_controller,
     file_controller,
     file_storage_controller,
     home_page_controller,
@@ -69,6 +71,7 @@ manager_router.include_router(chunk_controller.router)
 manager_router.include_router(test_controller.router)
 manager_router.include_router(knowledgeshare_controller.router)
 manager_router.include_router(app_controller.router)
+manager_router.include_router(app_log_controller.router)
 manager_router.include_router(upload_controller.router)
 manager_router.include_router(memory_agent_controller.router)
 manager_router.include_router(memory_dashboard_controller.router)
@@ -96,5 +99,6 @@ manager_router.include_router(file_storage_controller.router)
 manager_router.include_router(ontology_controller.router)
 manager_router.include_router(skill_controller.router)
 manager_router.include_router(i18n_controller.router)
+manager_router.include_router(end_user_controller.router)
 
 __all__ = ["manager_router"]
diff --git a/api/app/controllers/app_controller.py b/api/app/controllers/app_controller.py
index e9b539df..74991bcf 100644
--- a/api/app/controllers/app_controller.py
+++ b/api/app/controllers/app_controller.py
@@ -65,16 +65,42 @@ def list_apps(
     - 默认包含本工作空间的应用和分享给本工作空间的应用
     - 设置 include_shared=false 可以只查看本工作空间的应用
     - 当提供 ids 参数时，按逗号分割获取指定应用，不分页
+    - search 参数支持：应用名称模糊搜索、API Key 精确搜索
     """
+    from sqlalchemy import select as sa_select
+    from app.models.api_key_model import ApiKey
+
     workspace_id = current_user.current_workspace_id
     service = app_service.AppService(db)
 
-    # 当 ids 存在且不为 None 时，根据 ids 获取应用
+    # 通过 search 参数搜索：支持应用名称模糊搜索和 API Key 精确搜索
+    if search:
+        search = search.strip()
+        # 尝试作为 API Key 精确匹配（API Key 通常较长）
+        if len(search) >= 10:
+            matched_id = db.execute(
+                sa_select(ApiKey.resource_id).where(
+                    ApiKey.workspace_id == workspace_id,
+                    ApiKey.api_key == search,
+                    ApiKey.resource_id.isnot(None),
+                )
+            ).scalar_one_or_none()
+            if matched_id:
+                # 找到 API Key，直接返回关联的应用
+                ids = str(matched_id)
+
+    # 当 ids 存在时，根据 ids 获取应用（不分页）
     if ids is not None:
         app_ids = [app_id.strip() for app_id in ids.split(',') if app_id.strip()]
-        items_orm = app_service.get_apps_by_ids(db, app_ids, workspace_id)
-        items = [service._convert_to_schema(app, workspace_id) for app in items_orm]
-        return success(data=items)
+        if app_ids:
+            items_orm = app_service.get_apps_by_ids(db, app_ids, workspace_id)
+            items = [service._convert_to_schema(app, workspace_id) for app in items_orm]
+            # 返回标准分页格式
+            meta = PageMeta(page=1, pagesize=len(items), total=len(items), hasnext=False)
+            return success(data=PageData(page=meta, items=items))
+        # ids 为空时，返回空列表
+        meta = PageMeta(page=1, pagesize=0, total=0, hasnext=False)
+        return success(data=PageData(page=meta, items=[]))
 
     # 正常分页查询
     items_orm, total = app_service.list_apps(
diff --git a/api/app/controllers/app_log_controller.py b/api/app/controllers/app_log_controller.py
new file mode 100644
index 00000000..92b5becd
--- /dev/null
+++ b/api/app/controllers/app_log_controller.py
@@ -0,0 +1,89 @@
+"""应用日志（消息记录）接口"""
+import uuid
+from typing import Optional
+
+from fastapi import APIRouter, Depends, Query
+from sqlalchemy.orm import Session
+
+from app.core.logging_config import get_business_logger
+from app.core.response_utils import success
+from app.db import get_db
+from app.dependencies import get_current_user, cur_workspace_access_guard
+from app.schemas.app_log_schema import AppLogConversation, AppLogConversationDetail
+from app.schemas.response_schema import PageData, PageMeta
+from app.services.app_service import AppService
+from app.services.app_log_service import AppLogService
+
+router = APIRouter(prefix="/apps", tags=["App Logs"])
+logger = get_business_logger()
+
+
+@router.get("/{app_id}/logs", summary="应用日志 - 会话列表")
+@cur_workspace_access_guard()
+def list_app_logs(
+        app_id: uuid.UUID,
+        page: int = Query(1, ge=1),
+        pagesize: int = Query(20, ge=1, le=100),
+        is_draft: Optional[bool] = None,
+        db: Session = Depends(get_db),
+        current_user=Depends(get_current_user),
+):
+    """查看应用下所有会话记录（分页）
+
+    - 支持按 is_draft 筛选（草稿会话 / 发布会话）
+    - 按最新更新时间倒序排列
+    - 所有人（包括共享者和被共享者）都只能查看自己的会话记录
+    """
+    workspace_id = current_user.current_workspace_id
+
+    # 验证应用访问权限
+    app_service = AppService(db)
+    app_service.get_app(app_id, workspace_id)
+
+    # 使用 Service 层查询
+    log_service = AppLogService(db)
+    conversations, total = log_service.list_conversations(
+        app_id=app_id,
+        workspace_id=workspace_id,
+        page=page,
+        pagesize=pagesize,
+        is_draft=is_draft
+    )
+
+    items = [AppLogConversation.model_validate(c) for c in conversations]
+    meta = PageMeta(page=page, pagesize=pagesize, total=total, hasnext=(page * pagesize) < total)
+
+    return success(data=PageData(page=meta, items=items))
+
+
+@router.get("/{app_id}/logs/{conversation_id}", summary="应用日志 - 会话消息详情")
+@cur_workspace_access_guard()
+def get_app_log_detail(
+        app_id: uuid.UUID,
+        conversation_id: uuid.UUID,
+        db: Session = Depends(get_db),
+        current_user=Depends(get_current_user),
+):
+    """查看某会话的完整消息记录
+
+    - 返回会话基本信息 + 所有消息（按时间正序）
+    - 消息 meta_data 包含模型名、token 用量等信息
+    - 所有人（包括共享者和被共享者）都只能查看自己的会话详情
+    """
+    workspace_id = current_user.current_workspace_id
+
+    # 验证应用访问权限
+    app_service = AppService(db)
+    app_service.get_app(app_id, workspace_id)
+
+    # 使用 Service 层查询
+    log_service = AppLogService(db)
+    conversation = log_service.get_conversation_detail(
+        app_id=app_id,
+        conversation_id=conversation_id,
+        workspace_id=workspace_id
+    )
+
+    detail = AppLogConversationDetail.model_validate(conversation)
+
+    return success(data=detail)
diff --git a/api/app/controllers/end_user_controller.py b/api/app/controllers/end_user_controller.py
new file mode 100644
index 00000000..b9d54fea
--- /dev/null
+++ b/api/app/controllers/end_user_controller.py
@@ -0,0 +1,48 @@
+"""End User 管理接口 - 无需认证"""
+
+from app.core.logging_config import get_business_logger
+from app.core.response_utils import success
+from app.db import get_db
+from app.repositories.end_user_repository import EndUserRepository
+from app.schemas.memory_api_schema import (
+    CreateEndUserRequest,
+    CreateEndUserResponse,
+)
+from fastapi import APIRouter, Depends
+from sqlalchemy.orm import Session
+
+router = APIRouter(prefix="/end_users", tags=["End Users"])
+logger = get_business_logger()
+
+
+@router.post("")
+async def create_end_user(
+    data: CreateEndUserRequest,
+    db: Session = Depends(get_db),
+):
+    """
+    Create an end user.
+    
+    Creates a new end user for the given workspace.
+    If an end user with the same other_id already exists in the workspace,
+    returns the existing one.
+    """
+    logger.info(f"Create end user request - other_id: {data.other_id}, workspace_id: {data.workspace_id}")
+
+    end_user_repo = EndUserRepository(db)
+    end_user = end_user_repo.get_or_create_end_user(
+        app_id=None,
+        workspace_id=data.workspace_id,
+        other_id=data.other_id,
+    )
+
+    logger.info(f"End user ready: {end_user.id}")
+
+    result = {
+        "id": str(end_user.id),
+        "other_id": end_user.other_id or "",
+        "other_name": end_user.other_name or "",
+        "workspace_id": str(end_user.workspace_id),
+    }
+
+    return success(data=CreateEndUserResponse(**result).model_dump(), msg="End user created successfully")
diff --git a/api/app/controllers/file_storage_controller.py b/api/app/controllers/file_storage_controller.py
index 55149cce..4e1ba74c 100644
--- a/api/app/controllers/file_storage_controller.py
+++ b/api/app/controllers/file_storage_controller.py
@@ -14,6 +14,9 @@ Routes:
 import os
 import uuid
 from typing import Any
+import httpx
+import mimetypes
+from urllib.parse import urlparse, unquote
 
 from fastapi import APIRouter, Depends, File, HTTPException, Request, UploadFile, status
 from fastapi.responses import FileResponse, RedirectResponse
@@ -290,6 +293,101 @@ async def upload_file_with_share_token(
     )
 
 
+@router.get("/files/info-by-url", response_model=ApiResponse)
+async def get_file_info_by_url(
+        url: str,
+):
+    """
+    Get file information by network URL (no authentication required).
+
+    Fetches file metadata from a remote URL via HTTP HEAD request.
+    Falls back to GET request if HEAD is not supported.
+    Returns file type, name, and size.
+
+    Args:
+        url: The network URL of the file.
+
+    Returns:
+        ApiResponse with file information.
+    """
+    api_logger.info(f"File info by URL request: url={url}")
+
+    try:
+        async with httpx.AsyncClient(timeout=10.0) as client:
+            # Try HEAD request first
+            response = await client.head(url, follow_redirects=True)
+
+            # If HEAD fails, try GET request (some servers don't support HEAD)
+            if response.status_code != 200:
+                api_logger.info(f"HEAD request failed with {response.status_code}, trying GET request")
+                response = await client.get(url, follow_redirects=True)
+                
+                if response.status_code != 200:
+                    api_logger.error(f"Failed to fetch file info: HTTP {response.status_code}")
+                    raise HTTPException(
+                        status_code=status.HTTP_400_BAD_REQUEST,
+                        detail=f"Unable to access file: HTTP {response.status_code}"
+                    )
+
+            # Get file size from Content-Length header or actual content
+            file_size = response.headers.get("Content-Length")
+            if file_size:
+                file_size = int(file_size)
+            elif hasattr(response, 'content'):
+                file_size = len(response.content)
+            else:
+                file_size = None
+
+            # Get content type from Content-Type header
+            content_type = response.headers.get("Content-Type", "application/octet-stream")
+            # Remove charset and other parameters from content type
+            content_type = content_type.split(';')[0].strip()
+
+            # Extract filename from Content-Disposition or URL
+            file_name = None
+            content_disposition = response.headers.get("Content-Disposition")
+            if content_disposition and "filename=" in content_disposition:
+                parts = content_disposition.split("filename=")
+                if len(parts) > 1:
+                    file_name = parts[1].strip('"').strip("'")
+
+            if not file_name:
+                parsed_url = urlparse(url)
+                file_name = unquote(os.path.basename(parsed_url.path)) or "unknown"
+
+            # Extract file extension from filename
+            _, file_ext = os.path.splitext(file_name)
+            
+            # If no extension found, infer from content type
+            if not file_ext:
+                ext = mimetypes.guess_extension(content_type)
+                if ext:
+                    file_ext = ext
+                    file_name = f"{file_name}{file_ext}"
+
+            api_logger.info(f"File info retrieved: name={file_name}, size={file_size}, type={content_type}")
+
+            return success(
+                data={
+                    "url": url,
+                    "file_name": file_name,
+                    "file_ext": file_ext.lower() if file_ext else "",
+                    "file_size": file_size,
+                    "content_type": content_type,
+                },
+                msg="File information retrieved successfully"
+            )
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        api_logger.error(f"Unexpected error: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail=f"Failed to retrieve file information: {str(e)}"
+        )
+
+
 @router.get("/files/{file_id}", response_model=Any)
 async def download_file(
     request: Request,
@@ -476,8 +574,12 @@ async def get_file_url(
             # For local storage, generate signed URL with expiration
             url = generate_signed_url(str(file_id), expires)
         else:
-            # For remote storage (OSS/S3), get presigned URL
-            url = await storage_service.get_file_url(file_key, expires=expires)
+            # For remote storage (OSS/S3), get presigned URL with forced download
+            url = await storage_service.get_file_url(
+                file_key,
+                expires=expires,
+                file_name=file_metadata.file_name,
+            )
             url = _match_scheme(request, url)
 
         api_logger.info(f"Generated file URL: file_id={file_id}")
@@ -688,7 +790,7 @@ async def permanent_download_file(
         # For remote storage, redirect to presigned URL with long expiration
         try:
             # Use a very long expiration (7 days max for most cloud providers)
-            presigned_url = await storage_service.get_file_url(file_key, expires=604800)
+            presigned_url = await storage_service.get_file_url(file_key, expires=604800, file_name=file_metadata.file_name)
             presigned_url = _match_scheme(request, presigned_url)
             return RedirectResponse(url=presigned_url, status_code=status.HTTP_302_FOUND)
         except Exception as e:
@@ -697,3 +799,44 @@ async def permanent_download_file(
                 status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
                 detail=f"Failed to retrieve file: {str(e)}"
             )
+
+
+@router.get("/files/{file_id}/status", response_model=ApiResponse)
+async def get_file_status(
+    file_id: uuid.UUID,
+    db: Session = Depends(get_db),
+):
+    """
+    Get file upload/processing status (no authentication required).
+    
+    This endpoint is used to check if a file (e.g., TTS audio) is ready.
+    Returns status: pending, completed, or failed.
+    
+    Args:
+        file_id: The UUID of the file.
+        db: Database session.
+    
+    Returns:
+        ApiResponse with file status and metadata.
+    """
+    api_logger.info(f"File status request: file_id={file_id}")
+    
+    # Query file metadata from database
+    file_metadata = db.query(FileMetadata).filter(FileMetadata.id == file_id).first()
+    if not file_metadata:
+        api_logger.warning(f"File not found in database: file_id={file_id}")
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="The file does not exist"
+        )
+    
+    return success(
+        data={
+            "file_id": str(file_id),
+            "status": file_metadata.status,
+            "file_name": file_metadata.file_name,
+            "file_size": file_metadata.file_size,
+            "content_type": file_metadata.content_type,
+        },
+        msg="File status retrieved successfully"
+    )
diff --git a/api/app/controllers/mcp_market_config_controller.py b/api/app/controllers/mcp_market_config_controller.py
index 0f2da3b0..6f27d87a 100644
--- a/api/app/controllers/mcp_market_config_controller.py
+++ b/api/app/controllers/mcp_market_config_controller.py
@@ -91,9 +91,11 @@ async def get_mcp_servers(
 
     try:
         cookies = api.get_cookies(token)
+        headers=api.builder_headers(api.headers)
+        headers['Authorization'] = f'Bearer {token}'
         r = api.session.put(
             url=api.mcp_base_url,
-            headers=api.builder_headers(api.headers),
+            headers=headers,
             json=body,
             cookies=cookies)
         raise_for_http_status(r)
@@ -173,6 +175,7 @@ async def get_operational_mcp_servers(
 
     url = f'{api.mcp_base_url}/operational'
     headers = api.builder_headers(api.headers)
+    headers['Authorization'] = f'Bearer {token}'
 
     try:
         cookies = api.get_cookies(access_token=token, cookies_required=True)
@@ -260,7 +263,9 @@ async def create_mcp_market_config(
             api.login(create_data.token)
             body = {'filter': {}, 'page_number': 1, 'page_size': 1, 'search': None}
             cookies = api.get_cookies(create_data.token)
-            r = api.session.put(url=api.mcp_base_url, headers=api.builder_headers(api.headers), json=body, cookies=cookies)
+            headers = api.builder_headers(api.headers)
+            headers['Authorization'] = f'Bearer {create_data.token}'
+            r = api.session.put(url=api.mcp_base_url, headers=headers, json=body, cookies=cookies)
             raise_for_http_status(r)
         except Exception as e:
             api_logger.warning(f"Token validation failed for ModelScope MCP market: {str(e)}")
@@ -290,9 +295,11 @@ async def create_mcp_market_config(
                 'search': ""
             }
             cookies = api.get_cookies(token)
+            headers = api.builder_headers(api.headers)
+            headers['Authorization'] = f'Bearer {token}'
             r = api.session.put(
                 url=api.mcp_base_url,
-                headers=api.builder_headers(api.headers),
+                headers=headers,
                 json=body,
                 cookies=cookies)
             raise_for_http_status(r)
@@ -393,7 +400,9 @@ async def update_mcp_market_config(
             api.login(update_data.token)
             body = {'filter': {}, 'page_number': 1, 'page_size': 1, 'search': None}
             cookies = api.get_cookies(update_data.token)
-            r = api.session.put(url=api.mcp_base_url, headers=api.builder_headers(api.headers), json=body, cookies=cookies)
+            headers = api.builder_headers(api.headers)
+            headers['Authorization'] = f'Bearer {update_data.token}'
+            r = api.session.put(url=api.mcp_base_url, headers=headers, json=body, cookies=cookies)
             raise_for_http_status(r)
         except Exception as e:
             api_logger.warning(f"Token validation failed for ModelScope MCP market: {str(e)}")
diff --git a/api/app/controllers/memory_agent_controller.py b/api/app/controllers/memory_agent_controller.py
index e3d2bf92..aa4d48e3 100644
--- a/api/app/controllers/memory_agent_controller.py
+++ b/api/app/controllers/memory_agent_controller.py
@@ -118,142 +118,142 @@ async def download_log(
             return fail(BizCode.INTERNAL_ERROR, "启动日志流式传输失败", str(e))
 
 
-@router.post("/writer_service", response_model=ApiResponse)
-@cur_workspace_access_guard()
-async def write_server(
-        user_input: Write_UserInput,
-        language_type: str = Header(default=None, alias="X-Language-Type"),
-        db: Session = Depends(get_db),
-        current_user: User = Depends(get_current_user)
-):
-    """
-    Write service endpoint - processes write operations synchronously
-    
-    Args:
-        user_input: Write request containing message and end_user_id
-        language_type: 语言类型 ("zh" 中文, "en" 英文)，通过 X-Language-Type Header 传递
-    
-    Returns:
-        Response with write operation status
-    """
-    # 使用集中化的语言校验
-    language = get_language_from_header(language_type)
-
-    config_id = user_input.config_id
-    workspace_id = current_user.current_workspace_id
-    api_logger.info(f"Write service: workspace_id={workspace_id}, config_id={config_id}, language_type={language}")
-
-    # 获取 storage_type，如果为 None 则使用默认值
-    storage_type = workspace_service.get_workspace_storage_type(
-        db=db,
-        workspace_id=workspace_id,
-        user=current_user
-    )
-    if storage_type is None: storage_type = 'neo4j'
-    user_rag_memory_id = ''
-
-    # 如果 storage_type 是 rag，必须确保有有效的 user_rag_memory_id
-    if storage_type == 'rag':
-        if workspace_id:
-            knowledge = knowledge_repository.get_knowledge_by_name(
-                db=db,
-                name="USER_RAG_MERORY",
-                workspace_id=workspace_id
-            )
-            if knowledge:
-                user_rag_memory_id = str(knowledge.id)
-            else:
-                api_logger.warning(
-                    f"未找到名为 'USER_RAG_MERORY' 的知识库，workspace_id: {workspace_id}，将使用 neo4j 存储")
-                storage_type = 'neo4j'
-        else:
-            api_logger.warning("workspace_id 为空，无法使用 rag 存储，将使用 neo4j 存储")
-            storage_type = 'neo4j'
-
-    api_logger.info(
-        f"Write service requested for group {user_input.end_user_id}, storage_type: {storage_type}, user_rag_memory_id: {user_rag_memory_id}")
-    try:
-        messages_list = memory_agent_service.get_messages_list(user_input)
-        result = await memory_agent_service.write_memory(
-            user_input.end_user_id,
-            messages_list,
-            config_id,
-            db,
-            storage_type,
-            user_rag_memory_id,
-            language
-        )
-
-        return success(data=result, msg="写入成功")
-    except BaseException as e:
-        # Handle ExceptionGroup from TaskGroup (Python 3.11+) or BaseExceptionGroup
-        if hasattr(e, 'exceptions'):
-            error_messages = [f"{type(sub_e).__name__}: {str(sub_e)}" for sub_e in e.exceptions]
-            detailed_error = "; ".join(error_messages)
-            api_logger.error(f"Write operation error (TaskGroup): {detailed_error}", exc_info=True)
-            return fail(BizCode.INTERNAL_ERROR, "写入失败", detailed_error)
-        api_logger.error(f"Write operation error: {str(e)}", exc_info=True)
-        return fail(BizCode.INTERNAL_ERROR, "写入失败", str(e))
-
-
-@router.post("/writer_service_async", response_model=ApiResponse)
-@cur_workspace_access_guard()
-async def write_server_async(
-        user_input: Write_UserInput,
-        language_type: str = Header(default=None, alias="X-Language-Type"),
-        db: Session = Depends(get_db),
-        current_user: User = Depends(get_current_user)
-):
-    """
-    Async write service endpoint - enqueues write processing to Celery
-    
-    Args:
-        user_input: Write request containing message and end_user_id
-        language_type: 语言类型 ("zh" 中文, "en" 英文)，通过 X-Language-Type Header 传递
-    
-    Returns:
-        Task ID for tracking async operation
-        Use GET /memory/write_result/{task_id} to check task status and get result
-    """
-    # 使用集中化的语言校验
-    language = get_language_from_header(language_type)
-
-    config_id = user_input.config_id
-    workspace_id = current_user.current_workspace_id
-    api_logger.info(
-        f"Async write service: workspace_id={workspace_id}, config_id={config_id}, language_type={language}")
-
-    # 获取 storage_type，如果为 None 则使用默认值
-    storage_type = workspace_service.get_workspace_storage_type(
-        db=db,
-        workspace_id=workspace_id,
-        user=current_user
-    )
-    if storage_type is None: storage_type = 'neo4j'
-    user_rag_memory_id = ''
-    if workspace_id:
-
-        knowledge = knowledge_repository.get_knowledge_by_name(
-            db=db,
-            name="USER_RAG_MERORY",
-            workspace_id=workspace_id
-        )
-        if knowledge: user_rag_memory_id = str(knowledge.id)
-    api_logger.info(f"Async write: storage_type={storage_type}, user_rag_memory_id={user_rag_memory_id}")
-    try:
-        # 获取标准化的消息列表
-        messages_list = memory_agent_service.get_messages_list(user_input)
-
-        task = celery_app.send_task(
-            "app.core.memory.agent.write_message",
-            args=[user_input.end_user_id, messages_list, config_id, storage_type, user_rag_memory_id, language]
-        )
-        api_logger.info(f"Write task queued: {task.id}")
-
-        return success(data={"task_id": task.id}, msg="写入任务已提交")
-    except Exception as e:
-        api_logger.error(f"Async write operation failed: {str(e)}")
-        return fail(BizCode.INTERNAL_ERROR, "写入失败", str(e))
+# @router.post("/writer_service", response_model=ApiResponse)
+# @cur_workspace_access_guard()
+# async def write_server(
+#         user_input: Write_UserInput,
+#         language_type: str = Header(default=None, alias="X-Language-Type"),
+#         db: Session = Depends(get_db),
+#         current_user: User = Depends(get_current_user)
+# ):
+#     """
+#     Write service endpoint - processes write operations synchronously
+#
+#     Args:
+#         user_input: Write request containing message and end_user_id
+#         language_type: 语言类型 ("zh" 中文, "en" 英文)，通过 X-Language-Type Header 传递
+#
+#     Returns:
+#         Response with write operation status
+#     """
+#     # 使用集中化的语言校验
+#     language = get_language_from_header(language_type)
+#
+#     config_id = user_input.config_id
+#     workspace_id = current_user.current_workspace_id
+#     api_logger.info(f"Write service: workspace_id={workspace_id}, config_id={config_id}, language_type={language}")
+#
+#     # 获取 storage_type，如果为 None 则使用默认值
+#     storage_type = workspace_service.get_workspace_storage_type(
+#         db=db,
+#         workspace_id=workspace_id,
+#         user=current_user
+#     )
+#     if storage_type is None: storage_type = 'neo4j'
+#     user_rag_memory_id = ''
+#
+#     # 如果 storage_type 是 rag，必须确保有有效的 user_rag_memory_id
+#     if storage_type == 'rag':
+#         if workspace_id:
+#             knowledge = knowledge_repository.get_knowledge_by_name(
+#                 db=db,
+#                 name="USER_RAG_MERORY",
+#                 workspace_id=workspace_id
+#             )
+#             if knowledge:
+#                 user_rag_memory_id = str(knowledge.id)
+#             else:
+#                 api_logger.warning(
+#                     f"未找到名为 'USER_RAG_MERORY' 的知识库，workspace_id: {workspace_id}，将使用 neo4j 存储")
+#                 storage_type = 'neo4j'
+#         else:
+#             api_logger.warning("workspace_id 为空，无法使用 rag 存储，将使用 neo4j 存储")
+#             storage_type = 'neo4j'
+#
+#     api_logger.info(
+#         f"Write service requested for group {user_input.end_user_id}, storage_type: {storage_type}, user_rag_memory_id: {user_rag_memory_id}")
+#     try:
+#         messages_list = memory_agent_service.get_messages_list(user_input)
+#         result = await memory_agent_service.write_memory(
+#             user_input.end_user_id,
+#             messages_list,
+#             config_id,
+#             db,
+#             storage_type,
+#             user_rag_memory_id,
+#             language
+#         )
+#
+#         return success(data=result, msg="写入成功")
+#     except BaseException as e:
+#         # Handle ExceptionGroup from TaskGroup (Python 3.11+) or BaseExceptionGroup
+#         if hasattr(e, 'exceptions'):
+#             error_messages = [f"{type(sub_e).__name__}: {str(sub_e)}" for sub_e in e.exceptions]
+#             detailed_error = "; ".join(error_messages)
+#             api_logger.error(f"Write operation error (TaskGroup): {detailed_error}", exc_info=True)
+#             return fail(BizCode.INTERNAL_ERROR, "写入失败", detailed_error)
+#         api_logger.error(f"Write operation error: {str(e)}", exc_info=True)
+#         return fail(BizCode.INTERNAL_ERROR, "写入失败", str(e))
+#
+#
+# @router.post("/writer_service_async", response_model=ApiResponse)
+# @cur_workspace_access_guard()
+# async def write_server_async(
+#         user_input: Write_UserInput,
+#         language_type: str = Header(default=None, alias="X-Language-Type"),
+#         db: Session = Depends(get_db),
+#         current_user: User = Depends(get_current_user)
+# ):
+#     """
+#     Async write service endpoint - enqueues write processing to Celery
+#
+#     Args:
+#         user_input: Write request containing message and end_user_id
+#         language_type: 语言类型 ("zh" 中文, "en" 英文)，通过 X-Language-Type Header 传递
+#
+#     Returns:
+#         Task ID for tracking async operation
+#         Use GET /memory/write_result/{task_id} to check task status and get result
+#     """
+#     # 使用集中化的语言校验
+#     language = get_language_from_header(language_type)
+#
+#     config_id = user_input.config_id
+#     workspace_id = current_user.current_workspace_id
+#     api_logger.info(
+#         f"Async write service: workspace_id={workspace_id}, config_id={config_id}, language_type={language}")
+#
+#     # 获取 storage_type，如果为 None 则使用默认值
+#     storage_type = workspace_service.get_workspace_storage_type(
+#         db=db,
+#         workspace_id=workspace_id,
+#         user=current_user
+#     )
+#     if storage_type is None: storage_type = 'neo4j'
+#     user_rag_memory_id = ''
+#     if workspace_id:
+#
+#         knowledge = knowledge_repository.get_knowledge_by_name(
+#             db=db,
+#             name="USER_RAG_MERORY",
+#             workspace_id=workspace_id
+#         )
+#         if knowledge: user_rag_memory_id = str(knowledge.id)
+#     api_logger.info(f"Async write: storage_type={storage_type}, user_rag_memory_id={user_rag_memory_id}")
+#     try:
+#         # 获取标准化的消息列表
+#         messages_list = memory_agent_service.get_messages_list(user_input)
+#
+#         task = celery_app.send_task(
+#             "app.core.memory.agent.write_message",
+#             args=[user_input.end_user_id, messages_list, config_id, storage_type, user_rag_memory_id, language]
+#         )
+#         api_logger.info(f"Write task queued: {task.id}")
+#
+#         return success(data={"task_id": task.id}, msg="写入任务已提交")
+#     except Exception as e:
+#         api_logger.error(f"Async write operation failed: {str(e)}")
+#         return fail(BizCode.INTERNAL_ERROR, "写入失败", str(e))
 
 
 @router.post("/read_service", response_model=ApiResponse)
diff --git a/api/app/controllers/memory_dashboard_controller.py b/api/app/controllers/memory_dashboard_controller.py
index cc0efab3..fe4337d1 100644
--- a/api/app/controllers/memory_dashboard_controller.py
+++ b/api/app/controllers/memory_dashboard_controller.py
@@ -663,9 +663,12 @@ async def dashboard_data(
                 rag_data["total_memory"] = total_chunk
                 
                 # total_app: 统计当前空间下的所有app数量
-                from app.repositories import app_repository
-                apps_orm = app_repository.get_apps_by_workspace_id(db, workspace_id)
-                rag_data["total_app"] = len(apps_orm)
+                # 包含自有app + 被分享给本工作空间的app
+                from app.services import app_service as _app_svc
+                _, total_app = _app_svc.AppService(db).list_apps(
+                    workspace_id=workspace_id, include_shared=True, pagesize=1
+                )
+                rag_data["total_app"] = total_app
                 
                 # total_knowledge: 使用 total_kb（总知识库数）
                 total_kb = memory_dashboard_service.get_rag_total_kb(db, current_user)
@@ -687,7 +690,7 @@ async def dashboard_data(
                     api_logger.warning(f"获取RAG模式API调用统计失败，使用默认值: {str(e)}")
                     rag_data["total_api_call"] = 0
                 
-                api_logger.info(f"成功获取RAG相关数据: memory={total_chunk}, app={len(apps_orm)}, knowledge={total_kb}, api_calls={rag_data['total_api_call']}")
+                api_logger.info(f"成功获取RAG相关数据: memory={total_chunk}, app={total_app}, knowledge={total_kb}, api_calls={rag_data['total_api_call']}")
             except Exception as e:
                 api_logger.warning(f"获取RAG相关数据失败: {str(e)}")
             
diff --git a/api/app/controllers/memory_forget_controller.py b/api/app/controllers/memory_forget_controller.py
index 2b5ef72f..51ce92b3 100644
--- a/api/app/controllers/memory_forget_controller.py
+++ b/api/app/controllers/memory_forget_controller.py
@@ -31,6 +31,7 @@ from app.schemas.memory_storage_schema import (
     ForgettingCurveRequest,
     ForgettingCurveResponse,
     ForgettingCurvePoint,
+    PendingNodesResponse,
 )
 from app.schemas.response_schema import ApiResponse
 from app.services.memory_forget_service import MemoryForgetService
@@ -308,6 +309,100 @@ async def get_forgetting_stats(
         return fail(BizCode.INTERNAL_ERROR, "获取遗忘引擎统计失败", str(e))
 
 
+@router.get("/pending-nodes", response_model=ApiResponse)
+async def get_pending_nodes(
+    end_user_id: str,
+    page: int = 1,
+    pagesize: int = 10,
+    current_user: User = Depends(get_current_user),
+    db: Session = Depends(get_db)
+):
+    """
+    获取待遗忘节点列表（独立分页接口）
+
+    查询满足遗忘条件的节点（激活值低于阈值且最后访问时间超过最小天数）。
+    此接口独立分页，与 /stats 接口分离。
+
+    Args:
+        end_user_id: 组ID（即 end_user_id，必填）
+        page: 页码（从1开始，默认1）
+        pagesize: 每页数量（默认10）
+        current_user: 当前用户
+        db: 数据库会话
+
+    Returns:
+        ApiResponse: 包含待遗忘节点列表和分页信息的响应
+
+    Examples:
+        - 第1页，每页10条：GET /memory/forget-memory/pending-nodes?end_user_id=xxx&page=1&pagesize=10
+        - 第2页，每页20条：GET /memory/forget-memory/pending-nodes?end_user_id=xxx&page=2&pagesize=20
+
+    Notes:
+        - page 从1开始，pagesize 必须大于0
+        - 返回格式：{"items": [...], "page": {"page": 1, "pagesize": 10, "total": 100, "hasnext": true}}
+    """
+    workspace_id = current_user.current_workspace_id
+    # 检查用户是否已选择工作空间
+    if workspace_id is None:
+        api_logger.warning(f"用户 {current_user.username} 尝试获取待遗忘节点但未选择工作空间")
+        return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
+
+    # 验证 end_user_id 必填
+    if not end_user_id:
+        api_logger.warning(f"用户 {current_user.username} 尝试获取待遗忘节点但未提供 end_user_id")
+        return fail(BizCode.INVALID_PARAMETER, "end_user_id 不能为空", "end_user_id is required")
+
+    # 通过 end_user_id 获取关联的 config_id
+    try:
+        from app.services.memory_agent_service import get_end_user_connected_config
+
+        connected_config = get_end_user_connected_config(end_user_id, db)
+        config_id = connected_config.get("memory_config_id")
+        config_id = resolve_config_id(config_id, db)
+
+        if config_id is None:
+            api_logger.warning(f"终端用户 {end_user_id} 未关联记忆配置")
+            return fail(BizCode.INVALID_PARAMETER, f"终端用户 {end_user_id} 未关联记忆配置", "memory_config_id is None")
+
+        api_logger.debug(f"通过 end_user_id={end_user_id} 获取到 config_id={config_id}")
+    except ValueError as e:
+        api_logger.warning(f"获取终端用户配置失败: {str(e)}")
+        return fail(BizCode.INVALID_PARAMETER, str(e), "ValueError")
+    except Exception as e:
+        api_logger.error(f"获取终端用户配置时发生错误: {str(e)}")
+        return fail(BizCode.INTERNAL_ERROR, "获取终端用户配置失败", str(e))
+
+    # 验证分页参数
+    if page < 1:
+        return fail(BizCode.INVALID_PARAMETER, "page 必须大于等于1", "page < 1")
+    if pagesize < 1:
+        return fail(BizCode.INVALID_PARAMETER, "pagesize 必须大于等于1", "pagesize < 1")
+
+    api_logger.info(
+        f"用户 {current_user.username} 在工作空间 {workspace_id} 请求获取待遗忘节点: "
+        f"end_user_id={end_user_id}, page={page}, pagesize={pagesize}"
+    )
+
+    try:
+        # 调用服务层获取待遗忘节点列表
+        result = await forget_service.get_pending_nodes(
+            db=db,
+            end_user_id=end_user_id,
+            config_id=config_id,
+            page=page,
+            pagesize=pagesize
+        )
+
+        # 构建响应
+        response_data = PendingNodesResponse(**result)
+
+        return success(data=response_data.model_dump(), msg="查询成功")
+
+    except Exception as e:
+        api_logger.error(f"获取待遗忘节点列表失败: {str(e)}")
+        return fail(BizCode.INTERNAL_ERROR, "获取待遗忘节点列表失败", str(e))
+
+
 @router.post("/forgetting_curve", response_model=ApiResponse)
 async def get_forgetting_curve(
     request: ForgettingCurveRequest,
diff --git a/api/app/controllers/memory_storage_controller.py b/api/app/controllers/memory_storage_controller.py
index d91dfc36..d8b39325 100644
--- a/api/app/controllers/memory_storage_controller.py
+++ b/api/app/controllers/memory_storage_controller.py
@@ -54,8 +54,8 @@ router = APIRouter(
 
 @router.get("/info", response_model=ApiResponse)
 async def get_storage_info(
-    storage_id: str,
-    current_user: User = Depends(get_current_user)
+        storage_id: str,
+        current_user: User = Depends(get_current_user)
 ):
     """
     Example wrapper endpoint - retrieves storage information
@@ -75,24 +75,19 @@ async def get_storage_info(
         return fail(BizCode.INTERNAL_ERROR, "存储信息获取失败", str(e))
 
 
-
-
-
-
-
-@router.post("/create_config", response_model=ApiResponse)   # 创建配置文件，其他参数默认
+@router.post("/create_config", response_model=ApiResponse)  # 创建配置文件，其他参数默认
 def create_config(
-    payload: ConfigParamsCreate,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
-    x_language_type: Optional[str] = Header(None, alias="X-Language-Type"),
+        payload: ConfigParamsCreate,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
+        x_language_type: Optional[str] = Header(None, alias="X-Language-Type"),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
     # 检查用户是否已选择工作空间
     if workspace_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试创建配置但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
-    
+
     api_logger.info(f"用户 {current_user.username} 在工作空间 {workspace_id} 请求创建配置: {payload.config_name}")
     try:
         # 将 workspace_id 注入到 payload 中（保持为 UUID 类型）
@@ -107,9 +102,11 @@ def create_config(
             api_logger.warning(f"重复的配置名称 '{config_name}' 在工作空间 {workspace_id}")
             lang = get_language_from_header(x_language_type)
             if lang == "en":
-                msg = fail(BizCode.BAD_REQUEST, "Config name already exists", f"A config named \"{config_name}\" already exists in the current workspace. Please use a different name.")
+                msg = fail(BizCode.BAD_REQUEST, "Config name already exists",
+                           f"A config named \"{config_name}\" already exists in the current workspace. Please use a different name.")
             else:
-                msg = fail(BizCode.BAD_REQUEST, "配置名称已存在", f"当前工作空间下已存在名为「{config_name}」的记忆配置，请使用其他名称")
+                msg = fail(BizCode.BAD_REQUEST, "配置名称已存在",
+                           f"当前工作空间下已存在名为「{config_name}」的记忆配置，请使用其他名称")
             return JSONResponse(status_code=400, content=msg)
         api_logger.error(f"Create config failed: {err_str}")
         return fail(BizCode.INTERNAL_ERROR, "创建配置失败", err_str)
@@ -119,9 +116,11 @@ def create_config(
             api_logger.warning(f"重复的配置名称 '{payload.config_name}' 在工作空间 {workspace_id}")
             lang = get_language_from_header(x_language_type)
             if lang == "en":
-                msg = fail(BizCode.BAD_REQUEST, "Config name already exists", f"A config named \"{payload.config_name}\" already exists in the current workspace. Please use a different name.")
+                msg = fail(BizCode.BAD_REQUEST, "Config name already exists",
+                           f"A config named \"{payload.config_name}\" already exists in the current workspace. Please use a different name.")
             else:
-                msg = fail(BizCode.BAD_REQUEST, "配置名称已存在", f"当前工作空间下已存在名为「{payload.config_name}」的记忆配置，请使用其他名称")
+                msg = fail(BizCode.BAD_REQUEST, "配置名称已存在",
+                           f"当前工作空间下已存在名为「{payload.config_name}」的记忆配置，请使用其他名称")
             return JSONResponse(status_code=400, content=msg)
         api_logger.error(f"Create config failed: {str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "创建配置失败", str(e))
@@ -129,10 +128,10 @@ def create_config(
 
 @router.delete("/delete_config", response_model=ApiResponse)  # 删除数据库中的内容（按配置名称）
 def delete_config(
-    config_id: UUID|int,
-    force: bool = Query(False, description="是否强制删除（即使有终端用户正在使用）"),
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        config_id: UUID | int,
+        force: bool = Query(False, description="是否强制删除（即使有终端用户正在使用）"),
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     """删除记忆配置（带终端用户保护）
     
@@ -145,24 +144,24 @@ def delete_config(
         force: 设置为 true 可强制删除（即使有终端用户正在使用）
     """
     workspace_id = current_user.current_workspace_id
-    config_id=resolve_config_id(config_id, db)
+    config_id = resolve_config_id(config_id, db)
     # 检查用户是否已选择工作空间
     if workspace_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试删除配置但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
-    
+
     api_logger.info(
         f"用户 {current_user.username} 在工作空间 {workspace_id} 请求删除配置: "
         f"config_id={config_id}, force={force}"
     )
-    
+
     try:
         # 使用带保护的删除服务
         from app.services.memory_config_service import MemoryConfigService
-        
+
         config_service = MemoryConfigService(db)
         result = config_service.delete_config(config_id=config_id, force=force)
-        
+
         if result["status"] == "error":
             api_logger.warning(
                 f"记忆配置删除被拒绝: config_id={config_id}, reason={result['message']}"
@@ -172,7 +171,7 @@ def delete_config(
                 msg=result["message"],
                 data={"config_id": str(config_id), "is_default": result.get("is_default", False)}
             )
-        
+
         if result["status"] == "warning":
             api_logger.warning(
                 f"记忆配置正在使用，无法删除: config_id={config_id}, "
@@ -186,7 +185,7 @@ def delete_config(
                     "force_required": result["force_required"]
                 }
             )
-        
+
         api_logger.info(
             f"记忆配置删除成功: config_id={config_id}, "
             f"affected_users={result['affected_users']}"
@@ -195,7 +194,7 @@ def delete_config(
             msg=result["message"],
             data={"affected_users": result["affected_users"]}
         )
-        
+
     except Exception as e:
         api_logger.error(f"Delete config failed: {str(e)}", exc_info=True)
         return fail(BizCode.INTERNAL_ERROR, "删除配置失败", str(e))
@@ -203,9 +202,9 @@ def delete_config(
 
 @router.post("/update_config", response_model=ApiResponse)  # 更新配置文件中name和desc
 def update_config(
-    payload: ConfigUpdate,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        payload: ConfigUpdate,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
     payload.config_id = resolve_config_id(payload.config_id, db)
@@ -213,12 +212,13 @@ def update_config(
     if workspace_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试更新配置但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
-    
+
     # 校验至少有一个字段需要更新
     if payload.config_name is None and payload.config_desc is None and payload.scene_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试更新配置但未提供任何更新字段")
-        return fail(BizCode.INVALID_PARAMETER, "请至少提供一个需要更新的字段", "config_name, config_desc, scene_id 均为空")
-    
+        return fail(BizCode.INVALID_PARAMETER, "请至少提供一个需要更新的字段",
+                    "config_name, config_desc, scene_id 均为空")
+
     api_logger.info(f"用户 {current_user.username} 在工作空间 {workspace_id} 请求更新配置: {payload.config_id}")
     try:
         svc = DataConfigService(db)
@@ -231,9 +231,9 @@ def update_config(
 
 @router.post("/update_config_extracted", response_model=ApiResponse)  # 更新数据库中的部分内容 所有业务字段均可选
 def update_config_extracted(
-    payload: ConfigUpdateExtracted,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        payload: ConfigUpdateExtracted,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
     payload.config_id = resolve_config_id(payload.config_id, db)
@@ -241,7 +241,7 @@ def update_config_extracted(
     if workspace_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试更新提取配置但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
-    
+
     api_logger.info(f"用户 {current_user.username} 在工作空间 {workspace_id} 请求更新提取配置: {payload.config_id}")
     try:
         svc = DataConfigService(db)
@@ -256,11 +256,11 @@ def update_config_extracted(
 # 遗忘引擎配置接口已迁移到 memory_forget_controller.py
 # 使用新接口: /api/memory/forget/read_config 和 /api/memory/forget/update_config
 
-@router.get("/read_config_extracted", response_model=ApiResponse) # 通过查询参数读取某条配置（固定路径） 没有意义的话就删除
+@router.get("/read_config_extracted", response_model=ApiResponse)  # 通过查询参数读取某条配置（固定路径） 没有意义的话就删除
 def read_config_extracted(
-    config_id: UUID | int,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        config_id: UUID | int,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
     config_id = resolve_config_id(config_id, db)
@@ -268,7 +268,7 @@ def read_config_extracted(
     if workspace_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试读取提取配置但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
-    
+
     api_logger.info(f"用户 {current_user.username} 在工作空间 {workspace_id} 请求读取提取配置: {config_id}")
     try:
         svc = DataConfigService(db)
@@ -278,18 +278,19 @@ def read_config_extracted(
         api_logger.error(f"Read config extracted failed: {str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "查询配置失败", str(e))
 
-@router.get("/read_all_config", response_model=ApiResponse) # 读取所有配置文件列表
+
+@router.get("/read_all_config", response_model=ApiResponse)  # 读取所有配置文件列表
 def read_all_config(
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
-    
+
     # 检查用户是否已选择工作空间
     if workspace_id is None:
         api_logger.warning(f"用户 {current_user.username} 尝试查询配置但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
-    
+
     api_logger.info(f"用户 {current_user.username} 在工作空间 {workspace_id} 请求读取所有配置")
     try:
         svc = DataConfigService(db)
@@ -303,14 +304,14 @@ def read_all_config(
 
 @router.post("/pilot_run", response_model=None)
 async def pilot_run(
-    payload: ConfigPilotRun,
-    language_type: str = Header(default=None, alias="X-Language-Type"),
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        payload: ConfigPilotRun,
+        language_type: str = Header(default=None, alias="X-Language-Type"),
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> StreamingResponse:
     # 使用集中化的语言校验
     language = get_language_from_header(language_type)
-    
+
     api_logger.info(
         f"Pilot run requested: config_id={payload.config_id}, "
         f"dialogue_text_length={len(payload.dialogue_text)}, "
@@ -333,9 +334,9 @@ async def pilot_run(
 
 @router.get("/search/kb_type_distribution", response_model=ApiResponse)
 async def get_kb_type_distribution(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"KB type distribution requested for end_user_id: {end_user_id}")
     try:
         result = await kb_type_distribution(end_user_id)
@@ -344,12 +345,12 @@ async def get_kb_type_distribution(
         api_logger.error(f"KB type distribution failed: {str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "知识库类型分布查询失败", str(e))
 
-    
+
 @router.get("/search/dialogue", response_model=ApiResponse)
 async def search_dialogues_num(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search dialogue requested for end_user_id: {end_user_id}")
     try:
         result = await search_dialogue(end_user_id)
@@ -361,9 +362,9 @@ async def search_dialogues_num(
 
 @router.get("/search/chunk", response_model=ApiResponse)
 async def search_chunks_num(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search chunk requested for end_user_id: {end_user_id}")
     try:
         result = await search_chunk(end_user_id)
@@ -375,9 +376,9 @@ async def search_chunks_num(
 
 @router.get("/search/statement", response_model=ApiResponse)
 async def search_statements_num(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search statement requested for end_user_id: {end_user_id}")
     try:
         result = await search_statement(end_user_id)
@@ -389,9 +390,9 @@ async def search_statements_num(
 
 @router.get("/search/entity", response_model=ApiResponse)
 async def search_entities_num(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search entity requested for end_user_id: {end_user_id}")
     try:
         result = await search_entity(end_user_id)
@@ -403,9 +404,9 @@ async def search_entities_num(
 
 @router.get("/search", response_model=ApiResponse)
 async def search_all_num(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search all requested for end_user_id: {end_user_id}")
     try:
         result = await search_all(end_user_id)
@@ -417,9 +418,9 @@ async def search_all_num(
 
 @router.get("/search/detials", response_model=ApiResponse)
 async def search_entities_detials(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search details requested for end_user_id: {end_user_id}")
     try:
         result = await search_detials(end_user_id)
@@ -431,9 +432,9 @@ async def search_entities_detials(
 
 @router.get("/search/edges", response_model=ApiResponse)
 async def search_entity_edges(
-    end_user_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        end_user_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+) -> dict:
     api_logger.info(f"Search edges requested for end_user_id: {end_user_id}")
     try:
         result = await search_edges(end_user_id)
@@ -443,14 +444,12 @@ async def search_entity_edges(
         return fail(BizCode.INTERNAL_ERROR, "边查询失败", str(e))
 
 
-
-
 @router.get("/analytics/hot_memory_tags", response_model=ApiResponse)
 async def get_hot_memory_tags_api(
-    limit: int = 10,
-    db: Session = Depends(get_db),
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        limit: int = 10,
+        db: Session = Depends(get_db),
+        current_user: User = Depends(get_current_user),
+) -> dict:
     """
     获取热门记忆标签（带Redis缓存）
     
@@ -461,18 +460,18 @@ async def get_hot_memory_tags_api(
     - 缓存未命中：~600-800ms（取决于LLM速度）
     """
     workspace_id = current_user.current_workspace_id
-    
+
     # 构建缓存键
     cache_key = f"hot_memory_tags:{workspace_id}:{limit}"
-    
+
     api_logger.info(f"Hot memory tags requested for workspace: {workspace_id}, limit: {limit}")
-    
+
     try:
         # 尝试从Redis缓存获取
         import json
 
         from app.aioRedis import aio_redis_get, aio_redis_set
-        
+
         cached_result = await aio_redis_get(cache_key)
         if cached_result:
             api_logger.info(f"Cache hit for key: {cache_key}")
@@ -481,11 +480,11 @@ async def get_hot_memory_tags_api(
                 return success(data=data, msg="查询成功（缓存）")
             except json.JSONDecodeError:
                 api_logger.warning(f"Failed to parse cached data, will refresh")
-        
+
         # 缓存未命中，执行查询
         api_logger.info(f"Cache miss for key: {cache_key}, executing query")
         result = await analytics_hot_memory_tags(db, current_user, limit)
-        
+
         # 写入缓存（过期时间：5分钟）
         # 注意：result是列表，需要转换为JSON字符串
         try:
@@ -495,9 +494,9 @@ async def get_hot_memory_tags_api(
         except Exception as cache_error:
             # 缓存写入失败不影响主流程
             api_logger.warning(f"Failed to cache result: {str(cache_error)}")
-        
+
         return success(data=result, msg="查询成功")
-        
+
     except Exception as e:
         api_logger.error(f"Hot memory tags failed: {str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "热门标签查询失败", str(e))
@@ -505,8 +504,8 @@ async def get_hot_memory_tags_api(
 
 @router.delete("/analytics/hot_memory_tags/cache", response_model=ApiResponse)
 async def clear_hot_memory_tags_cache(
-    current_user: User = Depends(get_current_user),
-    ) -> dict:
+        current_user: User = Depends(get_current_user),
+) -> dict:
     """
     清除热门标签缓存
     
@@ -516,12 +515,12 @@ async def clear_hot_memory_tags_cache(
     - 数据更新后立即生效
     """
     workspace_id = current_user.current_workspace_id
-    
+
     api_logger.info(f"Clear hot memory tags cache requested for workspace: {workspace_id}")
-    
+
     try:
         from app.aioRedis import aio_redis_delete
-        
+
         # 清除所有limit的缓存（常见的limit值）
         cleared_count = 0
         for limit in [5, 10, 15, 20, 30, 50]:
@@ -530,12 +529,12 @@ async def clear_hot_memory_tags_cache(
             if result:
                 cleared_count += 1
                 api_logger.info(f"Cleared cache for key: {cache_key}")
-        
+
         return success(
-            data={"cleared_count": cleared_count}, 
+            data={"cleared_count": cleared_count},
             msg=f"成功清除 {cleared_count} 个缓存"
         )
-        
+
     except Exception as e:
         api_logger.error(f"Clear cache failed: {str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "清除缓存失败", str(e))
@@ -543,7 +542,7 @@ async def clear_hot_memory_tags_cache(
 
 @router.get("/analytics/recent_activity_stats", response_model=ApiResponse)
 async def get_recent_activity_stats_api(
-    current_user: User = Depends(get_current_user),
+        current_user: User = Depends(get_current_user),
 ) -> dict:
     workspace_id = str(current_user.current_workspace_id) if current_user.current_workspace_id else None
     api_logger.info(f"Recent activity stats requested: workspace_id={workspace_id}")
@@ -553,4 +552,3 @@ async def get_recent_activity_stats_api(
     except Exception as e:
         api_logger.error(f"Recent activity stats failed: {str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "最近活动统计失败", str(e))
-
diff --git a/api/app/controllers/model_controller.py b/api/app/controllers/model_controller.py
index 6204a745..71fd41ad 100644
--- a/api/app/controllers/model_controller.py
+++ b/api/app/controllers/model_controller.py
@@ -42,6 +42,7 @@ def get_model_strategies():
 @router.get("", response_model=ApiResponse)
 def get_model_list(
         type: Optional[list[str]] = Query(None, description="模型类型筛选（支持多个，如 ?type=LLM 或 ?type=LLM,EMBEDDING）"),
+        capability: Optional[list[str]] = Query(None, description="能力筛选（支持多个，如 ?capability=chat 或 ?capability=chat, embedding）"),
         provider: Optional[model_schema.ModelProvider] = Query(None, description="提供商筛选(基于API Key)"),
         is_active: Optional[bool] = Query(None, description="激活状态筛选"),
         is_public: Optional[bool] = Query(None, description="公开状态筛选"),
@@ -74,10 +75,21 @@ def get_model_list(
             unique_flat_type = list(dict.fromkeys(flat_type))
             type_list = [ModelType(t.lower()) for t in unique_flat_type]
 
+        capability_list = []
+        if capability is not None:
+            flat_capability = []
+            for item in capability:
+                split_items = [c.strip() for c in item.split(', ') if c.strip()]
+                flat_capability.extend(split_items)
+
+            unique_flat_capability = list(dict.fromkeys(flat_capability))
+            capability_list = unique_flat_capability
+
         api_logger.error(f"获取模型type_list: {type_list}")
         query = model_schema.ModelConfigQuery(
             type=type_list,
             provider=provider,
+            capability=capability_list,
             is_active=is_active,
             is_public=is_public,
             search=search,
diff --git a/api/app/controllers/public_share_controller.py b/api/app/controllers/public_share_controller.py
index 33d7b60c..fc2916ed 100644
--- a/api/app/controllers/public_share_controller.py
+++ b/api/app/controllers/public_share_controller.py
@@ -27,6 +27,7 @@ from app.services.conversation_service import ConversationService
 from app.services.release_share_service import ReleaseShareService
 from app.services.shared_chat_service import SharedChatService
 from app.services.workflow_service import WorkflowService
+from app.models.file_metadata_model import FileMetadata
 from app.utils.app_config_utils import workflow_config_4_app_release, \
     agent_config_4_app_release, multi_agent_config_4_app_release
 
@@ -259,8 +260,41 @@ def get_conversation(
     conv_service = ConversationService(db)
     messages = conv_service.get_messages(conversation_id)
 
-    # 构建响应
-    conv_dict = conversation_schema.Conversation.model_validate(conversation).model_dump()
+    file_ids = []
+    message_file_id_map = {}
+
+    # 第一次遍历：解析 audio_url，收集所有有效的 file_id
+    for idx, m in enumerate(messages):
+        if m.role == "assistant" and m.meta_data:
+            audio_url = m.meta_data.get("audio_url")
+            if not audio_url:
+                continue
+            try:
+                file_id = uuid.UUID(audio_url.rstrip("/").split("/")[-1])
+            except (ValueError, IndexError):
+                # audio_url 无法解析为 UUID，标记为 unknown
+                m.meta_data["audio_status"] = "unknown"
+                continue
+
+            file_ids.append(file_id)
+            message_file_id_map[idx] = file_id
+
+    # 批量查询所有相关的 FileMetadata
+    file_status_map = {}
+    if file_ids:
+        file_metas = (
+            db.query(FileMetadata)
+            .filter(FileMetadata.id.in_(set(file_ids)))
+            .all()
+        )
+        file_status_map = {fm.id: fm.status for fm in file_metas}
+
+    # 第二次遍历：将查询结果映射回消息
+    for idx, file_id in message_file_id_map.items():
+        m = messages[idx]
+        m.meta_data["audio_status"] = file_status_map.get(file_id, "unknown")
+
+    conv_dict = conversation_schema.Conversation.model_validate(conversation).model_dump(mode="json")
     conv_dict["messages"] = [
         conversation_schema.Message.model_validate(m) for m in messages
     ]
@@ -320,6 +354,16 @@ async def chat(
             other_id=other_id,
             original_user_id=user_id
         )
+
+        # Only extract and set memory_config_id when the end user doesn't have one yet
+        if not new_end_user.memory_config_id:
+            from app.services.memory_config_service import MemoryConfigService
+            memory_config_service = MemoryConfigService(db)
+            memory_config_id, _ = memory_config_service.extract_memory_config_id(release.type, release.config or {})
+            if memory_config_id:
+                new_end_user.memory_config_id = memory_config_id
+                db.commit()
+                db.refresh(new_end_user)
         end_user_id = str(new_end_user.id)
 
         # appid = share.app_id
@@ -669,6 +713,7 @@ async def config_query(
         content = {
             "app_type": release.app.type,
             "variables": release.config.get("variables"),
+            "memory": release.config.get("memory", {}).get("enabled"),
             "features": release.config.get("features")
         }
     elif release.app.type == AppType.MULTI_AGENT:
diff --git a/api/app/controllers/service/app_api_controller.py b/api/app/controllers/service/app_api_controller.py
index 32a911f9..d4573464 100644
--- a/api/app/controllers/service/app_api_controller.py
+++ b/api/app/controllers/service/app_api_controller.py
@@ -91,7 +91,7 @@ async def chat(
 
     app = app_service.get_app(api_key_auth.resource_id, api_key_auth.workspace_id)
     other_id = payload.user_id
-    workspace_id = app.workspace_id
+    workspace_id = api_key_auth.workspace_id
     end_user_repo = EndUserRepository(db)
     new_end_user = end_user_repo.get_or_create_end_user(
         app_id=app.id,
diff --git a/api/app/controllers/service/memory_api_controller.py b/api/app/controllers/service/memory_api_controller.py
index 34489e8a..08a94a89 100644
--- a/api/app/controllers/service/memory_api_controller.py
+++ b/api/app/controllers/service/memory_api_controller.py
@@ -6,6 +6,7 @@ from app.core.response_utils import success
 from app.db import get_db
 from app.schemas.api_key_schema import ApiKeyAuth
 from app.schemas.memory_api_schema import (
+    ListConfigsResponse,
     MemoryReadRequest,
     MemoryReadResponse,
     MemoryWriteRequest,
@@ -31,14 +32,15 @@ async def write_memory_api_service(
     request: Request,
     api_key_auth: ApiKeyAuth = None,
     db: Session = Depends(get_db),
-    payload: MemoryWriteRequest = Body(..., embed=False),
-
+    message: str = Body(..., description="Message content"),
 ):
     """
     Write memory to storage.
     
     Stores memory content for the specified end user using the Memory API Service.
     """
+    body = await request.json()
+    payload = MemoryWriteRequest(**body)
     logger.info(f"Memory write request - end_user_id: {payload.end_user_id}, workspace_id: {api_key_auth.workspace_id}")
     
     memory_api_service = MemoryAPIService(db)
@@ -62,13 +64,15 @@ async def read_memory_api_service(
     request: Request,
     api_key_auth: ApiKeyAuth = None,
     db: Session = Depends(get_db),
-    payload: MemoryReadRequest = Body(..., embed=False),
+    message: str = Body(..., description="Query message"),
 ):
     """
     Read memory from storage.
     
     Queries and retrieves memories for the specified end user with context-aware responses.
     """
+    body = await request.json()
+    payload = MemoryReadRequest(**body)
     logger.info(f"Memory read request - end_user_id: {payload.end_user_id}")
     
     memory_api_service = MemoryAPIService(db)
@@ -85,3 +89,27 @@ async def read_memory_api_service(
     
     logger.info(f"Memory read successful for end_user: {payload.end_user_id}")
     return success(data=MemoryReadResponse(**result).model_dump(), msg="Memory read successfully")
+
+
+@router.get("/configs")
+@require_api_key(scopes=["memory"])
+async def list_memory_configs(
+    request: Request,
+    api_key_auth: ApiKeyAuth = None,
+    db: Session = Depends(get_db),
+):
+    """
+    List all memory configs for the workspace.
+    
+    Returns all available memory configurations associated with the authorized workspace.
+    """
+    logger.info(f"List configs request - workspace_id: {api_key_auth.workspace_id}")
+
+    memory_api_service = MemoryAPIService(db)
+
+    result = memory_api_service.list_memory_configs(
+        workspace_id=api_key_auth.workspace_id,
+    )
+
+    logger.info(f"Listed {result['total']} configs for workspace: {api_key_auth.workspace_id}")
+    return success(data=ListConfigsResponse(**result).model_dump(), msg="Configs listed successfully")
diff --git a/api/app/controllers/user_controller.py b/api/app/controllers/user_controller.py
index 16213690..cc16a6b4 100644
--- a/api/app/controllers/user_controller.py
+++ b/api/app/controllers/user_controller.py
@@ -111,6 +111,18 @@ def get_current_user_info(
                 break
     
     api_logger.info(f"当前用户信息获取成功: {result.username}, 角色: {result_schema.role}, 工作空间: {result_schema.current_workspace_name}")
+
+    # 设置权限：如果用户来自 SSO Source，则使用该 Source 的 permissions；否则返回 "all" 表示拥有所有权限
+    if current_user.external_source:
+        from premium.sso.models import SSOSource
+        source = db.query(SSOSource).filter(SSOSource.source_code == current_user.external_source).first()
+        if source and source.permissions:
+            result_schema.permissions = source.permissions
+        else:
+            result_schema.permissions = []
+    else:
+        result_schema.permissions = ["all"]
+
     return success(data=result_schema, msg=t("users.info.get_success"))
 
 
@@ -135,7 +147,6 @@ def get_tenant_superusers(
     return success(data=superusers_schema, msg=t("users.list.superusers_success"))
 
 
-
 @router.get("/{user_id}", response_model=ApiResponse)
 def get_user_info_by_id(
     user_id: uuid.UUID,
diff --git a/api/app/controllers/user_memory_controllers.py b/api/app/controllers/user_memory_controllers.py
index be796ff9..10b396a7 100644
--- a/api/app/controllers/user_memory_controllers.py
+++ b/api/app/controllers/user_memory_controllers.py
@@ -5,7 +5,7 @@
 from typing import Optional
 import datetime
 from sqlalchemy.orm import Session
-from fastapi import APIRouter, Depends,Header
+from fastapi import APIRouter, Depends, Header
 
 from app.db import get_db
 from app.core.language_utils import get_language_from_header
@@ -19,13 +19,15 @@ from app.services.user_memory_service import (
     analytics_graph_data,
     analytics_community_graph_data,
 )
-from app.services.memory_entity_relationship_service import MemoryEntityService,MemoryEmotion,MemoryInteraction
+from app.services.memory_entity_relationship_service import MemoryEntityService, MemoryEmotion, MemoryInteraction
 from app.schemas.response_schema import ApiResponse
 from app.schemas.memory_storage_schema import GenerateCacheRequest
 from app.repositories.workspace_repository import WorkspaceRepository
-from app.schemas.end_user_schema import (
-    EndUserProfileResponse,
-    EndUserProfileUpdate,
+from app.repositories.end_user_repository import EndUserRepository
+from app.schemas.end_user_info_schema import (
+    EndUserInfoResponse,
+    EndUserInfoCreate,
+    EndUserInfoUpdate,
 )
 from app.models.end_user_model import EndUser
 from app.dependencies import get_current_user
@@ -45,9 +47,9 @@ router = APIRouter(
 
 @router.get("/analytics/memory_insight/report", response_model=ApiResponse)
 async def get_memory_insight_report_api(
-    end_user_id: str,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        end_user_id: str,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     """
     获取缓存的记忆洞察报告
@@ -73,10 +75,10 @@ async def get_memory_insight_report_api(
 
 @router.get("/analytics/user_summary", response_model=ApiResponse)
 async def get_user_summary_api(
-    end_user_id: str,
-    language_type: str = Header(default=None, alias="X-Language-Type"),
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        end_user_id: str,
+        language_type: str = Header(default=None, alias="X-Language-Type"),
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     """
     获取缓存的用户摘要
@@ -90,7 +92,7 @@ async def get_user_summary_api(
     """
     # 使用集中化的语言校验
     language = get_language_from_header(language_type)
-    
+
     workspace_id = current_user.current_workspace_id
     workspace_repo = WorkspaceRepository(db)
     workspace_models = workspace_repo.get_workspace_models_configs(workspace_id)
@@ -102,7 +104,7 @@ async def get_user_summary_api(
     api_logger.info(f"用户摘要查询请求: end_user_id={end_user_id}, user={current_user.username}")
     try:
         # 调用服务层获取缓存数据
-        result = await user_memory_service.get_cached_user_summary(db, end_user_id,model_id,language)
+        result = await user_memory_service.get_cached_user_summary(db, end_user_id, model_id, language)
 
         if result["is_cached"]:
             api_logger.info(f"成功返回缓存的用户摘要: end_user_id={end_user_id}")
@@ -117,10 +119,10 @@ async def get_user_summary_api(
 
 @router.post("/analytics/generate_cache", response_model=ApiResponse)
 async def generate_cache_api(
-    request: GenerateCacheRequest,
-    language_type: str = Header(default=None, alias="X-Language-Type"),
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        request: GenerateCacheRequest,
+        language_type: str = Header(default=None, alias="X-Language-Type"),
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     """
     手动触发缓存生成
@@ -134,7 +136,7 @@ async def generate_cache_api(
     """
     # 使用集中化的语言校验
     language = get_language_from_header(language_type)
-    
+
     workspace_id = current_user.current_workspace_id
 
     # 检查用户是否已选择工作空间
@@ -155,10 +157,12 @@ async def generate_cache_api(
             api_logger.info(f"开始为单个用户生成缓存: end_user_id={end_user_id}")
 
             # 生成记忆洞察
-            insight_result = await user_memory_service.generate_and_cache_insight(db, end_user_id, workspace_id, language=language)
+            insight_result = await user_memory_service.generate_and_cache_insight(db, end_user_id, workspace_id,
+                                                                                  language=language)
 
             # 生成用户摘要
-            summary_result = await user_memory_service.generate_and_cache_summary(db, end_user_id, workspace_id, language=language)
+            summary_result = await user_memory_service.generate_and_cache_summary(db, end_user_id, workspace_id,
+                                                                                  language=language)
 
             # 构建响应
             result = {
@@ -209,9 +213,9 @@ async def generate_cache_api(
 
 @router.get("/analytics/node_statistics", response_model=ApiResponse)
 async def get_node_statistics_api(
-    end_user_id: str,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        end_user_id: str,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
 
@@ -220,7 +224,8 @@ async def get_node_statistics_api(
         api_logger.warning(f"用户 {current_user.username} 尝试查询节点统计但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
 
-    api_logger.info(f"记忆类型统计请求: end_user_id={end_user_id}, user={current_user.username}, workspace={workspace_id}")
+    api_logger.info(
+        f"记忆类型统计请求: end_user_id={end_user_id}, user={current_user.username}, workspace={workspace_id}")
 
     try:
         # 调用新的记忆类型统计函数
@@ -228,21 +233,23 @@ async def get_node_statistics_api(
 
         # 计算总数用于日志
         total_count = sum(item["count"] for item in result)
-        api_logger.info(f"成功获取记忆类型统计: end_user_id={end_user_id}, 总记忆数={total_count}, 类型数={len(result)}")
+        api_logger.info(
+            f"成功获取记忆类型统计: end_user_id={end_user_id}, 总记忆数={total_count}, 类型数={len(result)}")
         return success(data=result, msg="查询成功")
     except Exception as e:
         api_logger.error(f"记忆类型查询失败: end_user_id={end_user_id}, error={str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "记忆类型查询失败", str(e))
 
+
 @router.get("/analytics/graph_data", response_model=ApiResponse)
 async def get_graph_data_api(
-    end_user_id: str,
-    node_types: Optional[str] = None,
-    limit: int = 100,
-    depth: int = 1,
-    center_node_id: Optional[str] = None,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        end_user_id: str,
+        node_types: Optional[str] = None,
+        limit: int = 100,
+        depth: int = 1,
+        center_node_id: Optional[str] = None,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
 
@@ -298,9 +305,9 @@ async def get_graph_data_api(
 
 @router.get("/analytics/community_graph", response_model=ApiResponse)
 async def get_community_graph_data_api(
-    end_user_id: str,
-    current_user: User = Depends(get_current_user),
-    db: Session = Depends(get_db),
+        end_user_id: str,
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
 ) -> dict:
     workspace_id = current_user.current_workspace_id
 
@@ -331,111 +338,130 @@ async def get_community_graph_data_api(
         api_logger.error(f"社区图谱查询失败: end_user_id={end_user_id}, error={str(e)}")
         return fail(BizCode.INTERNAL_ERROR, "社区图谱查询失败", str(e))
 
+#=======================终端用户信息接口=======================
 
-@router.get("/read_end_user/profile", response_model=ApiResponse)
-async def get_end_user_profile(
+@router.get("/end_user_info", response_model=ApiResponse)
+async def get_end_user_info(
     end_user_id: str,
     current_user: User = Depends(get_current_user),
     db: Session = Depends(get_db),
 ) -> dict:
-    workspace_id = current_user.current_workspace_id
-    workspace_repo = WorkspaceRepository(db)
-    workspace_models = workspace_repo.get_workspace_models_configs(workspace_id)
+    """
+    查询终端用户信息记录
+
+    根据 end_user_id 查询单条终端用户信息记录。
+    """
+    workspace_id = current_user.current_workspace_id
 
-    if workspace_models:
-        model_id = workspace_models.get("llm", None)
-    else:
-        model_id = None
-    # 检查用户是否已选择工作空间
     if workspace_id is None:
-        api_logger.warning(f"用户 {current_user.username} 尝试查询用户信息但未选择工作空间")
+        api_logger.warning(f"用户 {current_user.username} 尝试查询终端用户信息但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
 
     api_logger.info(
-        f"用户信息查询请求: end_user_id={end_user_id}, user={current_user.username}, "
+        f"查询终端用户信息请求: end_user_id={end_user_id}, user={current_user.username}, "
         f"workspace={workspace_id}"
     )
 
-    try:
-        # 查询终端用户
-        end_user = db.query(EndUser).filter(EndUser.id == end_user_id).first()
-
-        if not end_user:
-            api_logger.warning(f"终端用户不存在: end_user_id={end_user_id}")
-            return fail(BizCode.INVALID_PARAMETER, "终端用户不存在", f"end_user_id={end_user_id}")
-        # 构建响应数据
-        profile_data = EndUserProfileResponse(
-            id=end_user.id,
-            other_name=end_user.other_name,
-            position=end_user.position,
-            department=end_user.department,
-            contact=end_user.contact,
-            phone=end_user.phone,
-            hire_date=end_user.hire_date,
-            updatetime_profile=end_user.updatetime_profile
+    # 校验 end_user 是否属于当前工作空间
+    end_user_repo = EndUserRepository(db)
+    end_user = end_user_repo.get_end_user_by_id(end_user_id)
+    if end_user is None:
+        return fail(BizCode.USER_NOT_FOUND, "终端用户不存在", "end_user not found")
+    if str(end_user.workspace_id) != str(workspace_id):
+        api_logger.warning(
+            f"用户 {current_user.username} 尝试查询不属于工作空间 {workspace_id} 的终端用户 {end_user_id}"
         )
+        return fail(BizCode.PERMISSION_DENIED, "该终端用户不属于当前工作空间", "end_user workspace mismatch")
 
-        api_logger.info(f"成功获取用户信息: end_user_id={end_user_id}")
-        return success(data=UserMemoryService.convert_profile_to_dict_with_timestamp(profile_data), msg="查询成功")
+    result = user_memory_service.get_end_user_info(db, end_user_id)
 
-    except Exception as e:
-        api_logger.error(f"用户信息查询失败: end_user_id={end_user_id}, error={str(e)}")
-        return fail(BizCode.INTERNAL_ERROR, "用户信息查询失败", str(e))
+    if result["success"]:
+        api_logger.info(f"成功查询终端用户信息: end_user_id={end_user_id}")
+        return success(data=result["data"], msg="查询成功")
+    else:
+        error_msg = result["error"]
+        api_logger.error(f"查询终端用户信息失败: end_user_id={end_user_id}, error={error_msg}")
+        
+        if error_msg == "终端用户信息记录不存在":
+            return fail(BizCode.USER_NOT_FOUND, "终端用户信息记录不存在", error_msg)
+        elif error_msg == "无效的终端用户ID格式":
+            return fail(BizCode.INVALID_USER_ID, "无效的终端用户ID格式", error_msg)
+        else:
+            return fail(BizCode.INTERNAL_ERROR, "查询终端用户信息失败", error_msg)
 
 
-@router.post("/updated_end_user/profile", response_model=ApiResponse)
-async def update_end_user_profile(
-    profile_update: EndUserProfileUpdate,
+@router.post("/end_user_info/updated", response_model=ApiResponse)
+async def update_end_user_info(
+    info_update: EndUserInfoUpdate,
     current_user: User = Depends(get_current_user),
     db: Session = Depends(get_db),
 ) -> dict:
     """
-    更新终端用户的基本信息
+    更新终端用户信息记录
 
-    该接口可以更新用户的姓名、职位、部门、联系方式、电话和入职日期等信息。
-    所有字段都是可选的，只更新提供的字段。
+    根据 end_user_id 更新终端用户信息记录，支持批量更新多个别名。
+    
+    示例请求体：
+    {
+      "end_user_id": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
+      "other_name": "张三1",
+      "aliases": ["小张", "张工"],
+      "meta_data": {"position": "工程师", "department": "技术部"}
+    }
     """
     workspace_id = current_user.current_workspace_id
-    end_user_id = profile_update.end_user_id
+    end_user_id = info_update.end_user_id
 
-    # 验证工作空间
     if workspace_id is None:
-        api_logger.warning(f"用户 {current_user.username} 尝试更新用户信息但未选择工作空间")
+        api_logger.warning(f"用户 {current_user.username} 尝试更新终端用户信息但未选择工作空间")
         return fail(BizCode.INVALID_PARAMETER, "请先切换到一个工作空间", "current_workspace_id is None")
 
     api_logger.info(
-        f"用户信息更新请求: end_user_id={end_user_id}, user={current_user.username}, "
+        f"更新终端用户信息请求: end_user_id={end_user_id}, user={current_user.username}, "
         f"workspace={workspace_id}"
     )
 
-    # 调用 Service 层处理业务逻辑
-    result = user_memory_service.update_end_user_profile(db, end_user_id, profile_update)
+    # 校验 end_user 是否属于当前工作空间
+    end_user_repo = EndUserRepository(db)
+    end_user = end_user_repo.get_end_user_by_id(end_user_id)
+    if end_user is None:
+        return fail(BizCode.USER_NOT_FOUND, "终端用户不存在", "end_user not found")
+    if str(end_user.workspace_id) != str(workspace_id):
+        api_logger.warning(
+            f"用户 {current_user.username} 尝试更新不属于工作空间 {workspace_id} 的终端用户 {end_user_id}"
+        )
+        return fail(BizCode.PERMISSION_DENIED, "该终端用户不属于当前工作空间", "end_user workspace mismatch")
+
+    # 获取更新数据（排除 end_user_id）
+    update_data = info_update.model_dump(exclude_unset=True, exclude={'end_user_id'})
+    
+    result = user_memory_service.update_end_user_info(db, end_user_id, update_data)
 
     if result["success"]:
-        api_logger.info(f"成功更新用户信息: end_user_id={end_user_id}")
+        api_logger.info(f"成功更新终端用户信息: end_user_id={end_user_id}")
         return success(data=result["data"], msg="更新成功")
     else:
         error_msg = result["error"]
-        api_logger.error(f"用户信息更新失败: end_user_id={end_user_id}, error={error_msg}")
+        api_logger.error(f"终端用户信息更新失败: end_user_id={end_user_id}, error={error_msg}")
         
-        # 根据错误类型映射到合适的业务错误码
-        if error_msg == "终端用户不存在":
-            return fail(BizCode.USER_NOT_FOUND, "终端用户不存在", error_msg)
-        elif error_msg == "无效的用户ID格式":
-            return fail(BizCode.INVALID_USER_ID, "无效的用户ID格式", error_msg)
+        if error_msg == "终端用户信息记录不存在":
+            return fail(BizCode.USER_NOT_FOUND, "终端用户信息记录不存在", error_msg)
+        elif error_msg == "无效的终端用户ID格式":
+            return fail(BizCode.INVALID_USER_ID, "无效的终端用户ID格式", error_msg)
         else:
-            # 只有未预期的错误才使用 INTERNAL_ERROR
-            return fail(BizCode.INTERNAL_ERROR, "用户信息更新失败", error_msg)
+            return fail(BizCode.INTERNAL_ERROR, "终端用户信息更新失败", error_msg)
 
 @router.get("/memory_space/timeline_memories", response_model=ApiResponse)
-async def memory_space_timeline_of_shared_memories(id: str, label: str,language_type: str = Header(default=None, alias="X-Language-Type"),
-                                      current_user: User = Depends(get_current_user),
-                                      db: Session = Depends(get_db),
-                                      ):
+async def memory_space_timeline_of_shared_memories(
+        id: str, label: str,
+        language_type: str = Header(default=None, alias="X-Language-Type"),
+        current_user: User = Depends(get_current_user),
+        db: Session = Depends(get_db),
+):
     # 使用集中化的语言校验
     language = get_language_from_header(language_type)
-    
-    workspace_id=current_user.current_workspace_id
+
+    workspace_id = current_user.current_workspace_id
     workspace_repo = WorkspaceRepository(db)
     workspace_models = workspace_repo.get_workspace_models_configs(workspace_id)
 
@@ -447,11 +473,13 @@ async def memory_space_timeline_of_shared_memories(id: str, label: str,language_
     timeline_memories_result = await MemoryEntity.get_timeline_memories_server(model_id, language)
 
     return success(data=timeline_memories_result, msg="共同记忆时间线")
+
+
 @router.get("/memory_space/relationship_evolution", response_model=ApiResponse)
 async def memory_space_relationship_evolution(id: str, label: str,
-                                      current_user: User = Depends(get_current_user),
-                                      db: Session = Depends(get_db),
-                                      ):
+                                              current_user: User = Depends(get_current_user),
+                                              db: Session = Depends(get_db),
+                                              ):
     try:
         api_logger.info(f"关系演变查询请求: id={id}, table={label}, user={current_user.username}")
 
diff --git a/api/app/core/agent/langchain_agent.py b/api/app/core/agent/langchain_agent.py
index 88b6371c..7314ab5f 100644
--- a/api/app/core/agent/langchain_agent.py
+++ b/api/app/core/agent/langchain_agent.py
@@ -329,7 +329,6 @@ class LangChainAgent:
                     db.close()
             except Exception as e:
                 logger.warning(f"Failed to get db session: {e}")
-        actual_end_user_id = end_user_id if end_user_id is not None else "unknown"
         logger.info(f'写入类型{storage_type, str(end_user_id), message, str(user_rag_memory_id)}')
         print(f'写入类型{storage_type, str(end_user_id), message, str(user_rag_memory_id)}')
         try:
@@ -598,8 +597,10 @@ class LangChainAgent:
                 for msg in reversed(output_messages):
                     if isinstance(msg, AIMessage):
                         response_meta = msg.response_metadata if hasattr(msg, 'response_metadata') else None
-                        total_tokens = response_meta.get("token_usage", {}).get("total_tokens",
-                                                                                0) if response_meta else 0
+                        total_tokens = response_meta.get("token_usage", {}).get(
+                            "total_tokens",
+                            0
+                        ) if response_meta else 0
                         yield total_tokens
                         break
                 if memory_flag:
diff --git a/api/app/core/config.py b/api/app/core/config.py
index 4a944557..64c5520e 100644
--- a/api/app/core/config.py
+++ b/api/app/core/config.py
@@ -231,8 +231,8 @@ class Settings:
     # Celery configuration (internal)
     # NOTE: 变量名不以 CELERY_ 开头，避免被 Celery CLI 的前缀匹配机制劫持
     # 详见 docs/celery-env-bug-report.md
-    # 默认使用 Redis DB 3 (broker) 和 DB 4 (backend)，与业务缓存 (DB 1/2) 隔离
-    # 多人共用同一 Redis 时，每位开发者应在 .env 中配置不同的 DB 编号避免任务互相干扰
+    # 默认使用 Redis 作为 broker 和 backend，与业务缓存隔离
+    # 如需使用 RabbitMQ，在 .env 中设置 CELERY_BROKER_URL=amqp://user:pass@host:5672/vhost
     REDIS_DB_CELERY_BROKER: int = int(os.getenv("REDIS_DB_CELERY_BROKER", "3"))
     REDIS_DB_CELERY_BACKEND: int = int(os.getenv("REDIS_DB_CELERY_BACKEND", "4"))
 
diff --git a/api/app/core/logging_config.py b/api/app/core/logging_config.py
index 28a98a46..d0dda84b 100644
--- a/api/app/core/logging_config.py
+++ b/api/app/core/logging_config.py
@@ -529,8 +529,9 @@ def log_time(step_name: str, duration: float, log_file: str = "logs/time.log") -
         # Fallback to console only if file write fails
         print(f"Warning: Could not write to timing log: {e}")
     
-    # Always print to console (backward compatible behavior)
-    print(f"✓ {step_name}: {duration:.2f}s")
+    # Always log at INFO level (avoids Celery treating stdout as WARNING)
+    _timing_logger = logging.getLogger(__name__)
+    _timing_logger.info(f"✓ {step_name}: {duration:.2f}s")
 
 
 def get_agent_logger(name: str = "agent_service", 
diff --git a/api/app/core/memory/agent/langgraph_graph/nodes/retrieve_nodes.py b/api/app/core/memory/agent/langgraph_graph/nodes/retrieve_nodes.py
index f2cd0d3d..68260f26 100644
--- a/api/app/core/memory/agent/langgraph_graph/nodes/retrieve_nodes.py
+++ b/api/app/core/memory/agent/langgraph_graph/nodes/retrieve_nodes.py
@@ -155,7 +155,7 @@ async def clean_databases(data) -> str:
         # Process reranked results
         reranked = results.get('reranked_results', {})
         if reranked:
-            for category in ['summaries', 'statements', 'chunks', 'entities']:
+            for category in ['summaries', 'communities', 'statements', 'chunks', 'entities']:
                 items = reranked.get(category, [])
                 if isinstance(items, list):
                     content_list.extend(items)
@@ -169,11 +169,18 @@ async def clean_databases(data) -> str:
             elif isinstance(time_search, list):
                 content_list.extend(time_search)
 
-        # Extract text content
+        # Extract text content，对 community 按 name 去重（多次 tool 调用会产生重复）
         text_parts = []
+        seen_community_names = set()
         for item in content_list:
             if isinstance(item, dict):
-                text = item.get('statement') or item.get('content', '')
+                # community 节点用 name 去重
+                if 'member_count' in item or 'core_entities' in item:
+                    community_name = item.get('name') or item.get('id', '')
+                    if community_name in seen_community_names:
+                        continue
+                    seen_community_names.add(community_name)
+                text = item.get('statement') or item.get('content') or item.get('summary', '')
                 if text:
                     text_parts.append(text)
             elif isinstance(item, str):
@@ -354,7 +361,11 @@ async def retrieve(state: ReadState) -> ReadState:
     )
 
     time_retrieval_tool = create_time_retrieval_tool(end_user_id)
-    search_params = {"end_user_id": end_user_id, "return_raw_results": True}
+    search_params = {
+        "end_user_id": end_user_id,
+        "return_raw_results": True,
+        "include": ["summaries", "statements", "chunks", "entities", "communities"],
+    }
     hybrid_retrieval = create_hybrid_retrieval_tool_sync(memory_config, **search_params)
     agent = create_agent(
         llm,
@@ -390,8 +401,32 @@ async def retrieve(state: ReadState) -> ReadState:
                         raw_results = tool_results['content']
                         clean_content = await clean_databases(raw_results)
 
+                        # 社区展开：从 tool 返回结果中提取命中的 community，
+                        # 沿 BELONGS_TO_COMMUNITY 关系拉取关联 Statement 追加到 clean_content
+                        _expanded_stmts_to_write = []
+                        try:
+                            results_dict = raw_results.get('results', {}) if isinstance(raw_results, dict) else {}
+                            reranked = results_dict.get('reranked_results', {})
+                            community_hits = reranked.get('communities', [])
+                            if not community_hits:
+                                community_hits = results_dict.get('communities', [])
+                            if community_hits:
+                                from app.core.memory.agent.services.search_service import expand_communities_to_statements
+                                _expanded_stmts_to_write, new_texts = await expand_communities_to_statements(
+                                    community_results=community_hits,
+                                    end_user_id=end_user_id,
+                                    existing_content=clean_content,
+                                )
+                                if new_texts:
+                                    clean_content = clean_content + '\n' + '\n'.join(new_texts)
+                        except Exception as parse_err:
+                            logger.warning(f"[Retrieve] 解析社区命中结果失败，跳过展开: {parse_err}")
+
                         try:
                             raw_results = raw_results['results']
+                            # 写回展开结果，接口返回中可见（已在 helper 中清洗过字段）
+                            if _expanded_stmts_to_write and isinstance(raw_results, dict):
+                                raw_results.setdefault('reranked_results', {})['expanded_statements'] = _expanded_stmts_to_write
                         except Exception:
                             raw_results = []
 
diff --git a/api/app/core/memory/agent/langgraph_graph/nodes/summary_nodes.py b/api/app/core/memory/agent/langgraph_graph/nodes/summary_nodes.py
index 030acc9a..d967a285 100644
--- a/api/app/core/memory/agent/langgraph_graph/nodes/summary_nodes.py
+++ b/api/app/core/memory/agent/langgraph_graph/nodes/summary_nodes.py
@@ -334,13 +334,22 @@ async def Input_Summary(state: ReadState) -> ReadState:
         "end_user_id": end_user_id,
         "question": data,
         "return_raw_results": True,
-        "include": ["summaries"]  # Only search summary nodes for faster performance
+        "include": ["summaries", "communities"]  # MemorySummary 和 Community 同为高维度概括节点
     }
 
     try:
         if storage_type != "rag":
-            retrieve_info, question, raw_results = await SearchService().execute_hybrid_search(**search_params,
-                                                                                               memory_config=memory_config)
+            retrieve_info, question, raw_results = await SearchService().execute_hybrid_search(
+                **search_params,
+                memory_config=memory_config,
+                expand_communities=False,  # 路径 "2" 只需要 community 的 summary 文本，不展开到 Statement
+            )
+            # 调试：打印 community 检索结果数量
+            if raw_results and isinstance(raw_results, dict):
+                reranked = raw_results.get('reranked_results', {})
+                community_hits = reranked.get('communities', [])
+                logger.debug(f"[Input_Summary] community 命中数: {len(community_hits)}, "
+                             f"summary 命中数: {len(reranked.get('summaries', []))}")
         else:
             retrieval_knowledge, retrieve_info, question, raw_results = await rag_knowledge(state, data)
     except Exception as e:
diff --git a/api/app/core/memory/agent/langgraph_graph/routing/write_router.py b/api/app/core/memory/agent/langgraph_graph/routing/write_router.py
index 6176caf5..2074b6ca 100644
--- a/api/app/core/memory/agent/langgraph_graph/routing/write_router.py
+++ b/api/app/core/memory/agent/langgraph_graph/routing/write_router.py
@@ -178,7 +178,7 @@ async def window_dialogue(end_user_id, langchain_messages, memory_config, scope)
         count_store.update_sessions_count(end_user_id, is_end_user_id, langchain_messages)
     elif int(is_end_user_id) == int(scope):
         logger.info('写入长期记忆NEO4J')
-        formatted_messages = (redis_messages)
+        formatted_messages = redis_messages
         # Get config_id (if memory_config is an object, extract config_id; otherwise use directly)
         if hasattr(memory_config, 'config_id'):
             config_id = memory_config.config_id
diff --git a/api/app/core/memory/agent/langgraph_graph/tools/tool.py b/api/app/core/memory/agent/langgraph_graph/tools/tool.py
index 9bd2b2cf..ae2c5772 100644
--- a/api/app/core/memory/agent/langgraph_graph/tools/tool.py
+++ b/api/app/core/memory/agent/langgraph_graph/tools/tool.py
@@ -252,9 +252,10 @@ def create_hybrid_retrieval_tool_async(memory_config, **search_params):
         # TODO: fact_summary functionality temporarily disabled, will be enabled after future development
         fields_to_remove = {
             'invalid_at', 'valid_at', 'chunk_id_from_rel', 'entity_ids',
-            'expired_at', 'created_at', 'chunk_id', 'id', 'apply_id',
+            'expired_at', 'created_at', 'chunk_id', 'apply_id',
             'user_id', 'statement_ids', 'updated_at', "chunk_ids", "fact_summary"
         }
+        # 注意：'id' 字段保留，community 展开时需要用 community id 查询成员 statements
 
         if isinstance(data, dict):
             # Clean dictionary
@@ -310,7 +311,7 @@ def create_hybrid_retrieval_tool_async(memory_config, **search_params):
                 "search_type": search_type,
                 "end_user_id": end_user_id or search_params.get("end_user_id"),
                 "limit": limit or search_params.get("limit", 10),
-                "include": search_params.get("include", ["summaries", "statements", "chunks", "entities"]),
+                "include": search_params.get("include", ["summaries", "statements", "chunks", "entities", "communities"]),
                 "output_path": None,  # Don't save to file
                 "memory_config": memory_config,
                 "rerank_alpha": rerank_alpha,
diff --git a/api/app/core/memory/agent/services/search_service.py b/api/app/core/memory/agent/services/search_service.py
index 4fc4256e..90b1c088 100644
--- a/api/app/core/memory/agent/services/search_service.py
+++ b/api/app/core/memory/agent/services/search_service.py
@@ -13,6 +13,72 @@ from app.core.memory.utils.data.text_utils import escape_lucene_query
 
 logger = get_agent_logger(__name__)
 
+# 需要从展开结果中过滤的字段（含 Neo4j DateTime，不可 JSON 序列化）
+_EXPAND_FIELDS_TO_REMOVE = {
+    'invalid_at', 'valid_at', 'chunk_id_from_rel', 'entity_ids',
+    'expired_at', 'created_at', 'chunk_id', 'apply_id',
+    'user_id', 'statement_ids', 'updated_at', 'chunk_ids', 'fact_summary'
+}
+
+
+def _clean_expand_fields(obj):
+    """递归过滤展开结果中不可序列化的字段（DateTime 等）。"""
+    if isinstance(obj, dict):
+        return {k: _clean_expand_fields(v) for k, v in obj.items() if k not in _EXPAND_FIELDS_TO_REMOVE}
+    if isinstance(obj, list):
+        return [_clean_expand_fields(i) for i in obj]
+    return obj
+
+
+async def expand_communities_to_statements(
+    community_results: List[dict],
+    end_user_id: str,
+    existing_content: str = "",
+    limit: int = 10,
+) -> Tuple[List[dict], List[str]]:
+    """
+    社区展开 helper：给定命中的 community 列表，拉取关联 Statement。
+
+    - 对展开结果去重（过滤已在 existing_content 中出现的文本）
+    - 过滤不可序列化字段
+    - 返回 (cleaned_expanded_stmts, new_texts)
+      - cleaned_expanded_stmts: 可直接写回 raw_results 的列表
+      - new_texts: 去重后新增的 statement 文本列表，用于追加到 clean_content
+    """
+    community_ids = [r.get("id") for r in community_results if r.get("id")]
+    if not community_ids or not end_user_id:
+        return [], []
+
+    from app.repositories.neo4j.graph_search import search_graph_community_expand
+    from app.repositories.neo4j.neo4j_connector import Neo4jConnector
+
+    connector = Neo4jConnector()
+    try:
+        result = await search_graph_community_expand(
+            connector=connector,
+            community_ids=community_ids,
+            end_user_id=end_user_id,
+            limit=limit,
+        )
+    except Exception as e:
+        logger.warning(f"[expand_communities] 社区展开检索失败，跳过: {e}")
+        return [], []
+    finally:
+        await connector.close()
+
+    expanded_stmts = result.get("expanded_statements", [])
+    if not expanded_stmts:
+        return [], []
+
+    existing_lines = set(existing_content.splitlines())
+    new_texts = [
+        s["statement"] for s in expanded_stmts
+        if s.get("statement") and s["statement"] not in existing_lines
+    ]
+    cleaned = _clean_expand_fields(expanded_stmts)
+    logger.info(f"[expand_communities] 展开 {len(expanded_stmts)} 条 statements，新增 {len(new_texts)} 条，community_ids={community_ids}")
+    return cleaned, new_texts
+
 
 class SearchService:
     """Service for executing hybrid search and processing results."""
@@ -21,7 +87,7 @@ class SearchService:
         """Initialize the search service."""
         logger.info("SearchService initialized")
     
-    def extract_content_from_result(self, result: dict) -> str:
+    def extract_content_from_result(self, result: dict, node_type: str = "") -> str:
         """
         Extract only meaningful content from search results, dropping all metadata.
         
@@ -30,9 +96,11 @@ class SearchService:
         - Entities: extract 'name' and 'fact_summary' fields
         - Summaries: extract 'content' field
         - Chunks: extract 'content' field
+        - Communities: extract 'content' field (c.summary), prefixed with community name
         
         Args:
             result: Search result dictionary
+            node_type: Hint for node type ("community", "summary", etc.)
             
         Returns:
             Clean content string without metadata
@@ -46,8 +114,21 @@ class SearchService:
         if 'statement' in result and result['statement']:
             content_parts.append(result['statement'])
         
-        # Summaries/Chunks: extract content field
-        if 'content' in result and result['content']:
+        # Community 节点：有 member_count 或 core_entities 字段，或 node_type 明确指定
+        # 用 "[主题：{name}]" 前缀区分，让 LLM 知道这是主题级摘要
+        is_community = (
+            node_type == "community"
+            or 'member_count' in result
+            or 'core_entities' in result
+        )
+        if is_community:
+            name = result.get('name', '')
+            content = result.get('content', '')
+            if content:
+                prefix = f"[主题：{name}] " if name else ""
+                content_parts.append(f"{prefix}{content}")
+        elif 'content' in result and result['content']:
+            # Summaries / Chunks
             content_parts.append(result['content'])
         
         # Entities: extract name and fact_summary (commented out in original)
@@ -99,7 +180,8 @@ class SearchService:
         rerank_alpha: float = 0.4,
         output_path: str = "search_results.json",
         return_raw_results: bool = False,
-        memory_config = None
+        memory_config = None,
+        expand_communities: bool = True,
     ) -> Tuple[str, str, Optional[dict]]:
         """
         Execute hybrid search and return clean content.
@@ -114,13 +196,15 @@ class SearchService:
             output_path: Path to save search results (default: "search_results.json")
             return_raw_results: If True, also return the raw search results as third element (default: False)
             memory_config: Memory configuration object (required)
+            expand_communities: If True, expand community hits to member statements (default: True).
+                                 Set to False for quick-summary paths that only need community-level text.
         
         Returns:
             Tuple of (clean_content, cleaned_query, raw_results)
             raw_results is None if return_raw_results=False
         """
         if include is None:
-            include = ["statements", "chunks", "entities", "summaries"]
+            include = ["statements", "chunks", "entities", "summaries", "communities"]
         
         # Clean query
         cleaned_query = self.clean_query(question)
@@ -146,8 +230,8 @@ class SearchService:
             if search_type == "hybrid":
                 reranked_results = answer.get('reranked_results', {})
                 
-                # Priority order: summaries first (most contextual), then statements, chunks, entities
-                priority_order = ['summaries', 'statements', 'chunks', 'entities']
+                # Priority order: summaries first (most contextual), then communities, statements, chunks, entities
+                priority_order = ['summaries', 'communities', 'statements', 'chunks', 'entities']
                 
                 for category in priority_order:
                     if category in include and category in reranked_results:
@@ -157,19 +241,33 @@ class SearchService:
             else:
                 # For keyword or embedding search, results are directly in answer dict
                 # Apply same priority order
-                priority_order = ['summaries', 'statements', 'chunks', 'entities']
+                priority_order = ['summaries', 'communities', 'statements', 'chunks', 'entities']
                 
                 for category in priority_order:
                     if category in include and category in answer:
                         category_results = answer[category]
                         if isinstance(category_results, list):
                             answer_list.extend(category_results)
+
+            # 对命中的 community 节点展开其成员 statements（路径 "0"/"1" 需要，路径 "2" 不需要）
+            if expand_communities and "communities" in include:
+                community_results = (
+                    answer.get('reranked_results', {}).get('communities', [])
+                    if search_type == "hybrid"
+                    else answer.get('communities', [])
+                )
+                cleaned_stmts, new_texts = await expand_communities_to_statements(
+                    community_results=community_results,
+                    end_user_id=end_user_id,
+                )
+                answer_list.extend(cleaned_stmts)
             
-            # Extract clean content from all results
-            content_list = [
-                self.extract_content_from_result(ans) 
-                for ans in answer_list
-            ]
+            # Extract clean content from all results，按类型传入 node_type 区分 community
+            content_list = []
+            for ans in answer_list:
+                # community 节点有 member_count 或 core_entities 字段
+                ntype = "community" if ('member_count' in ans or 'core_entities' in ans) else ""
+                content_list.append(self.extract_content_from_result(ans, node_type=ntype))
 
             
             # Filter out empty strings and join with newlines
diff --git a/api/app/core/memory/agent/utils/get_dialogs.py b/api/app/core/memory/agent/utils/get_dialogs.py
index ea44d0a5..4c667061 100644
--- a/api/app/core/memory/agent/utils/get_dialogs.py
+++ b/api/app/core/memory/agent/utils/get_dialogs.py
@@ -11,7 +11,7 @@ async def get_chunked_dialogs(
         chunker_strategy: str = "RecursiveChunker",
         end_user_id: str = "group_1",
         messages: list = None,
-        ref_id: str = "wyl_20251027",
+        ref_id: str = "",
         config_id: str = None
 ) -> List[DialogData]:
     """Generate chunks from structured messages using the specified chunker strategy.
@@ -40,12 +40,13 @@ async def get_chunked_dialogs(
 
         role = msg['role']
         content = msg['content']
+        files = msg.get("file_content", [])
 
         if role not in ['user', 'assistant']:
             raise ValueError(f"Message {idx} role must be 'user' or 'assistant', got: {role}")
 
         if content.strip():
-            conversation_messages.append(ConversationMessage(role=role, msg=content.strip()))
+            conversation_messages.append(ConversationMessage(role=role, msg=content.strip(), files=files))
 
     if not conversation_messages:
         raise ValueError("Message list cannot be empty after filtering")
@@ -84,7 +85,7 @@ async def get_chunked_dialogs(
                             pruning_scene=memory_config.pruning_scene or "education",
                             pruning_threshold=memory_config.pruning_threshold,
                             scene_id=str(memory_config.scene_id) if memory_config.scene_id else None,
-                            ontology_classes=memory_config.ontology_classes,
+                            ontology_class_infos=memory_config.ontology_class_infos,
                         )
                         logger.info(f"[剪枝] 加载配置: switch={pruning_config.pruning_switch}, scene={pruning_config.pruning_scene}, threshold={pruning_config.pruning_threshold}")
                         
diff --git a/api/app/core/memory/agent/utils/prompt/Problem_Extension_prompt.jinja2 b/api/app/core/memory/agent/utils/prompt/Problem_Extension_prompt.jinja2
index a0e21fbd..c78cbaac 100644
--- a/api/app/core/memory/agent/utils/prompt/Problem_Extension_prompt.jinja2
+++ b/api/app/core/memory/agent/utils/prompt/Problem_Extension_prompt.jinja2
@@ -39,6 +39,30 @@
     比如：输入历史信息内容:[{'Query': '4月27日，我和你推荐过一本书，书名是什么？', 'ANswer': '张曼玉推荐了《小王子》'}]
     拆分问题：4月27日，我和你推荐过一本书，书名是什么？，可以拆分为：4月27日，张曼玉推荐过一本书，书名是什么？
 
+## 指代消歧规则（Coreference Resolution）：
+在拆分问题时，必须解析并替换所有指代词和抽象称呼，使问题具体化：
+
+1. **"用户"的消歧**：
+   - "用户是谁？" → 分析历史记录，找出对话发起者的姓名
+   - 如果历史中有"我叫X"、"我的名字是X"、或多次提到某个人物，则"用户"指的就是这个人
+   - 示例：历史中有"老李的原名叫李建国"，则"用户是谁？"应拆分为"李建国是谁？"或"老李（李建国）是谁？"
+
+2. **"我"的消歧**：
+   - "我喜欢什么？" → 从历史中找出对话发起者的姓名，替换为"X喜欢什么？"
+   - 示例：历史中有"张曼玉推荐了《小王子》"，则"我推荐的书是什么？"应拆分为"张曼玉推荐的书是什么？"
+
+3. **"他/她/它"的消歧**：
+   - 从上下文或历史中找出最近提到的同类实体
+   - 示例：历史中有"老李的同事叫他建国哥"，则"他的同事怎么称呼他？"应拆分为"老李的同事怎么称呼他？"
+
+4. **"那个人/这个人"的消歧**：
+   - 从历史中找出最近提到的人物
+   - 示例：历史中有"李建国"，则"那个人的原名是什么？"应拆分为"李建国的原名是什么？"
+
+5. **优先级**：
+   - 如果历史记录中反复出现某个人物（如"老李"、"李建国"、"建国哥"），则"用户"很可能指的就是这个人
+   - 如果无法从历史中确定指代对象，保留原问题，但在reason中说明"无法确定指代对象"
+
 
 
 输出要求：
@@ -71,6 +95,34 @@
     "reason": "输出原问题的关键要素"
   }
 ]
+
+## 指代消歧示例（重要）：
+示例1 - "用户"的消歧：
+输入历史：[{'Query': '老李的原名叫什么？', 'Answer': '李建国'}, {'Query': '老李的同事叫他什么？', 'Answer': '建国哥'}]
+输入问题："用户是谁？"
+输出：
+[
+  {
+    "original_question": "用户是谁？",
+    "extended_question": "李建国是谁？",
+    "type": "单跳",
+    "reason": "历史中反复提到'老李/李建国/建国哥'，'用户'指的就是对话发起者李建国"
+  }
+]
+
+示例2 - "我"的消歧：
+输入历史：[{'Query': '张曼玉推荐了什么书？', 'Answer': '《小王子》'}]
+输入问题："我推荐的书是什么？"
+输出：
+[
+  {
+    "original_question": "我推荐的书是什么？",
+    "extended_question": "张曼玉推荐的书是什么？",
+    "type": "单跳",
+    "reason": "历史中提到张曼玉推荐了书，'我'指的就是张曼玉"
+  }
+]
+
 **Output format**
 **CRITICAL JSON FORMATTING REQUIREMENTS:**
 1. Use only standard ASCII double quotes (") for JSON structure - never use Chinese quotation marks ("") or other Unicode quotes
diff --git a/api/app/core/memory/agent/utils/prompt/problem_breakdown_prompt.jinja2 b/api/app/core/memory/agent/utils/prompt/problem_breakdown_prompt.jinja2
index aca716a4..ff134ddb 100644
--- a/api/app/core/memory/agent/utils/prompt/problem_breakdown_prompt.jinja2
+++ b/api/app/core/memory/agent/utils/prompt/problem_breakdown_prompt.jinja2
@@ -27,6 +27,30 @@
     比如：输入历史信息内容:[{'Query': '4月27日，我和你推荐过一本书，书名是什么？', 'ANswer': '张曼玉推荐了《小王子》'}]
     拆分问题：4月27日，我和你推荐过一本书，书名是什么？，可以拆分为：4月27日，张曼玉推荐过一本书，书名是什么？
 
+## 指代消歧规则（Coreference Resolution）：
+在拆分问题时，必须解析并替换所有指代词和抽象称呼，使问题具体化：
+
+1. **"用户"的消歧**：
+   - "用户是谁？" → 分析历史记录，找出对话发起者的姓名
+   - 如果历史中有"我叫X"、"我的名字是X"、或多次提到某个人物（如"老李"、"李建国"），则"用户"指的就是这个人
+   - 示例：历史中反复出现"老李/李建国/建国哥"，则"用户是谁？"应拆分为"李建国是谁？"或"老李（李建国）是谁？"
+
+2. **"我"的消歧**：
+   - "我喜欢什么？" → 从历史中找出对话发起者的姓名，替换为"X喜欢什么？"
+   - 示例：历史中有"张曼玉推荐了《小王子》"，则"我推荐的书是什么？"应拆分为"张曼玉推荐的书是什么？"
+
+3. **"他/她/它"的消歧**：
+   - 从上下文或历史中找出最近提到的同类实体
+   - 示例：历史中有"老李的同事叫他建国哥"，则"他的同事怎么称呼他？"应拆分为"老李的同事怎么称呼他？"
+
+4. **"那个人/这个人"的消歧**：
+   - 从历史中找出最近提到的人物
+   - 示例：历史中有"李建国"，则"那个人的原名是什么？"应拆分为"李建国的原名是什么？"
+
+5. **优先级**：
+   - 如果历史记录中反复出现某个人物（如"老李"、"李建国"、"建国哥"），则"用户"很可能指的就是这个人
+   - 如果无法从历史中确定指代对象，保留原问题，但在reason中说明"无法确定指代对象"
+
 ## 指令：
 你是一个智能数据拆分助手，请根据数据特性判断输入属于哪种类型：
 单跳（Single-hop）
@@ -151,6 +175,34 @@
 ]
 - 必须通过json.loads()的格式支持的形式输出
 - 必须通过json.loads()的格式支持的形式输出,响应必须是与此确切模式匹配的有效JSON对象。不要在JSON之前或之后包含任何文本。
+
+## 指代消歧示例（重要）：
+示例1 - "用户"的消歧：
+输入历史：[{'Query': '老李的原名叫什么？', 'Answer': '李建国'}, {'Query': '老李的同事叫他什么？', 'Answer': '建国哥'}]
+输入问题："用户是谁？"
+输出：
+[
+  {
+    "id": "Q1",
+    "question": "李建国是谁？",
+    "type": "单跳",
+    "reason": "历史中反复提到'老李/李建国/建国哥'，'用户'指的就是对话发起者李建国"
+  }
+]
+
+示例2 - "我"的消歧：
+输入历史：[{'Query': '张曼玉推荐了什么书？', 'Answer': '《小王子》'}]
+输入问题："我推荐的书是什么？"
+输出：
+[
+  {
+    "id": "Q1",
+    "question": "张曼玉推荐的书是什么？",
+    "type": "单跳",
+    "reason": "历史中提到张曼玉推荐了书，'我'指的就是张曼玉"
+  }
+]
+
 - 关键的JSON格式要求
 1.JSON结构仅使用标准ASCII双引号（“）-切勿使用中文引号（“”）或其他Unicode引号
 2.如果提取的语句文本包含引号，请使用反斜杠（\“）正确转义它们
diff --git a/api/app/core/memory/agent/utils/write_tools.py b/api/app/core/memory/agent/utils/write_tools.py
index b3707083..1f437973 100644
--- a/api/app/core/memory/agent/utils/write_tools.py
+++ b/api/app/core/memory/agent/utils/write_tools.py
@@ -6,14 +6,17 @@ pipeline. Only MemoryConfig is needed - clients are constructed internally.
 """
 import asyncio
 import time
+import uuid
 from datetime import datetime
+from typing import List, Optional
 
 from dotenv import load_dotenv
 
 from app.core.logging_config import get_agent_logger
 from app.core.memory.agent.utils.get_dialogs import get_chunked_dialogs
 from app.core.memory.storage_services.extraction_engine.extraction_orchestrator import ExtractionOrchestrator
-from app.core.memory.storage_services.extraction_engine.knowledge_extraction.memory_summary import memory_summary_generation
+from app.core.memory.storage_services.extraction_engine.knowledge_extraction.memory_summary import \
+    memory_summary_generation
 from app.core.memory.utils.llm.llm_utils import MemoryClientFactory
 from app.core.memory.utils.log.logging_utils import log_time
 from app.db import get_db_context
@@ -23,18 +26,17 @@ from app.repositories.neo4j.graph_saver import save_dialog_and_statements_to_neo
 from app.repositories.neo4j.neo4j_connector import Neo4jConnector
 from app.schemas.memory_config_schema import MemoryConfig
 
-
 load_dotenv()
 
 logger = get_agent_logger(__name__)
 
 
 async def write(
-    end_user_id: str,
-    memory_config: MemoryConfig,
-    messages: list,
-    ref_id: str = "wyl20251027",
-    language: str = "zh",
+        end_user_id: str,
+        memory_config: MemoryConfig,
+        messages: list,
+        ref_id: str = "",
+        language: str = "zh",
 ) -> None:
     """
     Execute the complete knowledge extraction pipeline.
@@ -43,9 +45,11 @@ async def write(
         end_user_id: Group identifier
         memory_config: MemoryConfig object containing all configuration
         messages: Structured message list [{"role": "user", "content": "..."}, ...]
-        ref_id: Reference ID, defaults to "wyl20251027"
+        ref_id: Reference ID, defaults to ""
         language: 语言类型 ("zh" 中文, "en" 英文)，默认中文
     """
+    if not ref_id:
+        ref_id = uuid.uuid4().hex
     # Extract config values
     embedding_model_id = str(memory_config.embedding_model_id)
     chunker_strategy = memory_config.chunker_strategy
@@ -99,14 +103,14 @@ async def write(
     if memory_config.scene_id:
         try:
             from app.core.memory.ontology_services.ontology_type_loader import load_ontology_types_for_scene
-            
+
             with get_db_context() as db:
                 ontology_types = load_ontology_types_for_scene(
                     scene_id=memory_config.scene_id,
                     workspace_id=memory_config.workspace_id,
                     db=db
                 )
-                
+
                 if ontology_types:
                     logger.info(
                         f"Loaded {len(ontology_types.types)} ontology types for scene_id: {memory_config.scene_id}"
@@ -135,9 +139,11 @@ async def write(
         all_chunk_nodes,
         all_statement_nodes,
         all_entity_nodes,
+        all_perceptual_nodes,
         all_statement_chunk_edges,
         all_statement_entity_edges,
         all_entity_entity_edges,
+        all_perceptual_edges,
         all_dedup_details,
     ) = await orchestrator.run(chunked_dialogs, is_pilot_run=False)
 
@@ -145,11 +151,6 @@ async def write(
 
     # Step 3: Save all data to Neo4j database
     step_start = time.time()
-    from app.repositories.neo4j.create_indexes import create_fulltext_indexes
-    try:
-        await create_fulltext_indexes()
-    except Exception as e:
-        logger.error(f"Error creating indexes: {e}", exc_info=True)
 
     # 添加死锁重试机制
     max_retries = 3
@@ -162,15 +163,43 @@ async def write(
                 chunk_nodes=all_chunk_nodes,
                 statement_nodes=all_statement_nodes,
                 entity_nodes=all_entity_nodes,
+                perceptual_nodes=all_perceptual_nodes,
                 statement_chunk_edges=all_statement_chunk_edges,
                 statement_entity_edges=all_statement_entity_edges,
                 entity_edges=all_entity_entity_edges,
+                perceptual_edges=all_perceptual_edges,
                 connector=neo4j_connector,
-                config_id=config_id,
-                llm_model_id=str(memory_config.llm_model_id) if memory_config.llm_model_id else None,
             )
             if success:
                 logger.info("Successfully saved all data to Neo4j")
+                
+                # 使用 Celery 异步任务触发聚类（不阻塞主流程）
+                if all_entity_nodes:
+                    try:
+                        from app.tasks import run_incremental_clustering
+                        
+                        end_user_id = all_entity_nodes[0].end_user_id
+                        new_entity_ids = [e.id for e in all_entity_nodes]
+                        
+                        # 异步提交 Celery 任务
+                        task = run_incremental_clustering.apply_async(
+                            kwargs={
+                                "end_user_id": end_user_id,
+                                "new_entity_ids": new_entity_ids,
+                                "llm_model_id": str(memory_config.llm_model_id) if memory_config.llm_model_id else None,
+                                "embedding_model_id": str(memory_config.embedding_model_id) if memory_config.embedding_model_id else None,
+                            },
+                            # 设置任务优先级（低优先级，不影响主业务）
+                            priority=3,
+                        )
+                        logger.info(
+                            f"[Clustering] 增量聚类任务已提交到 Celery - "
+                            f"task_id={task.id}, end_user_id={end_user_id}, entity_count={len(new_entity_ids)}"
+                        )
+                    except Exception as e:
+                        # 聚类任务提交失败不影响主流程
+                        logger.error(f"[Clustering] 提交聚类任务失败（不影响主流程）: {e}", exc_info=True)
+                
                 break
             else:
                 logger.warning("Failed to save some data to Neo4j")
@@ -204,9 +233,8 @@ async def write(
         summaries = await memory_summary_generation(
             chunked_dialogs, llm_client=llm_client, embedder_client=embedder_client, language=language
         )
-
+        ms_connector = Neo4jConnector()
         try:
-            ms_connector = Neo4jConnector()
             await add_memory_summary_nodes(summaries, ms_connector)
             await add_memory_summary_statement_edges(summaries, ms_connector)
         finally:
@@ -246,5 +274,21 @@ async def write(
     except Exception as cache_err:
         logger.warning(f"[WRITE] 写入活动统计缓存失败（不影响主流程）: {cache_err}", exc_info=True)
 
+    # Close LLM/Embedder underlying httpx clients to prevent
+    # 'RuntimeError: Event loop is closed' during garbage collection
+    for client_obj in (llm_client, embedder_client):
+        try:
+            underlying = getattr(client_obj, 'client', None) or getattr(client_obj, 'model', None)
+            if underlying is None:
+                continue
+            # Unwrap RedBearLLM / RedBearEmbeddings to get the LangChain model
+            inner = getattr(underlying, '_model', underlying)
+            # LangChain OpenAI models expose async_client (httpx.AsyncClient)
+            http_client = getattr(inner, 'async_client', None)
+            if http_client is not None and hasattr(http_client, 'aclose'):
+                await http_client.aclose()
+        except Exception:
+            pass
+
     logger.info("=== Pipeline Complete ===")
-    logger.info(f"Total execution time: {total_time:.2f} seconds")
\ No newline at end of file
+    logger.info(f"Total execution time: {total_time:.2f} seconds")
diff --git a/api/app/core/memory/llm_tools/chunker_client.py b/api/app/core/memory/llm_tools/chunker_client.py
index 93a2df82..51d15aab 100644
--- a/api/app/core/memory/llm_tools/chunker_client.py
+++ b/api/app/core/memory/llm_tools/chunker_client.py
@@ -1,10 +1,10 @@
-from typing import Any, List
-import re
-import os
 import asyncio
 import json
-import numpy as np
 import logging
+import os
+from typing import Any, List
+
+import numpy as np
 
 # Fix tokenizer parallelism warning
 os.environ["TOKENIZERS_PARALLELISM"] = "false"
@@ -246,6 +246,7 @@ class ChunkerClient:
                             "total_sub_chunks": len(sub_chunks),
                             "chunker_strategy": self.chunker_config.chunker_strategy,
                         },
+                        files=msg.files
                     )
                     dialogue.chunks.append(chunk)
             else:
@@ -258,6 +259,7 @@ class ChunkerClient:
                         "message_role": msg.role,
                         "chunker_strategy": self.chunker_config.chunker_strategy,
                     },
+                    files=msg.files
                 )
                 dialogue.chunks.append(chunk)
 
diff --git a/api/app/core/memory/llm_tools/openai_client.py b/api/app/core/memory/llm_tools/openai_client.py
index 43c2b445..c70fef5f 100644
--- a/api/app/core/memory/llm_tools/openai_client.py
+++ b/api/app/core/memory/llm_tools/openai_client.py
@@ -65,7 +65,7 @@ class OpenAIClient(LLMClient):
             type=type_
         )
 
-        logger.info(f"OpenAI 客户端初始化完成: type={type_}")
+        logger.debug(f"OpenAI 客户端初始化完成: type={type_}")
 
     async def chat(self, messages: List[Dict[str, str]], **kwargs) -> Any:
         """
diff --git a/api/app/core/memory/llm_tools/openai_embedder.py b/api/app/core/memory/llm_tools/openai_embedder.py
index 2d6fccbc..6ae87887 100644
--- a/api/app/core/memory/llm_tools/openai_embedder.py
+++ b/api/app/core/memory/llm_tools/openai_embedder.py
@@ -2,6 +2,7 @@
 OpenAI Embedder 客户端实现
 
 基于 LangChain 和 RedBearEmbeddings 的 OpenAI 嵌入模型客户端实现。
+自动支持火山引擎的多模态 Embedding。
 """
 
 from typing import List
@@ -13,6 +14,7 @@ from app.core.memory.llm_tools.embedder_client import (
 )
 from app.core.models.base import RedBearModelConfig
 from app.core.models.embedding import RedBearEmbeddings
+from app.models.models_model import ModelProvider
 
 logger = logging.getLogger(__name__)
 
@@ -25,6 +27,7 @@ class OpenAIEmbedderClient(EmbedderClient):
     - 批量文本嵌入
     - 自动重试机制
     - 错误处理
+    - 火山引擎多模态 Embedding（自动识别）
     """
 
     def __init__(self, model_config: RedBearModelConfig):
@@ -36,7 +39,7 @@ class OpenAIEmbedderClient(EmbedderClient):
         """
         super().__init__(model_config)
 
-        # 初始化 RedBearEmbeddings 模型
+        # 初始化 RedBearEmbeddings（自动支持火山引擎多模态）
         self.model = RedBearEmbeddings(
             RedBearModelConfig(
                 model_name=self.model_name,
@@ -47,8 +50,9 @@ class OpenAIEmbedderClient(EmbedderClient):
                 timeout=self.timeout,
             )
         )
+        self.is_multimodal = self.model.is_multimodal_supported()
 
-        logger.info("OpenAI Embedder 客户端初始化完成")
+        logger.info(f"OpenAI Embedder 客户端初始化完成 (provider={self.provider}, multimodal={self.is_multimodal})")
 
     async def response(
         self,
@@ -77,7 +81,14 @@ class OpenAIEmbedderClient(EmbedderClient):
                 return []
 
             # 生成嵌入向量
-            embeddings = await self.model.aembed_documents(texts)
+            if self.is_multimodal:
+                # 火山引擎多模态 Embedding
+                embeddings = await self.model.aembed_multimodal(
+                    [{"type": "text", "text": text} for text in texts]
+                )
+            else:
+                # 普通 Embedding
+                embeddings = await self.model.aembed_documents(texts)
 
             logger.debug(f"成功生成 {len(embeddings)} 个嵌入向量")
             return embeddings
diff --git a/api/app/core/memory/models/config_models.py b/api/app/core/memory/models/config_models.py
index c2d62ac1..5ed50b7f 100644
--- a/api/app/core/memory/models/config_models.py
+++ b/api/app/core/memory/models/config_models.py
@@ -6,6 +6,7 @@ of the memory system including LLM, chunking, pruning, and search.
 Classes:
     LLMConfig: Configuration for LLM client
     ChunkerConfig: Configuration for dialogue chunking
+    OntologyClassInfo: Single ontology class with name and description
     PruningConfig: Configuration for semantic pruning
     TemporalSearchParams: Parameters for temporal search queries
 """
@@ -50,30 +51,41 @@ class ChunkerConfig(BaseModel):
     min_characters_per_chunk: Optional[int] = Field(24, ge=0, description="The minimum number of characters in each chunk.")
 
 
+class OntologyClassInfo(BaseModel):
+    """本体类型的名称与语义描述，用于剪枝提示词注入。
+
+    Attributes:
+        class_name: 本体类型名称（如"患者"、"课程"）
+        class_description: 本体类型语义描述，告知 LLM 该类型在当前场景下的含义
+    """
+    class_name: str = Field(..., description="本体类型名称")
+    class_description: str = Field(default="", description="本体类型语义描述")
+
+
 class PruningConfig(BaseModel):
     """Configuration for semantic pruning of dialogue content.
 
     Attributes:
         pruning_switch: Enable or disable semantic pruning
-        pruning_scene: Scene name for pruning, either a built-in key
-            ('education', 'online_service', 'outbound') or a custom scene_name
-            from ontology_scene table
+        pruning_scene: Scene name for pruning from ontology_scene table
         pruning_threshold: Pruning ratio (0-0.9, max 0.9 to avoid complete removal)
-        scene_id: Optional ontology scene UUID, used to load custom ontology classes
-        ontology_classes: List of class_name strings from ontology_class table,
-            injected into the prompt when pruning_scene is not a built-in scene
+        scene_id: Optional ontology scene UUID
+        ontology_class_infos: Full ontology class info (name + description) from
+            ontology_class table, injected into the pruning prompt to drive
+            scene-aware preservation decisions
     """
     pruning_switch: bool = Field(False, description="Enable semantic pruning when True.")
     pruning_scene: str = Field(
         "education",
-        description="Scene for pruning: built-in key or custom scene_name from ontology_scene.",
+        description="Scene name from ontology_scene table.",
     )
     pruning_threshold: float = Field(
         0.5, ge=0.0, le=0.9,
         description="Pruning ratio within 0-0.9 (max 0.9 to avoid termination).")
     scene_id: Optional[str] = Field(None, description="Ontology scene UUID (optional).")
-    ontology_classes: Optional[List[str]] = Field(
-        None, description="Class names from ontology_class table for custom scenes."
+    ontology_class_infos: List[OntologyClassInfo] = Field(
+        default_factory=list,
+        description="Full ontology class info (name + description) injected into pruning prompt."
     )
 
 
diff --git a/api/app/core/memory/models/graph_models.py b/api/app/core/memory/models/graph_models.py
index 1880b9ab..1b8c9d52 100644
--- a/api/app/core/memory/models/graph_models.py
+++ b/api/app/core/memory/models/graph_models.py
@@ -44,21 +44,21 @@ def parse_historical_datetime(v):
     """
     if v is None:
         return v
-    
+
     # 处理 Neo4j DateTime 对象
     if hasattr(v, 'to_native'):
         return v.to_native()
-    
+
     # 处理 Python datetime 对象
     if isinstance(v, datetime):
         return v
-    
+
     if isinstance(v, str):
         # 匹配 ISO 8601 格式：YYYY-MM-DD 或 YYYY-MM-DDTHH:MM:SS[.ffffff][Z|±HH:MM]
         # 支持1-4位年份
         pattern = r'^(\d{1,4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(?:\.(\d+))?(?:Z|([+-]\d{2}:\d{2}))?)?'
         match = re.match(pattern, v)
-        
+
         if match:
             try:
                 year = int(match.group(1))
@@ -68,31 +68,31 @@ def parse_historical_datetime(v):
                 minute = int(match.group(5)) if match.group(5) else 0
                 second = int(match.group(6)) if match.group(6) else 0
                 microsecond = 0
-                
+
                 # 处理微秒
                 if match.group(7):
                     # 补齐或截断到6位
                     us_str = match.group(7).ljust(6, '0')[:6]
                     microsecond = int(us_str)
-                
+
                 # 处理时区
                 tzinfo = None
                 if 'Z' in v or match.group(8):
                     tzinfo = timezone.utc
-                
+
                 # 创建 datetime 对象
                 return datetime(year, month, day, hour, minute, second, microsecond, tzinfo=tzinfo)
-                
+
             except (ValueError, OverflowError):
                 # 日期值无效（如月份13、日期32等）
                 return None
-        
+
         # 如果不匹配模式，尝试使用 fromisoformat（用于标准格式）
         try:
             return datetime.fromisoformat(v.replace('Z', '+00:00'))
         except Exception:
             return None
-    
+
     return v
 
 
@@ -114,7 +114,7 @@ class Edge(BaseModel):
     end_user_id: str = Field(..., description="The end user ID of the edge.")
     run_id: str = Field(default_factory=lambda: uuid4().hex, description="Unique identifier for this pipeline run.")
     created_at: datetime = Field(..., description="The valid time of the edge from system perspective.")
-    expired_at: Optional[datetime] = Field(None, description="The expired time of the edge from system perspective.")
+    expired_at: Optional[datetime] = Field(default=None, description="The expired time of the edge from system perspective.")
 
 
 class ChunkEdge(Edge):
@@ -167,7 +167,7 @@ class EntityEntityEdge(Edge):
     source_statement_id: str = Field(..., description="Statement where this relationship was extracted")
     valid_at: Optional[datetime] = Field(None, description="Temporal validity start")
     invalid_at: Optional[datetime] = Field(None, description="Temporal validity end")
-    
+
     @field_validator('valid_at', 'invalid_at', mode='before')
     @classmethod
     def validate_datetime(cls, v):
@@ -175,6 +175,12 @@ class EntityEntityEdge(Edge):
         return parse_historical_datetime(v)
 
 
+class PerceptualEdge(Edge):
+    """Edge connecting perceptual nodes to their source chunks
+    """
+    pass
+
+
 class Node(BaseModel):
     """Base class for all graph nodes in the knowledge graph.
 
@@ -206,7 +212,8 @@ class DialogueNode(Node):
     ref_id: str = Field(..., description="Reference identifier of the dialog")
     content: str = Field(..., description="Dialogue content")
     dialog_embedding: Optional[List[float]] = Field(None, description="Dialog embedding vector")
-    config_id: Optional[int | str] = Field(None, description="Configuration ID used to process this dialogue (integer or string)")
+    config_id: Optional[int | str] = Field(None,
+                                           description="Configuration ID used to process this dialogue (integer or string)")
 
 
 class StatementNode(Node):
@@ -241,17 +248,17 @@ class StatementNode(Node):
     chunk_id: str = Field(..., description="ID of the parent chunk")
     stmt_type: str = Field(..., description="Type of the statement")
     statement: str = Field(..., description="The statement text content")
-    
+
     # Speaker identification
     speaker: Optional[str] = Field(
         None,
         description="Speaker identifier: 'user' for user messages, 'assistant' for AI responses"
     )
-    
+
     # Emotion fields (ordered as requested, emotion_intensity first for display)
     emotion_intensity: Optional[float] = Field(
-        None, 
-        ge=0.0, 
+        None,
+        ge=0.0,
         le=1.0,
         description="Emotion intensity: 0.0-1.0 (displayed on node)"
     )
@@ -264,25 +271,26 @@ class StatementNode(Node):
         description="Emotion subject: self/other/object"
     )
     emotion_type: Optional[str] = Field(
-        None, 
+        None,
         description="Emotion type: joy/sadness/anger/fear/surprise/neutral"
     )
     emotion_keywords: Optional[List[str]] = Field(
         default_factory=list,
         description="Emotion keywords list, max 3 items"
     )
-    
+
     # Temporal fields
     temporal_info: TemporalInfo = Field(..., description="Temporal information")
     valid_at: Optional[datetime] = Field(None, description="Temporal validity start")
     invalid_at: Optional[datetime] = Field(None, description="Temporal validity end")
-    
+
     # Embedding and other fields
     statement_embedding: Optional[List[float]] = Field(None, description="Statement embedding vector")
     chunk_embedding: Optional[List[float]] = Field(None, description="Chunk embedding vector")
     connect_strength: str = Field(..., description="Strong VS Weak classification of this statement")
-    config_id: Optional[int | str] = Field(None, description="Configuration ID used to process this statement (integer or string)")
-    
+    config_id: Optional[int | str] = Field(None,
+                                           description="Configuration ID used to process this statement (integer or string)")
+
     # ACT-R Memory Activation Properties
     importance_score: float = Field(
         default=0.5,
@@ -309,13 +317,13 @@ class StatementNode(Node):
         ge=0,
         description="Total number of times this node has been accessed"
     )
-    
+
     @field_validator('valid_at', 'invalid_at', mode='before')
     @classmethod
     def validate_datetime(cls, v):
         """使用通用的历史日期解析函数"""
         return parse_historical_datetime(v)
-    
+
     @field_validator('emotion_type', mode='before')
     @classmethod
     def validate_emotion_type(cls, v):
@@ -326,7 +334,7 @@ class StatementNode(Node):
         if v not in valid_types:
             raise ValueError(f"emotion_type must be one of {valid_types}, got {v}")
         return v
-    
+
     @field_validator('emotion_subject', mode='before')
     @classmethod
     def validate_emotion_subject(cls, v):
@@ -337,7 +345,7 @@ class StatementNode(Node):
         if v not in valid_subjects:
             raise ValueError(f"emotion_subject must be one of {valid_subjects}, got {v}")
         return v
-    
+
     @field_validator('emotion_keywords', mode='before')
     @classmethod
     def validate_emotion_keywords(cls, v):
@@ -405,19 +413,20 @@ class ExtractedEntityNode(Node):
     entity_type: str = Field(..., description="Type of the entity")
     description: str = Field(..., description="Entity description")
     example: str = Field(
-        default="", 
+        default="",
         description="A concise example (around 20 characters) to help understand the entity"
     )
     aliases: List[str] = Field(
-        default_factory=list, 
+        default_factory=list,
         description="Entity aliases - alternative names for this entity"
     )
     name_embedding: Optional[List[float]] = Field(default_factory=list, description="Name embedding vector")
     # TODO: fact_summary 功能暂时禁用，待后续开发完善后启用
     # fact_summary: str = Field(default="", description="Summary of the fact about this entity")
     connect_strength: str = Field(..., description="Strong VS Weak about this entity")
-    config_id: Optional[int | str] = Field(None, description="Configuration ID used to process this entity (integer or string)")
-    
+    config_id: Optional[int | str] = Field(None,
+                                           description="Configuration ID used to process this entity (integer or string)")
+
     # ACT-R Memory Activation Properties
     importance_score: float = Field(
         default=0.5,
@@ -444,16 +453,16 @@ class ExtractedEntityNode(Node):
         ge=0,
         description="Total number of times this node has been accessed"
     )
-    
+
     # Explicit Memory Classification
     is_explicit_memory: bool = Field(
         default=False,
         description="Whether this entity represents explicit/semantic memory (knowledge, concepts, definitions, theories, principles)"
     )
-    
+
     @field_validator('aliases', mode='before')
     @classmethod
-    def validate_aliases_field(cls, v): # 字段验证器 自动清理和验证 aliases 字段
+    def validate_aliases_field(cls, v):  # 字段验证器 自动清理和验证 aliases 字段
         """Validate and clean aliases field using utility function.
         
         This validator ensures that the aliases field is always a valid list of strings.
@@ -507,8 +516,9 @@ class MemorySummaryNode(Node):
     memory_type: Optional[str] = Field(None, description="Type/category of the episodic memory")
     summary_embedding: Optional[List[float]] = Field(None, description="Embedding vector for the summary")
     metadata: dict = Field(default_factory=dict, description="Additional metadata for the summary")
-    config_id: Optional[int | str] = Field(None, description="Configuration ID used to process this summary (integer or string)")
-    
+    config_id: Optional[int | str] = Field(None,
+                                           description="Configuration ID used to process this summary (integer or string)")
+
     # ACT-R Forgetting Engine Properties
     original_statement_id: Optional[str] = Field(
         None,
@@ -522,7 +532,7 @@ class MemorySummaryNode(Node):
         None,
         description="Timestamp when the nodes were merged"
     )
-    
+
     # ACT-R Memory Activation Properties
     importance_score: float = Field(
         default=0.5,
@@ -549,3 +559,18 @@ class MemorySummaryNode(Node):
         ge=0,
         description="Total number of times this node has been accessed (reset to 1 on creation)"
     )
+
+
+class PerceptualNode(Node):
+    """Node representing a multimodal message in the knowledge graph.
+    """
+    perceptual_type: int
+    file_path: str
+    file_name: str
+    file_ext: str
+    summary: str
+    keywords: list[str]
+    topic: str
+    domain: str
+    file_type: str
+    summary_embedding: list[float] | None
diff --git a/api/app/core/memory/models/message_models.py b/api/app/core/memory/models/message_models.py
index 2f8660af..66203067 100644
--- a/api/app/core/memory/models/message_models.py
+++ b/api/app/core/memory/models/message_models.py
@@ -30,6 +30,7 @@ class ConversationMessage(BaseModel):
     """
     role: str = Field(..., description="The role of the speaker (e.g., 'user', 'assistant').")
     msg: str = Field(..., description="The text content of the message.")
+    files: list[tuple] = Field(default_factory=list, description="The file content of the message", exclude=True)
 
 
 class TemporalValidityRange(BaseModel):
@@ -130,7 +131,8 @@ class Chunk(BaseModel):
     content: str = Field(..., description="The content of the chunk as a string.")
     speaker: Optional[str] = Field(None, description="The speaker/role for this chunk (user/assistant).")
     statements: List[Statement] = Field(default_factory=list, description="A list of statements in the chunk.")
-    chunk_embedding: Optional[List[float]] = Field(None, description="The embedding vector of the chunk.")
+    files: list[tuple] = Field(default_factory=list, description="List of files in the chunk.")
+    chunk_embedding: Optional[List[float]] = Field(default=None, description="The embedding vector of the chunk.")
     metadata: Dict[str, Any] = Field(default_factory=dict, description="Additional metadata for the chunk.")
 
     @classmethod
diff --git a/api/app/core/memory/src/search.py b/api/app/core/memory/src/search.py
index 0e1d8424..e4f0d4d0 100644
--- a/api/app/core/memory/src/search.py
+++ b/api/app/core/memory/src/search.py
@@ -238,7 +238,7 @@ def rerank_with_activation(
     
     reranked: Dict[str, List[Dict[str, Any]]] = {}
     
-    for category in ["statements", "chunks", "entities", "summaries"]:
+    for category in ["statements", "chunks", "entities", "summaries", "communities"]:
         keyword_items = keyword_results.get(category, [])
         embedding_items = embedding_results.get(category, [])
         
@@ -281,21 +281,23 @@ def rerank_with_activation(
         for item in items_list:
             item_id = item.get("id") or item.get("uuid") or item.get("chunk_id")
             if item_id and item_id in combined_items:
-                combined_items[item_id]["normalized_activation_value"] = item.get("normalized_activation_value", 0)
+                combined_items[item_id]["normalized_activation_value"] = item.get("normalized_activation_value")
         
         # 步骤 4: 计算基础分数和最终分数
         for item_id, item in combined_items.items():
             bm25_norm = float(item.get("bm25_score", 0) or 0)
             emb_norm = float(item.get("embedding_score", 0) or 0)
-            act_norm = float(item.get("normalized_activation_value", 0) or 0)
+            # normalized_activation_value 为 None 表示该节点无激活值，保留 None 语义
+            raw_act_norm = item.get("normalized_activation_value")
+            act_norm = float(raw_act_norm) if raw_act_norm is not None else None
             
             # 第一阶段：只考虑内容相关性（BM25 + Embedding）
             # alpha 控制 BM25 权重，(1-alpha) 控制 Embedding 权重
             content_score = alpha * bm25_norm + (1 - alpha) * emb_norm
             base_score = content_score  # 第一阶段用内容分数
             
-            # 存储激活度分数供第二阶段使用
-            item["activation_score"] = act_norm
+            # 存储激活度分数供第二阶段使用（None 表示无激活值，不参与激活值排序）
+            item["activation_score"] = act_norm  # 可能为 None
             item["content_score"] = content_score
             item["base_score"] = base_score
             
@@ -724,6 +726,8 @@ async def run_hybrid_search(
     try:
         keyword_task = None
         embedding_task = None
+        keyword_results: Dict[str, List] = {}
+        embedding_results: Dict[str, List] = {}
 
         if search_type in ["keyword", "hybrid"]:
             # Keyword-based search
@@ -746,35 +750,42 @@ async def run_hybrid_search(
             
             # 从数据库读取嵌入器配置（按 ID）并构建 RedBearModelConfig
             config_load_start = time.time()
-            with get_db_context() as db:
-                config_service = MemoryConfigService(db)
-                embedder_config_dict = config_service.get_embedder_config(str(memory_config.embedding_model_id))
-            rb_config = RedBearModelConfig(
-                model_name=embedder_config_dict["model_name"],
-                provider=embedder_config_dict["provider"],
-                api_key=embedder_config_dict["api_key"],
-                base_url=embedder_config_dict["base_url"],
-                type="llm"
-            )
-            config_load_time = time.time() - config_load_start
-            logger.info(f"[PERF] Config loading took {config_load_time:.4f}s")
-
-            # Init embedder
-            embedder_init_start = time.time()
-            embedder = OpenAIEmbedderClient(model_config=rb_config)
-            embedder_init_time = time.time() - embedder_init_start
-            logger.info(f"[PERF] Embedder init took {embedder_init_time:.4f}s")
-            
-            embedding_task = asyncio.create_task(
-                search_graph_by_embedding(
-                    connector=connector,
-                    embedder_client=embedder,
-                    query_text=query_text,
-                    end_user_id=end_user_id,
-                    limit=limit,
-                    include=include,
+            try:
+                with get_db_context() as db:
+                    config_service = MemoryConfigService(db)
+                    embedder_config_dict = config_service.get_embedder_config(str(memory_config.embedding_model_id))
+                rb_config = RedBearModelConfig(
+                    model_name=embedder_config_dict["model_name"],
+                    provider=embedder_config_dict["provider"],
+                    api_key=embedder_config_dict["api_key"],
+                    base_url=embedder_config_dict["base_url"],
+                    type="llm"
                 )
-            )
+                config_load_time = time.time() - config_load_start
+                logger.info(f"[PERF] Config loading took {config_load_time:.4f}s")
+
+                # Init embedder
+                embedder_init_start = time.time()
+                embedder = OpenAIEmbedderClient(model_config=rb_config)
+                embedder_init_time = time.time() - embedder_init_start
+                logger.info(f"[PERF] Embedder init took {embedder_init_time:.4f}s")
+                
+                embedding_task = asyncio.create_task(
+                    search_graph_by_embedding(
+                        connector=connector,
+                        embedder_client=embedder,
+                        query_text=query_text,
+                        end_user_id=end_user_id,
+                        limit=limit,
+                        include=include,
+                    )
+                )
+            except Exception as emb_init_err:
+                logger.warning(
+                    f"[PERF] Embedding search skipped due to init error "
+                    f"(embedding_model_id={memory_config.embedding_model_id}): {emb_init_err}"
+                )
+                embedding_task = None
 
         if keyword_task:
             keyword_results = await keyword_task
diff --git a/api/app/core/memory/storage_services/clustering_engine/label_propagation.py b/api/app/core/memory/storage_services/clustering_engine/label_propagation.py
index 58fd7f86..246453c0 100644
--- a/api/app/core/memory/storage_services/clustering_engine/label_propagation.py
+++ b/api/app/core/memory/storage_services/clustering_engine/label_propagation.py
@@ -7,6 +7,7 @@
 - 增量更新（incremental_update）：新实体到达时，只处理新实体及其邻居
 """
 
+import asyncio
 import logging
 import uuid
 from math import sqrt
@@ -19,8 +20,9 @@ logger = logging.getLogger(__name__)
 
 # 全量迭代最大轮数，防止不收敛
 MAX_ITERATIONS = 10
-# 社区摘要核心实体数量
-CORE_ENTITY_LIMIT = 5
+
+# 社区核心实体取 top-N 数量
+CORE_ENTITY_LIMIT = 10
 
 
 def _cosine_similarity(v1: Optional[List[float]], v2: Optional[List[float]]) -> float:
@@ -67,15 +69,16 @@ class LabelPropagationEngine:
     def __init__(
         self,
         connector: Neo4jConnector,
-        config_id: Optional[str] = None,
         llm_model_id: Optional[str] = None,
         embedding_model_id: Optional[str] = None,
     ):
         self.connector = connector
         self.repo = CommunityRepository(connector)
-        self.config_id = config_id
         self.llm_model_id = llm_model_id
         self.embedding_model_id = embedding_model_id
+        # 缓存客户端实例，避免重复初始化
+        self._llm_client = None
+        self._embedder_client = None
 
     # ──────────────────────────────────────────────────────────────────────────
     # 公开接口
@@ -105,58 +108,81 @@ class LabelPropagationEngine:
 
     async def full_clustering(self, end_user_id: str) -> None:
         """
-        全量标签传播初始化。
+        全量标签传播初始化（分批处理，控制内存峰值）。
 
-        1. 拉取所有实体，初始化每个实体为独立社区
-        2. 迭代：每轮对所有实体做邻居投票，更新社区标签
-        3. 直到标签不再变化或达到 MAX_ITERATIONS
-        4. 将最终标签写入 Neo4j
+        策略：
+        - 每次只加载 BATCH_SIZE 个实体及其邻居进内存
+        - labels 字典跨批次共享（只存 id→community_id，内存极小）
+        - 每批独立跑 MAX_ITERATIONS 轮 LPA，批次间通过 labels 传递社区信息
+        - 所有批次完成后统一 flush 和 merge
         """
-        entities = await self.repo.get_all_entities(end_user_id)
-        if not entities:
+        BATCH_SIZE = 888  # 每批实体数，可按需调整
+
+        # 轻量查询：只获取总数和 ID 列表，不加载 embedding 等大字段
+        total_count = await self.repo.get_entity_count(end_user_id)
+        if not total_count:
             logger.info(f"[Clustering] 用户 {end_user_id} 无实体，跳过全量聚类")
             return
 
-        # 初始化：每个实体持有自己 id 作为社区标签
-        labels: Dict[str, str] = {e["id"]: e["id"] for e in entities}
-        embeddings: Dict[str, Optional[List[float]]] = {
-            e["id"]: e.get("name_embedding") for e in entities
-        }
+        all_entity_ids = await self.repo.get_all_entity_ids(end_user_id)
+        logger.info(f"[Clustering] 用户 {end_user_id} 共 {total_count} 个实体，"
+                    f"分批大小 {BATCH_SIZE}，共 {(total_count + BATCH_SIZE - 1) // BATCH_SIZE} 批")
 
-        # 预加载所有实体的邻居，避免迭代内 O(iterations * |E|) 次 Neo4j 往返
-        logger.info(f"[Clustering] 预加载 {len(entities)} 个实体的邻居图...")
-        neighbors_cache: Dict[str, List[Dict]] = await self.repo.get_all_entity_neighbors_batch(end_user_id)
-        logger.info(f"[Clustering] 邻居预加载完成，覆盖实体数: {len(neighbors_cache)}")
+        # labels 跨批次共享：只存 id→community_id，内存极小
+        labels: Dict[str, str] = {eid: eid for eid in all_entity_ids}
+        del all_entity_ids  # 释放 ID 列表，后续按批次加载完整数据
 
-        for iteration in range(MAX_ITERATIONS):
-            changed = 0
-            # 随机顺序（Python dict 在 3.7+ 保持插入顺序，这里直接遍历）
-            for entity in entities:
-                eid = entity["id"]
-                # 直接从缓存取邻居，不再发起 Neo4j 查询
-                neighbors = neighbors_cache.get(eid, [])
-
-                # 将邻居的当前内存标签注入（覆盖 Neo4j 中的旧值）
-                enriched = []
-                for nb in neighbors:
-                    nb_copy = dict(nb)
-                    nb_copy["community_id"] = labels.get(nb["id"], nb.get("community_id"))
-                    enriched.append(nb_copy)
-
-                new_label = _weighted_vote(enriched, embeddings.get(eid))
-                if new_label and new_label != labels[eid]:
-                    labels[eid] = new_label
-                    changed += 1
-
-            logger.info(
-                f"[Clustering] 全量迭代 {iteration + 1}/{MAX_ITERATIONS}，"
-                f"标签变化数: {changed}"
+        for batch_start in range(0, total_count, BATCH_SIZE):
+            batch_entities = await self.repo.get_entities_page(
+                end_user_id, skip=batch_start, limit=BATCH_SIZE
             )
-            if changed == 0:
-                logger.info("[Clustering] 标签已收敛，提前结束迭代")
+            if not batch_entities:
                 break
 
-        # 将最终标签写入 Neo4j
+            batch_ids = [e["id"] for e in batch_entities]
+            batch_embeddings: Dict[str, Optional[List[float]]] = {
+                e["id"]: e.get("name_embedding") for e in batch_entities
+            }
+
+            logger.info(
+                f"[Clustering] 批次 {batch_start // BATCH_SIZE + 1}："
+                f"加载 {len(batch_entities)} 个实体的邻居图..."
+            )
+            neighbors_cache = await self.repo.get_entity_neighbors_for_ids(
+                batch_ids, end_user_id
+            )
+            logger.info(f"[Clustering] 邻居预加载完成，覆盖实体数: {len(neighbors_cache)}")
+
+            for iteration in range(MAX_ITERATIONS):
+                changed = 0
+                for entity in batch_entities:
+                    eid = entity["id"]
+                    neighbors = neighbors_cache.get(eid, [])
+
+                    # 注入跨批次的最新标签（邻居可能在其他批次，labels 里有其最新值）
+                    enriched = []
+                    for nb in neighbors:
+                        nb_copy = dict(nb)
+                        nb_copy["community_id"] = labels.get(nb["id"], nb.get("community_id"))
+                        enriched.append(nb_copy)
+
+                    new_label = _weighted_vote(enriched, batch_embeddings.get(eid))
+                    if new_label and new_label != labels[eid]:
+                        labels[eid] = new_label
+                        changed += 1
+
+                logger.info(
+                    f"[Clustering] 批次 {batch_start // BATCH_SIZE + 1} "
+                    f"迭代 {iteration + 1}/{MAX_ITERATIONS}，标签变化数: {changed}"
+                )
+                if changed == 0:
+                    logger.info("[Clustering] 标签已收敛，提前结束本批迭代")
+                    break
+
+            # 释放本批次的大对象
+            del neighbors_cache, batch_embeddings, batch_entities
+
+        # 所有批次完成，统一写入 Neo4j
         await self._flush_labels(labels, end_user_id)
         pre_merge_count = len(set(labels.values()))
         logger.info(
@@ -164,7 +190,6 @@ class LabelPropagationEngine:
             f"{len(labels)} 个实体，开始后处理合并"
         )
 
-        # 全量初始化后做一轮社区合并（基于 name_embedding 余弦相似度）
         all_community_ids = list(set(labels.values()))
         await self._evaluate_merge(all_community_ids, end_user_id)
 
@@ -172,17 +197,15 @@ class LabelPropagationEngine:
             f"[Clustering] 全量聚类完成，合并前 {pre_merge_count} 个社区，"
             f"{len(labels)} 个实体"
         )
-        # 为所有社区生成元数据
-        # 注意：_evaluate_merge 后部分社区已被合并消解，需重新从 Neo4j 查询实际存活的社区
-        # 不能复用 labels.values()，那里包含已被 dissolve 的旧社区 ID
+
+        # 查询存活社区并生成元数据
         surviving_communities = await self.repo.get_all_entities(end_user_id)
         surviving_community_ids = list({
             e.get("community_id") for e in surviving_communities
             if e.get("community_id")
         })
         logger.info(f"[Clustering] 合并后实际存活社区数: {len(surviving_community_ids)}")
-        for cid in surviving_community_ids:
-            await self._generate_community_metadata(cid, end_user_id)
+        await self._generate_community_metadata(surviving_community_ids, end_user_id)
 
     async def incremental_update(
         self, new_entity_ids: List[str], end_user_id: str
@@ -195,8 +218,17 @@ class LabelPropagationEngine:
         3. 若邻居无社区 → 创建新社区
         4. 若邻居分属多个社区 → 评估是否合并
         """
+        # 收集所有需要生成元数据的社区ID
+        communities_to_update = set()
+        
         for entity_id in new_entity_ids:
-            await self._process_single_entity(entity_id, end_user_id)
+            cid = await self._process_single_entity(entity_id, end_user_id)
+            if cid:
+                communities_to_update.add(cid)
+        
+        # 批量生成所有社区的元数据
+        if communities_to_update:
+            await self._generate_community_metadata(list(communities_to_update), end_user_id, force=True)
 
     # ──────────────────────────────────────────────────────────────────────────
     # 内部方法
@@ -204,8 +236,21 @@ class LabelPropagationEngine:
 
     async def _process_single_entity(
         self, entity_id: str, end_user_id: str
-    ) -> None:
-        """处理单个新实体的社区分配。"""
+    ) -> Optional[str]:
+        """
+        处理单个新实体的社区分配。
+        
+        该函数会为新实体分配社区，可能的情况包括：
+        1. 孤立实体（无邻居）：创建新的单成员社区
+        2. 邻居都没有社区：创建新社区并将实体和邻居都加入
+        3. 邻居有社区：通过加权投票选择最合适的社区加入
+        
+        Returns:
+            Optional[str]: 分配到的社区ID。当前实现总是返回一个有效的社区ID，
+                          但返回类型保留为Optional以支持未来可能的扩展场景
+                          （例如：实体无法分配到任何社区的情况）。
+                          调用方应检查返回值的真假性（truthiness）。
+        """
         neighbors = await self.repo.get_entity_neighbors(entity_id, end_user_id)
 
         # 查询自身 embedding（从邻居查询结果中无法获取，需单独查）
@@ -217,7 +262,7 @@ class LabelPropagationEngine:
             await self.repo.upsert_community(new_cid, end_user_id, member_count=1)
             await self.repo.assign_entity_to_community(entity_id, new_cid, end_user_id)
             logger.debug(f"[Clustering] 孤立实体 {entity_id} → 新社区 {new_cid}")
-            return
+            return new_cid
 
         # 统计邻居社区分布
         community_ids_in_neighbors = set(
@@ -239,7 +284,7 @@ class LabelPropagationEngine:
             logger.debug(
                 f"[Clustering] 新实体 {entity_id} 与 {len(neighbors)} 个无社区邻居 → 新社区 {new_cid}"
             )
-            await self._generate_community_metadata(new_cid, end_user_id)
+            return new_cid
         else:
             # 加入得票最多的社区
             await self.repo.assign_entity_to_community(entity_id, target_cid, end_user_id)
@@ -251,7 +296,8 @@ class LabelPropagationEngine:
                 await self._evaluate_merge(
                     list(community_ids_in_neighbors), end_user_id
                 )
-            await self._generate_community_metadata(target_cid, end_user_id)
+            # 返回目标社区ID，稍后批量生成元数据
+            return target_cid
 
     async def _evaluate_merge(
         self, community_ids: List[str], end_user_id: str
@@ -415,94 +461,223 @@ class LabelPropagationEngine:
         except Exception:
             return None
 
+    @staticmethod
+    def _build_entity_lines(members: List[Dict]) -> List[str]:
+        """将实体列表格式化为 prompt 行，包含 name、aliases、description、example。"""
+        lines = []
+        for m in members:
+            m_name = m.get("name", "")
+            aliases = m.get("aliases") or []
+            description = m.get("description") or ""
+            example = m.get("example") or ""
+            aliases_str = f"（别名：{'、'.join(aliases)}）" if aliases else ""
+            desc_str = f"：{description}" if description else ""
+            example_str = f"（示例：{example}）" if example else ""
+            lines.append(f"- {m_name}{aliases_str}{desc_str}{example_str}")
+        return lines
+
     async def _generate_community_metadata(
-        self, community_id: str, end_user_id: str
+        self, community_ids: List[str], end_user_id: str, force: bool = False
     ) -> None:
         """
-        为社区生成并写入元数据：名称、摘要、核心实体。
+        为一个或多个社区生成并写入元数据（优化版：批量 LLM 调用）。
 
-        - core_entities：按 activation_value 排序取 top-N 实体名称列表（无需 LLM）
-        - name / summary：若有 llm_model_id 则调用 LLM 生成，否则用实体名称拼接兜底
+        流程：
+        1. 批量准备所有社区的 prompt
+        2. 并发调用 LLM 生成所有社区的 name / summary
+        3. 批量 embed 所有 summary
+        4. 批量写入数据库
+
+        Args:
+            force: 为 True 时跳过完整性检查，强制重新生成（用于增量更新成员变化后）
         """
-        try:
-            # 先检查属性是否已完整，完整则跳过，避免重复生成
-            check_embedding = bool(self.embedding_model_id)
-            if await self.repo.is_community_complete(community_id, end_user_id, check_embedding=check_embedding):
-                logger.debug(f"[Clustering] 社区 {community_id} 属性已完整，跳过生成")
-                return
+        async def _prepare_one(cid: str) -> Optional[Dict]:
+            """准备单个社区的数据和 prompt"""
+            try:
+                if not force:
+                    check_embedding = bool(self.embedding_model_id)
+                    if await self.repo.is_community_complete(cid, end_user_id, check_embedding=check_embedding):
+                        return None
 
-            members = await self.repo.get_community_members(community_id, end_user_id)
-            if not members:
-                return
+                members = await self.repo.get_community_members(cid, end_user_id)
+                if not members:
+                    logger.warning(f"[Clustering] 社区 {cid} 无成员，跳过元数据生成")
+                    return None
 
-            # 核心实体：按 activation_value 降序取 top-N
-            sorted_members = sorted(
-                members,
-                key=lambda m: m.get("activation_value") or 0,
-                reverse=True,
-            )
-            core_entities = [m["name"] for m in sorted_members[:CORE_ENTITY_LIMIT] if m.get("name")]
-            all_names = [m["name"] for m in members if m.get("name")]
+                sorted_members = sorted(
+                    members,
+                    key=lambda m: m.get("activation_value") or 0,
+                    reverse=True,
+                )
+                core_entities = [m["name"] for m in sorted_members[:CORE_ENTITY_LIMIT] if m.get("name")]
+                all_names = [m["name"] for m in members if m.get("name")]
 
-            name = "、".join(core_entities[:3]) if core_entities else community_id[:8]
-            summary = f"包含实体：{', '.join(all_names)}"
+                # 默认值
+                name = "、".join(core_entities[:3]) if core_entities else cid[:8]
+                summary = f"包含实体：{', '.join(all_names)}"
 
-            # 若有 LLM 配置，调用 LLM 生成更好的名称和摘要
-            if self.llm_model_id:
-                try:
-                    from app.db import get_db_context
-                    from app.core.memory.utils.llm.llm_utils import MemoryClientFactory
-
-                    entity_list_str = "、".join(all_names)
+                # 准备 LLM prompt（如果配置了 LLM）
+                prompt = None
+                if self.llm_model_id:
+                    entity_list_str = "\n".join(self._build_entity_lines(members))
+                    relationships = await self.repo.get_community_relationships(cid, end_user_id)
+                    rel_lines = [
+                        f"- {r['subject']} → {r['predicate']} → {r['object']}"
+                        for r in relationships
+                        if r.get("subject") and r.get("predicate") and r.get("object")
+                    ]
+                    rel_section = (
+                        f"\n实体间关系：\n" + "\n".join(rel_lines)
+                        if rel_lines else ""
+                    )
                     prompt = (
-                        f"以下是一组语义相关的实体：{entity_list_str}\n\n"
+                        f"以下是一组语义相关的实体：\n{entity_list_str}{rel_section}\n\n"
                         f"请为这组实体所代表的主题：\n"
                         f"1. 起一个简洁的中文名称（不超过10个字）\n"
-                        f"2. 写一句话摘要（不超过50个字）\n\n"
+                        f"2. 写一句话摘要（不超过80个字）\n\n"
                         f"严格按以下格式输出，不要有其他内容：\n"
                         f"名称：<名称>\n摘要：<摘要>"
                     )
-                    with get_db_context() as db:
-                        factory = MemoryClientFactory(db)
-                        llm_client = factory.get_llm_client(self.llm_model_id)
-                        response = await llm_client.chat([{"role": "user", "content": prompt}])
-                        text = response.content if hasattr(response, "content") else str(response)
 
-                    for line in text.strip().splitlines():
-                        if line.startswith("名称："):
-                            name = line[3:].strip()
-                        elif line.startswith("摘要："):
-                            summary = line[3:].strip()
-                except Exception as e:
-                    logger.warning(f"[Clustering] LLM 生成社区元数据失败，使用兜底值: {e}")
+                return {
+                    "community_id": cid,
+                    "end_user_id": end_user_id,
+                    "name": name,
+                    "summary": summary,
+                    "core_entities": core_entities,
+                    "prompt": prompt,
+                    "summary_embedding": None,
+                }
+            except Exception as e:
+                logger.error(f"[Clustering] 社区 {cid} 元数据准备失败: {e}", exc_info=True)
+                return None
 
-            # 生成 summary_embedding
-            summary_embedding: Optional[List[float]] = None
-            if self.embedding_model_id and summary:
+        # --- 阶段1：并发准备所有社区数据 ---
+        results = await asyncio.gather(
+            *[_prepare_one(cid) for cid in community_ids],
+            return_exceptions=True,
+        )
+        metadata_list = []
+        for cid, res in zip(community_ids, results):
+            if isinstance(res, Exception):
+                logger.error(f"[Clustering] 社区 {cid} 元数据准备失败: {res}", exc_info=res)
+            elif res is not None:
+                metadata_list.append(res)
+
+        if not metadata_list:
+            logger.warning(f"[Clustering] 无有效元数据可写入，community_ids={community_ids}")
+            return
+
+        # --- 阶段2：批量调用 LLM 生成 name 和 summary ---
+        if self.llm_model_id:
+            llm_client = self._get_llm_client()
+            if not llm_client:
+                logger.warning(
+                    f"[Clustering] LLM 已配置（model_id={self.llm_model_id}）但客户端初始化失败，"
+                    f"将跳过社区元数据的 LLM 富化。请检查 model_id 是否正确或数据库连接是否正常。"
+                )
+            if llm_client:
+                prompts_to_process = [(i, m) for i, m in enumerate(metadata_list) if m.get("prompt")]
+                
+                if prompts_to_process:
+                    logger.info(f"[Clustering] 批量调用 LLM 生成 {len(prompts_to_process)} 个社区元数据")
+                    
+                    async def _call_llm(idx: int, meta: Dict) -> tuple:
+                        """单个 LLM 调用"""
+                        try:
+                            response = await llm_client.chat([{"role": "user", "content": meta["prompt"]}])
+                            text = response.content if hasattr(response, "content") else str(response)
+                            return (idx, text, None)
+                        except Exception as e:
+                            logger.warning(f"[Clustering] 社区 {meta['community_id']} LLM 生成失败: {e}")
+                            return (idx, None, e)
+                    
+                    # 并发调用所有 LLM 请求
+                    llm_results = await asyncio.gather(
+                        *[_call_llm(idx, meta) for idx, meta in prompts_to_process],
+                        return_exceptions=True
+                    )
+                    
+                    # 解析 LLM 响应
+                    for result in llm_results:
+                        if isinstance(result, Exception):
+                            continue
+                        idx, text, error = result
+                        if error or not text:
+                            continue
+                        
+                        meta = metadata_list[idx]
+                        for line in text.strip().splitlines():
+                            if line.startswith("名称："):
+                                meta["name"] = line[3:].strip()
+                            elif line.startswith("摘要："):
+                                meta["summary"] = line[3:].strip()
+                    
+                    logger.info(f"[Clustering] LLM 批量生成完成")
+
+        # --- 阶段3：批量生成 summary_embedding ---
+        if self.embedding_model_id:
+            embedder = self._get_embedder_client()
+            if not embedder:
+                logger.warning(
+                    f"[Clustering] Embedding 已配置（model_id={self.embedding_model_id}）但客户端初始化失败，"
+                    f"将跳过社区摘要的向量化。请检查 model_id 是否正确或数据库连接是否正常。"
+                )
+            if embedder:
                 try:
-                    from app.db import get_db_context
-                    from app.core.memory.utils.llm.llm_utils import MemoryClientFactory
-
-                    with get_db_context() as db:
-                        embedder = MemoryClientFactory(db).get_embedder_client(self.embedding_model_id)
-                        vectors = await embedder.response([summary])
-                        if vectors:
-                            summary_embedding = vectors[0]
+                    summaries = [m["summary"] for m in metadata_list]
+                    logger.info(f"[Clustering] 批量生成 {len(summaries)} 个 summary embedding")
+                    embeddings = await embedder.response(summaries)
+                    for i, meta in enumerate(metadata_list):
+                        meta["summary_embedding"] = embeddings[i] if i < len(embeddings) else None
+                    logger.info(f"[Clustering] Embedding 批量生成完成")
                 except Exception as e:
-                    logger.warning(f"[Clustering] 社区 {community_id} 生成 summary_embedding 失败: {e}")
+                    logger.error(f"[Clustering] 批量生成 summary_embedding 失败: {e}", exc_info=True)
 
-            await self.repo.update_community_metadata(
-                community_id=community_id,
-                end_user_id=end_user_id,
-                name=name,
-                summary=summary,
-                core_entities=core_entities,
-                summary_embedding=summary_embedding,
+        # --- 阶段4：批量写入数据库 ---
+        # 移除 prompt 字段（不需要存储）
+        for m in metadata_list:
+            m.pop("prompt", None)
+        
+        if len(metadata_list) == 1:
+            m = metadata_list[0]
+            result = await self.repo.update_community_metadata(
+                community_id=m["community_id"],
+                end_user_id=m["end_user_id"],
+                name=m["name"],
+                summary=m["summary"],
+                core_entities=m["core_entities"],
+                summary_embedding=m["summary_embedding"],
             )
-            logger.debug(f"[Clustering] 社区 {community_id} 元数据已更新: name={name}")
-        except Exception as e:
-            logger.error(f"[Clustering] _generate_community_metadata failed for {community_id}: {e}")
+            if not result:
+                logger.error(f"[Clustering] 社区 {m['community_id']} 元数据写入失败")
+        else:
+            ok = await self.repo.batch_update_community_metadata(metadata_list)
+            if not ok:
+                logger.error(f"[Clustering] 批量写入 {len(metadata_list)} 个社区元数据失败")
+            else:
+                logger.info(f"[Clustering] 批量写入 {len(metadata_list)} 个社区元数据成功")
+
+    def _get_llm_client(self):
+        """获取或创建 LLM 客户端（单例模式）"""
+        if self._llm_client is None and self.llm_model_id:
+            from app.db import get_db_context
+            from app.core.memory.utils.llm.llm_utils import MemoryClientFactory
+            with get_db_context() as db:
+                self._llm_client = MemoryClientFactory(db).get_llm_client(self.llm_model_id)
+            logger.info(f"[Clustering] LLM 客户端初始化完成（单例）: model_id={self.llm_model_id}")
+        return self._llm_client
+
+    def _get_embedder_client(self):
+        """获取或创建 Embedder 客户端（单例模式）"""
+        if self._embedder_client is None and self.embedding_model_id:
+            from app.db import get_db_context
+            from app.core.memory.utils.llm.llm_utils import MemoryClientFactory
+            with get_db_context() as db:
+                self._embedder_client = MemoryClientFactory(db).get_embedder_client(self.embedding_model_id)
+            logger.info(f"[Clustering] Embedder 客户端初始化完成（单例）: model_id={self.embedding_model_id}")
+        return self._embedder_client
 
     @staticmethod
     def _new_community_id() -> str:
-        return str(uuid.uuid4())
+        return str(uuid.uuid4())
\ No newline at end of file
diff --git a/api/app/core/memory/storage_services/extraction_engine/data_preprocessing/data_pruning.py b/api/app/core/memory/storage_services/extraction_engine/data_preprocessing/data_pruning.py
index 28f7d8e0..5390197a 100644
--- a/api/app/core/memory/storage_services/extraction_engine/data_preprocessing/data_pruning.py
+++ b/api/app/core/memory/storage_services/extraction_engine/data_preprocessing/data_pruning.py
@@ -9,6 +9,7 @@
 """
 
 import asyncio
+import logging
 import os
 import hashlib
 import json
@@ -20,13 +21,26 @@ from pydantic import BaseModel, Field
 
 from app.core.memory.models.message_models import DialogData, ConversationMessage, ConversationContext
 from app.core.memory.models.config_models import PruningConfig
-from app.core.memory.utils.config.config_utils import get_pruning_config
 from app.core.memory.utils.prompt.prompt_utils import prompt_env, log_prompt_rendering, log_template_rendering
 from app.core.memory.storage_services.extraction_engine.data_preprocessing.scene_config import (
     SceneConfigRegistry,
     ScenePatterns
 )
 
+logger = logging.getLogger(__name__)
+
+
+def message_has_files(message: "ConversationMessage") -> bool:
+    """检查消息是否包含文件。
+    
+    Args:
+        message: 待检查的消息对象
+        
+    Returns:
+        bool: 如果消息包含文件则返回 True，否则返回 False
+    """
+    return message.files and len(message.files) > 0
+
 
 class DialogExtractionResponse(BaseModel):
     """对话级一次性抽取的结构化返回，用于加速剪枝。
@@ -34,6 +48,8 @@ class DialogExtractionResponse(BaseModel):
     - is_related：对话与场景的相关性判定。
     - times / ids / amounts / contacts / addresses / keywords：重要信息片段，用来在不相关对话中保留关键消息。
     - preserve_keywords：情绪/兴趣/爱好/个人观点相关词，包含这些词的消息必须强制保留。
+    - scene_unrelated_snippets：与当前场景无关且无语义关联的消息片段（原文截取），
+      用于高阈值阶段精准删除跨场景内容。
     """
     is_related: bool = Field(...)
     times: List[str] = Field(default_factory=list)
@@ -43,6 +59,7 @@ class DialogExtractionResponse(BaseModel):
     addresses: List[str] = Field(default_factory=list)
     keywords: List[str] = Field(default_factory=list)
     preserve_keywords: List[str] = Field(default_factory=list, description="情绪/兴趣/爱好/个人观点相关词，包含这些词的消息强制保留")
+    scene_unrelated_snippets: List[str] = Field(default_factory=list,description="与当前场景无关且无语义关联的消息原文片段，高阈值阶段用于精准删除跨场景内容")
 
 
 class MessageImportanceResponse(BaseModel):
@@ -91,12 +108,14 @@ class SemanticPruner:
         # 加载统一填充词库
         self.scene_config: ScenePatterns = SceneConfigRegistry.get_config(self.config.pruning_scene)
         
-        # 本体类型列表（用于注入提示词，所有场景均支持）
-        self._ontology_classes = getattr(self.config, "ontology_classes", None) or []
+        # 本体类型列表：直接使用 ontology_class_infos（name + description）
+        self._ontology_class_infos = getattr(self.config, "ontology_class_infos", None) or []
+        # _ontology_classes 仅用于日志统计
+        self._ontology_classes = [info.class_name for info in self._ontology_class_infos]
         
         self._log(f"[剪枝-初始化] 场景={self.config.pruning_scene}")
-        if self._ontology_classes:
-            self._log(f"[剪枝-初始化] 注入本体类型: {self._ontology_classes}")
+        if self._ontology_class_infos:
+            self._log(f"[剪枝-初始化] 注入本体类型({len(self._ontology_class_infos)}个): {self._ontology_classes}")
         else:
             self._log(f"[剪枝-初始化] 未找到本体类型，将使用通用提示词")
         
@@ -121,7 +140,8 @@ class SemanticPruner:
         1. 空消息
         2. 场景特定填充词库精确匹配
         3. 常见寒暄精确匹配
-        4. 纯表情/标点
+        4. 组合寒暄模式（前缀 + 后缀组合，如"好的谢谢"、"同学你好"、"明白了"）
+        5. 纯表情/标点
         """
         t = message.msg.strip()
         if not t:
@@ -143,6 +163,55 @@ class SemanticPruner:
         if t in common_greetings:
             return True
 
+        # 组合寒暄模式：短消息（≤15字）且完全由寒暄成分构成
+        # 策略：将消息拆分后，每个片段都能在填充词库或常见寒暄中找到，则整体为填充
+        if len(t) <= 15:
+            # 确认+称呼/感谢组合，如"好的谢谢"、"明白了"、"知道了谢谢"
+            _confirm_prefixes = {"好的", "好", "嗯", "嗯嗯", "哦", "明白", "明白了", "知道了", "了解", "收到", "没问题"}
+            _thanks_suffixes = {"谢谢", "谢谢你", "谢谢您", "多谢", "感谢", "谢了"}
+            _greeting_suffixes = {"你好", "您好", "老师好", "同学好", "大家好"}
+            _greeting_prefixes = {"同学", "老师", "您好", "你好"}
+            _close_patterns = {
+                "没有了", "没事了", "没问题了", "好了", "行了", "可以了",
+                "不用了", "不需要了", "就这样", "就这样吧", "那就这样",
+            }
+            _polite_responses = {
+                "不客气", "不用谢", "没关系", "没事", "应该的", "这是我应该做的",
+            }
+
+            # 规则1：确认词 + 感谢词（如"好的谢谢"、"嗯谢谢"）
+            for cp in _confirm_prefixes:
+                for ts in _thanks_suffixes:
+                    if t == cp + ts or t == cp + "，" + ts or t == cp + "," + ts:
+                        return True
+
+            # 规则2：称呼前缀 + 问候（如"同学你好"、"老师好"）
+            for gp in _greeting_prefixes:
+                for gs in _greeting_suffixes:
+                    if t == gp + gs or t.startswith(gp) and t.endswith("好"):
+                        return True
+
+            # 规则3：结束语 + 感谢（如"没有了，谢谢老师"、"没有了谢谢"）
+            for cp in _close_patterns:
+                if t.startswith(cp):
+                    remainder = t[len(cp):].lstrip("，,、 ")
+                    if not remainder or any(remainder.startswith(ts) for ts in _thanks_suffixes):
+                        return True
+
+            # 规则4：礼貌回应（如"不客气，祝你考试顺利"——前缀是礼貌词，后半是祝福套话）
+            for pr in _polite_responses:
+                if t.startswith(pr):
+                    remainder = t[len(pr):].lstrip("，,、 ")
+                    # 后半是祝福/套话（不含实质信息）
+                    if not remainder or re.match(r"^(祝|希望|期待|加油|顺利|好好|保重)", remainder):
+                        return True
+
+            # 规则5：纯确认词加"了"后缀（如"明白了"、"知道了"、"好了"）
+            _confirm_base = {"明白", "知道", "了解", "收到", "好", "行", "可以", "没问题"}
+            for cb in _confirm_base:
+                if t == cb + "了" or t == cb + "了。" or t == cb + "了！":
+                    return True
+
         # 检查是否为纯表情符号（方括号包裹）
         if re.fullmatch(r"(\[[^\]]+\])+", t):
             return True
@@ -331,13 +400,13 @@ class SemanticPruner:
 
         rendered = self.template.render(
             pruning_scene=self.config.pruning_scene,
-            ontology_classes=self._ontology_classes,
+            ontology_class_infos=self._ontology_class_infos,
             dialog_text=dialog_text,
             language=self.language
         )
         log_template_rendering("extracat_Pruning.jinja2", {
             "pruning_scene": self.config.pruning_scene,
-            "ontology_classes_count": len(self._ontology_classes),
+            "ontology_class_infos_count": len(self._ontology_class_infos),
             "language": self.language
         })
         log_prompt_rendering("pruning-extract", rendered)
@@ -377,6 +446,193 @@ class SemanticPruner:
                     )
                     return fallback_response
 
+    def _get_pruning_mode(self) -> str:
+        """根据 pruning_threshold 返回当前剪枝阶段。
+
+        - 低阈值 [0.0, 0.3)：conservative  只删填充，保留所有实质内容
+        - 中阈值 [0.3, 0.6)：semantic      保留场景相关 + 有语义关联的内容，删除无关联内容
+        - 高阈值 [0.6, 0.9]：strict        只保留场景相关内容，跨场景内容可被删除
+        """
+        t = float(self.config.pruning_threshold)
+        if t < 0.3:
+            return "conservative"
+        elif t < 0.6:
+            return "semantic"
+        else:
+            return "strict"
+
+    def _apply_related_dialog_pruning(
+        self,
+        msgs: List[ConversationMessage],
+        extraction: "DialogExtractionResponse",
+        dialog_label: str,
+        pruning_mode: str,
+    ) -> List[ConversationMessage]:
+        """相关对话统一剪枝入口，消除 prune_dialog / prune_dataset 中的重复逻辑。
+
+        - conservative：只删填充
+        - semantic / strict：场景感知剪枝
+        """
+        if pruning_mode == "conservative":
+            preserve_tokens = self._build_preserve_tokens(extraction)
+            return self._prune_fillers_only(msgs, preserve_tokens, dialog_label)
+        else:
+            return self._prune_with_scene_filter(msgs, extraction, dialog_label, pruning_mode)
+
+    def _prune_fillers_only(
+        self,
+        msgs: List[ConversationMessage],
+        preserve_tokens: List[str],
+        dialog_label: str,
+    ) -> List[ConversationMessage]:
+        """相关对话专用：只删填充消息，LLM 保护消息和实质内容一律保留。
+
+        不受 pruning_threshold 约束，删多少算多少（填充有多少删多少）。
+        至少保留 1 条消息。
+        注意：填充检测优先于 preserve_tokens 保护——填充消息本身无信息价值，
+        即使 LLM 误将其关键词放入 preserve_tokens 也应删除。
+        """
+        to_delete_ids: set = set()
+        for m in msgs:
+            # 最高优先级保护：带有文件的消息一律保留，不参与任何剪枝判断
+            if message_has_files(m):
+                self._log(f"  [保护] 带文件的消息（不参与剪枝）：'{m.msg[:40]}'，文件数={len(m.files)}")
+                continue
+                
+            # 填充检测优先：先判断是否为填充，再看 LLM 保护
+            if self._is_filler_message(m):
+                to_delete_ids.add(id(m))
+                self._log(f"  [填充] '{m.msg[:40]}' → 删除")
+                continue
+            if self._msg_matches_tokens(m, preserve_tokens):
+                self._log(f"  [保护] '{m.msg[:40]}' → LLM保护，跳过")
+
+        kept = [m for m in msgs if id(m) not in to_delete_ids]
+        if not kept and msgs:
+            kept = [msgs[0]]
+
+        deleted = len(msgs) - len(kept)
+        self._log(
+            f"[剪枝-相关] {dialog_label} 总消息={len(msgs)} "
+            f"填充删除={deleted} 保留={len(kept)}"
+        )
+        return kept
+
+    def _prune_with_scene_filter(
+        self,
+        msgs: List[ConversationMessage],
+        extraction: "DialogExtractionResponse",
+        dialog_label: str,
+        mode: str,
+    ) -> List[ConversationMessage]:
+        """场景感知剪枝，供 semantic / strict 两个阈值档位调用。
+
+        本函数体现剪枝系统的三层递进逻辑：
+
+        第一层（conservative，阈值 < 0.3）：
+            不进入本函数，由 _prune_fillers_only 处理。
+            保留标准：只问"有没有信息量"，填充消息（嗯/好的/哈哈等）删除，其余一律保留。
+
+        第二层（semantic，阈值 [0.3, 0.6)）：
+            保留标准：内容价值优先，场景相关性是参考而非唯一标准。
+            - 填充消息 → 删除（最高优先级）
+            - 场景相关消息 → 保留
+            - 场景无关消息 → 有两次豁免机会：
+                1. 命中 scene_preserve_tokens（LLM 标记的关键词/时间/金额等）→ 保留
+                2. 含情感词（感觉/压力/开心等）→ 保留（情感内容有记忆价值）
+                3. 两次豁免均未命中 → 删除
+
+        第三层（strict，阈值 [0.6, 0.9]）：
+            保留标准：场景相关性优先，无任何豁免。
+            - 填充消息 → 删除（最高优先级）
+            - 场景相关消息 → 保留
+            - 场景无关消息 → 直接删除，preserve_keywords 和情感词在此模式下均不生效
+
+        至少保留 1 条消息（兜底取第一条）。
+        """
+        # strict 模式收窄保护范围：只保护结构化关键信息（时间/编号/金额/联系方式/地址），
+        # 不保护 keywords / preserve_keywords，让场景过滤能删掉更多内容。
+        # semantic 模式完整保护：包含 LLM 抽取的所有重要片段（含 keywords 和 preserve_keywords）。
+        if mode == "strict":
+            scene_preserve_tokens = (
+                extraction.times + extraction.ids + extraction.amounts +
+                extraction.contacts + extraction.addresses
+            )
+        else:
+            scene_preserve_tokens = self._build_preserve_tokens(extraction)
+
+        unrelated_snippets = extraction.scene_unrelated_snippets or []
+
+        to_delete_ids: set = set()
+        for m in msgs:
+            msg_text = m.msg.strip()
+            
+            # 最高优先级保护：带有文件的消息一律保留，不参与任何剪枝判断
+            if message_has_files(m):
+                self._log(f"  [保护] 带文件的消息（不参与剪枝）：'{msg_text[:40]}'，文件数={len(m.files)}")
+                continue
+
+            # 第一优先级：填充消息无论模式直接删除，不参与后续场景判断
+            if self._is_filler_message(m):
+                to_delete_ids.add(id(m))
+                self._log(f"  [填充] '{msg_text[:40]}' → 删除")
+                continue
+
+            # 双向包含匹配：处理 LLM 返回片段与原始消息文本长度不完全一致的情况
+            is_scene_unrelated = any(
+                snip and (snip in msg_text or msg_text in snip)
+                for snip in unrelated_snippets
+            )
+
+            if is_scene_unrelated:
+                if mode == "strict":
+                    # strict：场景无关直接删除，不做任何豁免
+                    # 场景相关性是唯一裁决标准，preserve_keywords 在此模式下不生效
+                    to_delete_ids.add(id(m))
+                    self._log(f"  [场景无关-严格] '{msg_text[:40]}' → 删除")
+                elif mode == "semantic":
+                    # semantic：场景无关但有内容价值 → 保留
+                    # 豁免第一层：命中 scene_preserve_tokens（关键词/结构化信息保护）
+                    if self._msg_matches_tokens(m, scene_preserve_tokens):
+                        self._log(f"  [保护] '{msg_text[:40]}' → 场景关键词保护，保留")
+                    else:
+                        # 豁免第二层：含情感词，认为有情境记忆价值，即使场景无关也保留
+                        has_contextual_emotion = any(
+                            word in msg_text
+                            for word in ["感觉", "觉得", "心情", "开心", "难过", "高兴", "沮丧",
+                                         "喜欢", "讨厌", "爱", "恨", "担心", "害怕", "兴奋",
+                                         "压力", "累", "疲惫", "烦", "焦虑", "委屈", "感动"]
+                        )
+                        if not has_contextual_emotion:
+                            to_delete_ids.add(id(m))
+                            self._log(f"  [场景无关-语义] '{msg_text[:40]}' → 删除（无情感关联）")
+                        else:
+                            self._log(f"  [场景关联-保留] '{msg_text[:40]}' → 有情感关联，保留")
+            else:
+                # 不在 scene_unrelated_snippets 中 → 场景相关，直接保留
+                if self._msg_matches_tokens(m, scene_preserve_tokens):
+                    self._log(f"  [保护] '{msg_text[:40]}' → LLM保护，跳过")
+                # else: 普通场景相关消息，保留，不输出日志
+
+        kept = [m for m in msgs if id(m) not in to_delete_ids]
+        if not kept and msgs:
+            kept = [msgs[0]]
+
+        deleted = len(msgs) - len(kept)
+        self._log(
+            f"[剪枝-{mode}] {dialog_label} 总消息={len(msgs)} "
+            f"删除={deleted} 保留={len(kept)}"
+        )
+        return kept
+
+    def _build_preserve_tokens(self, extraction: "DialogExtractionResponse") -> List[str]:
+        """统一构建 preserve_tokens，合并 LLM 抽取的所有重要片段。"""
+        return (
+            extraction.times + extraction.ids + extraction.amounts +
+            extraction.contacts + extraction.addresses + extraction.keywords +
+            extraction.preserve_keywords
+        )
+
     def _msg_matches_tokens(self, message: ConversationMessage, tokens: List[str]) -> bool:
         """判断消息是否包含任意抽取到的重要片段。"""
         if not tokens:
@@ -397,16 +653,18 @@ class SemanticPruner:
 
         proportion = float(self.config.pruning_threshold)
         extraction = await self._extract_dialog_important(dialog.content)
+        pruning_mode = self._get_pruning_mode()
+        self._log(f"[剪枝-模式] 阈值={proportion} → 模式={pruning_mode}")
+
         if extraction.is_related:
-            # 相关对话不剪枝
+            kept = self._apply_related_dialog_pruning(
+                dialog.context.msgs, extraction, f"对话ID={dialog.id}", pruning_mode
+            )
+            dialog.context = ConversationContext(msgs=kept)
             return dialog
 
         # 在不相关对话中，LLM 已通过 preserve_tokens 标记需要保护的内容
-        preserve_tokens = (
-            extraction.times + extraction.ids + extraction.amounts +
-            extraction.contacts + extraction.addresses + extraction.keywords +
-            extraction.preserve_keywords
-        )
+        preserve_tokens = self._build_preserve_tokens(extraction)
         msgs = dialog.context.msgs
 
         # 分类：填充 / 其他可删（LLM保护消息通过不加入任何桶来隐式保护）
@@ -473,7 +731,7 @@ class SemanticPruner:
         # 阈值保护：最高0.9
         proportion = float(self.config.pruning_threshold)
         if proportion > 0.9:
-            print(f"[剪枝-数据集] 阈值{proportion}超过上限0.9，已自动调整为0.9")
+            logger.warning(f"[剪枝-数据集] 阈值{proportion}超过上限0.9，已自动调整为0.9")
             proportion = 0.9
         if proportion < 0.0:
             proportion = 0.0
@@ -481,11 +739,30 @@ class SemanticPruner:
         self._log(
             f"[剪枝-数据集] 对话总数={len(dialogs)} 场景={self.config.pruning_scene} 删除比例={proportion} 开关={self.config.pruning_switch} 模式=消息级独立判断"
         )
-        
+
+        pruning_mode = self._get_pruning_mode()
+        self._log(f"[剪枝-数据集] 阈值={proportion} → 剪枝阶段={pruning_mode}")
+
         result: List[DialogData] = []
         total_original_msgs = 0
         total_deleted_msgs = 0
 
+        # 统计对象：直接收集结构化数据，无需事后正则解析
+        stats = {
+            "scene": self.config.pruning_scene,
+            "dialog_total": len(dialogs),
+            "deletion_ratio": proportion,
+            "enabled": self.config.pruning_switch,
+            "pruning_mode": pruning_mode,
+            "related_count": 0,
+            "unrelated_count": 0,
+            "related_indices": [],
+            "unrelated_indices": [],
+            "total_deleted_messages": 0,
+            "remaining_dialogs": 0,
+            "dialogs": [],
+        }
+
         # 并发执行所有对话的 LLM 抽取（获取 preserve_keywords 等保护信息）
         semaphore = asyncio.Semaphore(self.max_concurrent)
 
@@ -505,12 +782,31 @@ class SemanticPruner:
             original_count = len(msgs)
             total_original_msgs += original_count
 
+            # 相关对话：根据阶段决定处理力度
+            if extraction.is_related:
+                stats["related_count"] += 1
+                stats["related_indices"].append(d_idx + 1)
+                kept = self._apply_related_dialog_pruning(
+                    msgs, extraction, f"对话 {d_idx+1}", pruning_mode
+                )
+                deleted_count = original_count - len(kept)
+                total_deleted_msgs += deleted_count
+                dd.context.msgs = kept
+                result.append(dd)
+                stats["dialogs"].append({
+                    "index": d_idx + 1,
+                    "is_related": True,
+                    "total_messages": original_count,
+                    "deleted": deleted_count,
+                    "kept": len(kept),
+                })
+                continue
+
+            stats["unrelated_count"] += 1
+            stats["unrelated_indices"].append(d_idx + 1)
+
             # 从 LLM 抽取结果中获取所有需要保留的 token
-            preserve_tokens = (
-                extraction.times + extraction.ids + extraction.amounts +
-                extraction.contacts + extraction.addresses + extraction.keywords +
-                extraction.preserve_keywords  # 情绪/兴趣/爱好关键词
-            )
+            preserve_tokens = self._build_preserve_tokens(extraction)
 
             # 判断是否需要详细日志
             should_log_details = self._detailed_prune_logging and original_count <= self._max_debug_msgs_per_dialog
@@ -527,6 +823,12 @@ class SemanticPruner:
 
             for idx, m in enumerate(msgs):
                 msg_text = m.msg.strip()
+                
+                # 最高优先级保护：带有文件的消息一律保留，不参与分类
+                if message_has_files(m):
+                    self._log(f"  [保护] 带文件的消息（不参与分类，直接保留）：索引{idx}, '{msg_text[:40]}', 文件数={len(m.files)}")
+                    llm_protected_msgs.append((idx, m))  # 放入保护列表
+                    continue
 
                 if self._msg_matches_tokens(m, preserve_tokens):
                     llm_protected_msgs.append((idx, m))
@@ -543,16 +845,16 @@ class SemanticPruner:
 
             # important_msgs 仅用于日志统计
             important_msgs = llm_protected_msgs
-            
+
             # 计算删除配额
             delete_target = int(original_count * proportion)
             if proportion > 0 and original_count > 0 and delete_target == 0:
                 delete_target = 1
-            
+
             # 确保至少保留1条消息
             max_deletable = max(0, original_count - 1)
             delete_target = min(delete_target, max_deletable)
-            
+
             # 删除策略：优先删填充消息，再按出现顺序删其余可删消息
             to_delete_indices = set()
             deleted_details = []
@@ -570,58 +872,73 @@ class SemanticPruner:
                     break
                 to_delete_indices.add(idx)
                 deleted_details.append(f"[{idx}] 可删: '{msg.msg[:50]}'")
-            
+
             # 执行删除
             kept_msgs = []
             for idx, m in enumerate(msgs):
                 if idx not in to_delete_indices:
                     kept_msgs.append(m)
-            
+
             # 确保至少保留1条
             if not kept_msgs and msgs:
                 kept_msgs = [msgs[0]]
-            
+
             dd.context.msgs = kept_msgs
             deleted_count = original_count - len(kept_msgs)
             total_deleted_msgs += deleted_count
-            
+
             # 输出删除详情
             if deleted_details:
                 self._log(f"[剪枝-删除详情] 对话 {d_idx+1} 删除了以下消息:")
                 for detail in deleted_details:
                     self._log(f"  {detail}")
-            
+
             # ========== 问答对统计（已注释） ==========
             # qa_info = f"，问答对={len(qa_pairs)}" if qa_pairs else ""
             # ========================================
-            
+
             self._log(
                 f"[剪枝-对话] 对话 {d_idx+1} 总消息={original_count} "
                 f"(保护={len(important_msgs)} 填充={len(filler_msgs)} 可删={len(deletable_msgs)}) "
                 f"删除={deleted_count} 保留={len(kept_msgs)}"
             )
-            
-            result.append(dd)
-        
-        self._log(f"[剪枝-数据集] 剩余对话数={len(result)}")
 
-        # 保存日志
+            stats["dialogs"].append({
+                "index": d_idx + 1,
+                "is_related": False,
+                "total_messages": original_count,
+                "protected": len(important_msgs),
+                "fillers": len(filler_msgs),
+                "deletable": len(deletable_msgs),
+                "deleted": deleted_count,
+                "kept": len(kept_msgs),
+            })
+
+            result.append(dd)
+
+        # 补全统计对象
+        stats["total_deleted_messages"] = total_deleted_msgs
+        stats["remaining_dialogs"] = len(result)
+
+        self._log(f"[剪枝-数据集] 剩余对话数={len(result)}")
+        self._log(f"[剪枝-数据集] 相关对话数={stats['related_count']} 不相关对话数={stats['unrelated_count']}")
+        self._log(f"[剪枝-数据集] 总删除 {total_deleted_msgs} 条")
+
+        # 直接序列化统计对象，无需正则解析
         try:
             from app.core.config import settings
             settings.ensure_memory_output_dir()
             log_output_path = settings.get_memory_output_path("pruned_terminal.json")
-            sanitized_logs = [self._sanitize_log_line(l) for l in self.run_logs]
-            payload = self._parse_logs_to_structured(sanitized_logs)
             with open(log_output_path, "w", encoding="utf-8") as f:
-                json.dump(payload, f, ensure_ascii=False, indent=2)
+                json.dump(stats, f, ensure_ascii=False, indent=2)
         except Exception as e:
             self._log(f"[剪枝-数据集] 保存终端输出日志失败：{e}")
 
         # Safety: avoid empty dataset
         if not result:
-            print("警告: 语义剪枝后数据集为空，已回退为未剪枝数据以避免流程中断")
+            logger.warning("语义剪枝后数据集为空，已回退为未剪枝数据以避免流程中断")
             return dialogs
-        
+
         return result
 
     def _log(self, msg: str) -> None:
@@ -629,118 +946,7 @@ class SemanticPruner:
         try:
             self.run_logs.append(msg)
         except Exception:
-            # 任何异常都不影响打印
             pass
-        print(msg)
+        logger.debug(msg)
 
-    def _sanitize_log_line(self, line: str) -> str:
-        """移除行首的方括号标签前缀，例如 [剪枝-数据集] 或 [剪枝-对话]。"""
-        try:
-            return re.sub(r"^\[[^\]]+\]\s*", "", line)
-        except Exception:
-            return line
 
-    def _parse_logs_to_structured(self, logs: List[str]) -> dict:
-        """将已去前缀的日志列表解析为结构化 JSON，便于数据对接。"""
-        summary = {
-            "scene": self.config.pruning_scene,
-            "dialog_total": None,
-            "deletion_ratio": None,
-            "enabled": None,
-            "related_count": None,
-            "unrelated_count": None,
-            "related_indices": [],
-            "unrelated_indices": [],
-            "total_deleted_messages": None,
-            "remaining_dialogs": None,
-        }
-        dialogs = []
-
-        # 解析函数
-        def parse_int(value: str) -> Optional[int]:
-            try:
-                return int(value)
-            except Exception:
-                return None
-
-        def parse_float(value: str) -> Optional[float]:
-            try:
-                return float(value)
-            except Exception:
-                return None
-
-        def parse_indices(s: str) -> List[int]:
-            s = s.strip()
-            if not s:
-                return []
-            parts = [p.strip() for p in s.split(",") if p.strip()]
-            out: List[int] = []
-            for p in parts:
-                try:
-                    out.append(int(p))
-                except Exception:
-                    pass
-            return out
-
-        # 正则
-        re_header = re.compile(r"对话总数=(\d+)\s+场景=([^\s]+)\s+删除比例=([0-9.]+)\s+开关=(True|False)")
-        re_counts = re.compile(r"相关对话数=(\d+)\s+不相关对话数=(\d+)")
-        re_indices = re.compile(r"相关对话：第\[(.*?)\]段；不相关对话：第\[(.*?)\]段")
-        re_dialog = re.compile(r"对话\s+(\d+)\s+总消息=(\d+)\s+分配删除=(\d+)\s+实删=(\d+)\s+保留=(\d+)")
-        re_total_del = re.compile(r"总删除\s+(\d+)\s+条")
-        re_remaining = re.compile(r"剩余对话数=(\d+)")
-
-        for line in logs:
-            # 第一行：总览
-            m = re_header.search(line)
-            if m:
-                summary["dialog_total"] = parse_int(m.group(1))
-                # 顶层 scene 依配置，这里不覆盖，但也可校验 m.group(2)
-                summary["deletion_ratio"] = parse_float(m.group(3))
-                summary["enabled"] = True if m.group(4) == "True" else False
-                continue
-
-            # 第二行：相关/不相关数量
-            m = re_counts.search(line)
-            if m:
-                summary["related_count"] = parse_int(m.group(1))
-                summary["unrelated_count"] = parse_int(m.group(2))
-                continue
-
-            # 第三行：相关/不相关索引
-            m = re_indices.search(line)
-            if m:
-                summary["related_indices"] = parse_indices(m.group(1))
-                summary["unrelated_indices"] = parse_indices(m.group(2))
-                continue
-
-            # 对话级统计
-            m = re_dialog.search(line)
-            if m:
-                dialogs.append({
-                    "index": parse_int(m.group(1)),
-                    "total_messages": parse_int(m.group(2)),
-                    "quota_delete": parse_int(m.group(3)),
-                    "actual_deleted": parse_int(m.group(4)),
-                    "kept": parse_int(m.group(5)),
-                })
-                continue
-
-            # 全局删除总数
-            m = re_total_del.search(line)
-            if m:
-                summary["total_deleted_messages"] = parse_int(m.group(1))
-                continue
-
-            # 剩余对话数
-            m = re_remaining.search(line)
-            if m:
-                summary["remaining_dialogs"] = parse_int(m.group(1))
-                continue
-
-        return {
-            "scene": summary["scene"],
-            "timestamp": datetime.now().isoformat(),
-            "summary": {k: v for k, v in summary.items() if k != "scene"},
-            "dialogs": dialogs,
-        }
diff --git a/api/app/core/memory/storage_services/extraction_engine/deduplication/deduped_and_disamb.py b/api/app/core/memory/storage_services/extraction_engine/deduplication/deduped_and_disamb.py
index f2f14d9e..622f6e05 100644
--- a/api/app/core/memory/storage_services/extraction_engine/deduplication/deduped_and_disamb.py
+++ b/api/app/core/memory/storage_services/extraction_engine/deduplication/deduped_and_disamb.py
@@ -203,6 +203,7 @@ def accurate_match(
 ) -> Tuple[List[ExtractedEntityNode], Dict[str, str], Dict[str, Dict]]:
     """
     精确匹配：按 (end_user_id, name, entity_type) 合并实体并建立重定向与合并记录。
+    同时检测某实体的 name 是否命中另一实体的 aliases，若命中则直接合并。
     返回: (deduped_entities, id_redirect, exact_merge_map)
     """
     exact_merge_map: Dict[str, Dict] = {}
@@ -240,6 +241,48 @@ def accurate_match(
             pass
 
     deduped_entities = list(canonical_map.values())
+
+    # 2) 第二轮：检测某实体的 name 是否命中另一实体的 aliases（alias-to-name 精确合并）
+    #    场景：LLM 把 aliases 中的词（如"齐齐"）又单独抽取为独立实体，需在此阶段合并掉
+    #    优化：先构建 (end_user_id, alias_lower) -> canonical 的反向索引，查找 O(1)
+    alias_index: Dict[tuple, ExtractedEntityNode] = {}
+    for canonical in deduped_entities:
+        uid = getattr(canonical, "end_user_id", None)
+        for alias in (getattr(canonical, "aliases", []) or []):
+            alias_lower = alias.strip().lower()
+            if alias_lower:
+                alias_index[(uid, alias_lower)] = canonical
+
+    i = 0
+    while i < len(deduped_entities):
+        ent = deduped_entities[i]
+        ent_name = (getattr(ent, "name", "") or "").strip().lower()
+        ent_uid = getattr(ent, "end_user_id", None)
+        canonical = alias_index.get((ent_uid, ent_name))
+        # 确保不是自身
+        if canonical is not None and canonical.id != ent.id:
+            _merge_attribute(canonical, ent)
+            id_redirect[ent.id] = canonical.id
+            for k, v in list(id_redirect.items()):
+                if v == ent.id:
+                    id_redirect[k] = canonical.id
+            try:
+                k = f"{canonical.end_user_id}|{(canonical.name or '').strip()}|{(canonical.entity_type or '').strip()}"
+                if k not in exact_merge_map:
+                    exact_merge_map[k] = {
+                        "canonical_id": canonical.id,
+                        "end_user_id": canonical.end_user_id,
+                        "name": canonical.name,
+                        "entity_type": canonical.entity_type,
+                        "merged_ids": set(),
+                    }
+                exact_merge_map[k]["merged_ids"].add(ent.id)
+            except Exception:
+                pass
+            deduped_entities.pop(i)
+        else:
+            i += 1
+
     return deduped_entities, id_redirect, exact_merge_map
 
 def fuzzy_match(
diff --git a/api/app/core/memory/storage_services/extraction_engine/deduplication/two_stage_dedup.py b/api/app/core/memory/storage_services/extraction_engine/deduplication/two_stage_dedup.py
index f28b8a5f..4b9c5718 100644
--- a/api/app/core/memory/storage_services/extraction_engine/deduplication/two_stage_dedup.py
+++ b/api/app/core/memory/storage_services/extraction_engine/deduplication/two_stage_dedup.py
@@ -25,17 +25,17 @@ from app.repositories.neo4j.neo4j_connector import Neo4jConnector
 
 
 async def dedup_layers_and_merge_and_return(
-    dialogue_nodes: List[DialogueNode],
-    chunk_nodes: List[ChunkNode],
-    statement_nodes: List[StatementNode],
-    entity_nodes: List[ExtractedEntityNode],
-    statement_chunk_edges: List[StatementChunkEdge],
-    statement_entity_edges: List[StatementEntityEdge],
-    entity_entity_edges: List[EntityEntityEdge],
-    dialog_data_list: List[DialogData],
-    pipeline_config: ExtractionPipelineConfig,
-    connector: Optional[Neo4jConnector] = None,
-    llm_client = None,
+        dialogue_nodes: List[DialogueNode],
+        chunk_nodes: List[ChunkNode],
+        statement_nodes: List[StatementNode],
+        entity_nodes: List[ExtractedEntityNode],
+        statement_chunk_edges: List[StatementChunkEdge],
+        statement_entity_edges: List[StatementEntityEdge],
+        entity_entity_edges: List[EntityEntityEdge],
+        dialog_data_list: List[DialogData],
+        pipeline_config: ExtractionPipelineConfig,
+        connector: Optional[Neo4jConnector] = None,
+        llm_client=None,
 ) -> Tuple[
     List[DialogueNode],
     List[ChunkNode],
@@ -44,7 +44,7 @@ async def dedup_layers_and_merge_and_return(
     List[StatementChunkEdge],
     List[StatementEntityEdge],
     List[EntityEntityEdge],
-    dict,  # 新增：返回去重详情
+    dict
 ]:
     """
     执行两层实体去重与融合：
diff --git a/api/app/core/memory/storage_services/extraction_engine/extraction_orchestrator.py b/api/app/core/memory/storage_services/extraction_engine/extraction_orchestrator.py
index 1242e4e6..b20112a2 100644
--- a/api/app/core/memory/storage_services/extraction_engine/extraction_orchestrator.py
+++ b/api/app/core/memory/storage_services/extraction_engine/extraction_orchestrator.py
@@ -19,6 +19,7 @@
 import asyncio
 import logging
 import os
+import uuid
 from datetime import datetime
 from typing import Any, Awaitable, Callable, Dict, List, Optional, Tuple
 
@@ -32,10 +33,11 @@ from app.core.memory.models.graph_models import (
     StatementChunkEdge,
     StatementEntityEdge,
     StatementNode,
+    PerceptualEdge,
+    PerceptualNode
 )
 from app.core.memory.models.message_models import DialogData
 from app.core.memory.models.ontology_extraction_models import OntologyTypeList
-from app.core.memory.models.ontology_extraction_models import OntologyTypeList
 from app.core.memory.models.variate_config import (
     ExtractionPipelineConfig,
 )
@@ -46,7 +48,6 @@ from app.core.memory.storage_services.extraction_engine.knowledge_extraction.emb
     embedding_generation,
     generate_entity_embeddings_from_triplets,
 )
-
 # 导入各个提取模块
 from app.core.memory.storage_services.extraction_engine.knowledge_extraction.statement_extraction import (
     StatementExtractor,
@@ -62,6 +63,10 @@ from app.core.memory.storage_services.extraction_engine.pipeline_help import (
     export_test_input_doc,
 )
 from app.core.memory.utils.data.ontology import TemporalInfo
+from app.db import get_db_context
+from app.models.end_user_info_model import EndUserInfo
+from app.repositories.end_user_info_repository import EndUserInfoRepository
+from app.repositories.end_user_repository import EndUserRepository
 from app.repositories.neo4j.neo4j_connector import Neo4jConnector
 
 # 配置日志
@@ -90,16 +95,16 @@ class ExtractionOrchestrator:
     """
 
     def __init__(
-        self,
-        llm_client: LLMClient,
-        embedder_client: OpenAIEmbedderClient,
-        connector: Neo4jConnector,
-        config: Optional[ExtractionPipelineConfig] = None,
-        progress_callback: Optional[Callable[[str, str, Optional[Dict[str, Any]]], Awaitable[None]]] = None,
-        embedding_id: Optional[str] = None,
-        ontology_types: Optional[OntologyTypeList] = None,
-        enable_general_types: bool = True,
-        language: str = "zh",
+            self,
+            llm_client: LLMClient,
+            embedder_client: OpenAIEmbedderClient,
+            connector: Neo4jConnector,
+            config: Optional[ExtractionPipelineConfig] = None,
+            progress_callback: Optional[Callable[[str, str, Optional[Dict[str, Any]]], Awaitable[None]]] = None,
+            embedding_id: Optional[str] = None,
+            ontology_types: Optional[OntologyTypeList] = None,
+            enable_general_types: bool = True,
+            language: str = "zh",
     ):
         """
         初始化流水线编排器
@@ -123,7 +128,7 @@ class ExtractionOrchestrator:
         self.progress_callback = progress_callback  # 保存进度回调函数
         self.embedding_id = embedding_id  # 保存嵌入模型ID
         self.language = language  # 保存语言配置
-    
+
         # 处理本体类型配置
         # 根据 enable_general_types 参数决定是否将通用本体类型与场景特定类型合并
         # 如果启用合并且配置中开启了通用本体功能，则使用 OntologyTypeMerger 进行融合
@@ -146,7 +151,7 @@ class ExtractionOrchestrator:
             self.ontology_types = ontology_types
             if not enable_general_types and ontology_types:
                 logger.info("enable_general_types=False，仅使用场景类型")
-        
+
         # 保存去重消歧的详细记录（内存中的数据结构）
         self.dedup_merge_records: List[Dict[str, Any]] = []  # 实体合并记录
         self.dedup_disamb_records: List[Dict[str, Any]] = []  # 实体消歧记录
@@ -157,19 +162,27 @@ class ExtractionOrchestrator:
             llm_client=llm_client,
             config=self.config.statement_extraction,
         )
-        self.triplet_extractor = TripletExtractor(llm_client=llm_client,ontology_types=self.ontology_types, language=language)
+        self.triplet_extractor = TripletExtractor(llm_client=llm_client, ontology_types=self.ontology_types,
+                                                  language=language)
         self.temporal_extractor = TemporalExtractor(llm_client=llm_client)
 
         logger.info("ExtractionOrchestrator 初始化完成")
 
     async def run(
-        self,
-        dialog_data_list: List[DialogData],
-        is_pilot_run: bool = False,
-    ) -> Tuple[
-        Tuple[List[DialogueNode], List[ChunkNode], List[StatementNode]],
-        Tuple[List[ExtractedEntityNode], List[StatementEntityEdge], List[EntityEntityEdge]],
-        Tuple[List[ExtractedEntityNode], List[StatementEntityEdge], List[EntityEntityEdge]],
+            self,
+            dialog_data_list: List[DialogData],
+            is_pilot_run: bool = False,
+    ) -> tuple[
+        list[DialogueNode],
+        list[ChunkNode],
+        list[StatementNode],
+        list[ExtractedEntityNode],
+        list[PerceptualNode],
+        list[StatementChunkEdge],
+        list[StatementEntityEdge],
+        list[EntityEntityEdge],
+        list[PerceptualEdge],
+        list[DialogData]
     ]:
         """
         运行完整的知识提取流水线（优化版：并行执行）
@@ -202,13 +215,12 @@ class ExtractionOrchestrator:
             # 步骤 1: 陈述句提取
             logger.info("步骤 1/6: 陈述句提取（全局分块级并行）")
             dialog_data_list = await self._extract_statements(dialog_data_list)
-            
+
             # 收集陈述句内容和统计数量
             all_statements_list = []
             for dialog in dialog_data_list:
                 for chunk in dialog.chunks:
                     all_statements_list.extend(chunk.statements)
-            len(all_statements_list)
 
             # 步骤 2: 并行执行三元组提取、时间信息提取、情绪提取和基础嵌入生成
             logger.info("步骤 2/6: 并行执行三元组提取、时间信息提取、情绪提取和嵌入生成")
@@ -220,7 +232,7 @@ class ExtractionOrchestrator:
                 chunk_embedding_maps,
                 dialog_embeddings,
             ) = await self._parallel_extract_and_embed(dialog_data_list)
-            
+
             # 收集实体和三元组内容，并统计数量
             all_entities_list = []
             all_triplets_list = []
@@ -229,10 +241,6 @@ class ExtractionOrchestrator:
                     if triplet_info:
                         all_entities_list.extend(triplet_info.entities)
                         all_triplets_list.extend(triplet_info.triplets)
-            
-            len(all_entities_list)
-            len(all_triplets_list)
-            sum(len(temporal_map) for temporal_map in temporal_maps)
 
             # 步骤 3: 生成实体嵌入（依赖三元组提取结果）
             logger.info("步骤 3/6: 生成实体嵌入")
@@ -252,17 +260,19 @@ class ExtractionOrchestrator:
 
             # 步骤 5: 创建节点和边
             logger.info("步骤 5/6: 创建节点和边")
-            
+
             # 注意：creating_nodes_edges 消息已在知识抽取完成后立即发送
-            
+
             (
                 dialogue_nodes,
                 chunk_nodes,
                 statement_nodes,
                 entity_nodes,
+                perceptual_nodes,
                 statement_chunk_edges,
                 statement_entity_edges,
                 entity_entity_edges,
+                perceptual_edges
             ) = await self._create_nodes_and_edges(dialog_data_list)
 
             # 导出去重前的测试输入文档（试运行和正式模式都需要，用于生成结果汇总）
@@ -273,10 +283,20 @@ class ExtractionOrchestrator:
                 logger.info("步骤 6/6: 去重和消歧（试运行模式：仅第一层去重）")
             else:
                 logger.info("步骤 6/6: 两阶段去重和消歧")
-            
+
             # 注意：deduplication 消息已在创建节点和边完成后立即发送
-            
-            result = await self._run_dedup_and_write_summary(
+
+            (
+                dialogue_nodes,
+                chunk_nodes,
+                statement_nodes,
+                entity_nodes,
+                statement_chunk_edges,
+                statement_entity_edges,
+                entity_entity_edges,
+                dialog_data_list,
+                dedup_details,
+            ) = await self._run_dedup_and_write_summary(
                 dialogue_nodes,
                 chunk_nodes,
                 statement_nodes,
@@ -287,17 +307,31 @@ class ExtractionOrchestrator:
                 dialog_data_list,
             )
 
-
+            # 步骤 7: 同步用户别名到数据库表（仅正式模式）
+            if not is_pilot_run:
+                logger.info("步骤 7: 同步用户别名到 end_user 和 end_user_info 表")
+                await self._update_end_user_other_name(entity_nodes, dialog_data_list)
 
             logger.info(f"知识提取流水线运行完成（{mode_str}）")
-            return result
+            return (
+                dialogue_nodes,
+                chunk_nodes,
+                statement_nodes,
+                entity_nodes,
+                perceptual_nodes,
+                statement_chunk_edges,
+                statement_entity_edges,
+                entity_entity_edges,
+                perceptual_edges,
+                dialog_data_list,
+            )
 
         except Exception as e:
             logger.error(f"知识提取流水线运行失败: {e}", exc_info=True)
             raise
 
     async def _extract_statements(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> List[DialogData]:
         """
         从对话中提取陈述句（流式输出版本：边提取边发送进度）
@@ -313,7 +347,7 @@ class ExtractionOrchestrator:
         # 收集所有分块及其元数据
         all_chunks = []
         chunk_metadata = []  # (dialog_idx, chunk_idx)
-        
+
         for d_idx, dialog in enumerate(dialog_data_list):
             dialogue_content = dialog.content if self.config.statement_extraction.include_dialogue_context else None
             for c_idx, chunk in enumerate(dialog.chunks):
@@ -321,7 +355,7 @@ class ExtractionOrchestrator:
                 chunk_metadata.append((d_idx, c_idx))
 
         logger.info(f"收集到 {len(all_chunks)} 个分块，开始全局并行提取")
-        
+
         # 用于跟踪已完成的分块数量
         completed_chunks = 0
         total_chunks = len(all_chunks)
@@ -332,7 +366,7 @@ class ExtractionOrchestrator:
             chunk, end_user_id, dialogue_content = chunk_data
             try:
                 statements = await self.statement_extractor._extract_statements(chunk, end_user_id, dialogue_content)
-                
+
                 #  流式输出：每提取完一个分块的陈述句，立即发送进度
                 # 注意：只在试运行模式下发送陈述句详情，正式模式不发送
                 completed_chunks += 1
@@ -347,11 +381,11 @@ class ExtractionOrchestrator:
                             "statement_index_in_chunk": idx + 1
                         }
                         await self.progress_callback(
-                            "knowledge_extraction_result", 
-                            f"陈述句提取中 ({completed_chunks}/{total_chunks})", 
+                            "knowledge_extraction_result",
+                            f"陈述句提取中 ({completed_chunks}/{total_chunks})",
                             stmt_result
                         )
-                
+
                 return statements
             except Exception as e:
                 logger.error(f"分块 {chunk.id} 陈述句提取失败: {e}")
@@ -381,13 +415,21 @@ class ExtractionOrchestrator:
 
         # 保存陈述句到文件（试运行和正式模式都需要）
         self.statement_extractor.save_statements(all_statements)
-        
+
         logger.info(f"陈述句提取完成，共提取 {len(all_statements)} 条陈述句")
 
+        # 试运行模式下，所有分块提取完成后发送完成事件
+        if self.progress_callback and self.is_pilot_run:
+            await self.progress_callback(
+                "knowledge_extraction_complete",
+                f"陈述句提取完成，共提取 {len(all_statements)} 条",
+                {"total_statements": len(all_statements), "total_chunks": total_chunks}
+            )
+
         return dialog_data_list
 
     async def _extract_triplets(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> List[Dict[str, Any]]:
         """
         从对话中提取三元组（流式输出版本：边提取边发送进度）
@@ -403,7 +445,7 @@ class ExtractionOrchestrator:
         # 收集所有陈述句及其元数据
         all_statements = []
         statement_metadata = []  # (dialog_idx, statement_id, chunk_content)
-        
+
         for d_idx, dialog in enumerate(dialog_data_list):
             for chunk in dialog.chunks:
                 for statement in chunk.statements:
@@ -411,7 +453,7 @@ class ExtractionOrchestrator:
                     statement_metadata.append((d_idx, statement.id))
 
         logger.info(f"收集到 {len(all_statements)} 个陈述句，开始全局并行提取三元组")
-        
+
         # 用于跟踪已完成的陈述句数量
         completed_statements = 0
         len(all_statements)
@@ -422,11 +464,11 @@ class ExtractionOrchestrator:
             statement, chunk_content = stmt_data
             try:
                 triplet_info = await self.triplet_extractor._extract_triplets(statement, chunk_content)
-                
+
                 # 注意：不再发送三元组提取的流式输出
                 # 三元组提取在后台执行，但不向前端发送详细信息
                 completed_statements += 1
-                
+
                 return triplet_info
             except Exception as e:
                 logger.error(f"陈述句 {statement.id} 三元组提取失败: {e}")
@@ -442,7 +484,7 @@ class ExtractionOrchestrator:
         # 将结果组织成对话级别的映射
         triplet_maps = [{} for _ in dialog_data_list]
         all_responses = []
-        
+
         for i, result in enumerate(results):
             d_idx, stmt_id = statement_metadata[i]
             if isinstance(result, Exception):
@@ -470,7 +512,7 @@ class ExtractionOrchestrator:
         return triplet_maps
 
     async def _extract_temporal(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> List[Dict[str, Any]]:
         """
         从对话中提取时间信息（流式输出版本：边提取边发送进度）
@@ -494,13 +536,13 @@ class ExtractionOrchestrator:
                         temporal_map[statement.id] = TemporalValidityRange(valid_at=None, invalid_at=None)
                 temporal_maps.append(temporal_map)
             return temporal_maps
-        
+
         logger.info("开始时间信息提取（全局陈述句级并行 + 流式输出）")
 
         # 收集所有需要提取时间的陈述句
         all_statements = []
         statement_metadata = []  # (dialog_idx, statement_id, ref_dates)
-        
+
         for d_idx, dialog in enumerate(dialog_data_list):
             # 获取参考日期
             ref_dates = {}
@@ -509,11 +551,11 @@ class ExtractionOrchestrator:
                     ref_dates['conversation_date'] = dialog.metadata['conversation_date']
                 if 'publication_date' in dialog.metadata:
                     ref_dates['publication_date'] = dialog.metadata['publication_date']
-            
+
             if not ref_dates:
                 from datetime import datetime
                 ref_dates = {"today": datetime.now().strftime("%Y-%m-%d")}
-            
+
             for chunk in dialog.chunks:
                 for statement in chunk.statements:
                     # 跳过 ATEMPORAL 类型的陈述句
@@ -523,7 +565,7 @@ class ExtractionOrchestrator:
                         statement_metadata.append((d_idx, statement.id))
 
         logger.info(f"收集到 {len(all_statements)} 个需要时间提取的陈述句，开始全局并行提取")
-        
+
         # 用于跟踪已完成的时间提取数量
         completed_temporal = 0
         len(all_statements)
@@ -534,11 +576,11 @@ class ExtractionOrchestrator:
             statement, ref_dates = stmt_data
             try:
                 temporal_range = await self.temporal_extractor._extract_temporal_ranges(statement, ref_dates)
-                
+
                 # 注意：不再发送时间提取的流式输出
                 # 时间提取在后台执行，但不向前端发送详细信息
                 completed_temporal += 1
-                
+
                 return temporal_range
             except Exception as e:
                 logger.error(f"陈述句 {statement.id} 时间信息提取失败: {e}")
@@ -551,7 +593,7 @@ class ExtractionOrchestrator:
 
         # 将结果组织成对话级别的映射
         temporal_maps = [{} for _ in dialog_data_list]
-        
+
         for i, result in enumerate(results):
             d_idx, stmt_id = statement_metadata[i]
             if isinstance(result, Exception):
@@ -577,7 +619,7 @@ class ExtractionOrchestrator:
         return temporal_maps
 
     async def _extract_emotions(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> List[Dict[str, Any]]:
         """
         从对话中提取情绪信息（仅针对用户消息，全局陈述句级并行）
@@ -593,36 +635,36 @@ class ExtractionOrchestrator:
         # 收集所有陈述句及其配置
         all_statements = []
         statement_metadata = []  # (dialog_idx, statement_id)
-        
+
         # 获取第一个对话的config_id来加载配置
         config_id = None
         if dialog_data_list and hasattr(dialog_data_list[0], 'config_id'):
             config_id = dialog_data_list[0].config_id
-        
+
         # 加载MemoryConfig
         memory_config = None
         if config_id:
             try:
                 from app.db import SessionLocal
                 from app.repositories.memory_config_repository import MemoryConfigRepository
-                
+
                 db = SessionLocal()
                 try:
                     memory_config = MemoryConfigRepository.get_by_id(db, config_id)
                 finally:
                     db.close()
-                    
+
                 if memory_config and not memory_config.emotion_enabled:
                     logger.info("情绪提取已在配置中禁用，跳过情绪提取")
                     return [{} for _ in dialog_data_list]
-                    
+
             except Exception as e:
                 logger.warning(f"加载MemoryConfig失败: {e}，将跳过情绪提取")
                 return [{} for _ in dialog_data_list]
         else:
             logger.info("未找到config_id，跳过情绪提取")
             return [{} for _ in dialog_data_list]
-        
+
         # 如果配置未启用情绪提取，直接返回空映射
         if not memory_config or not memory_config.emotion_enabled:
             logger.info("情绪提取未启用，跳过")
@@ -631,7 +673,7 @@ class ExtractionOrchestrator:
         # 收集所有陈述句（只收集 speaker 为 "user" 的）
         total_statements = 0
         filtered_statements = 0
-        
+
         for d_idx, dialog in enumerate(dialog_data_list):
             for chunk in dialog.chunks:
                 for statement in chunk.statements:
@@ -647,12 +689,12 @@ class ExtractionOrchestrator:
         # 初始化情绪提取服务
         # 如果 emotion_model_id 为空，回退到工作空间默认 LLM
         from app.services.emotion_extraction_service import EmotionExtractionService
-        
+
         emotion_model_id = memory_config.emotion_model_id
         if not emotion_model_id and memory_config.workspace_id:
             from app.repositories.workspace_repository import get_workspace_models_configs
             from app.db import SessionLocal
-            
+
             db = SessionLocal()
             try:
                 workspace_models = get_workspace_models_configs(db, memory_config.workspace_id)
@@ -661,7 +703,7 @@ class ExtractionOrchestrator:
                     logger.info(f"emotion_model_id 为空，使用工作空间默认 LLM: {emotion_model_id}")
             finally:
                 db.close()
-        
+
         emotion_service = EmotionExtractionService(
             llm_id=emotion_model_id if emotion_model_id else None
         )
@@ -681,7 +723,7 @@ class ExtractionOrchestrator:
         # 将结果组织成对话级别的映射
         emotion_maps = [{} for _ in dialog_data_list]
         successful_extractions = 0
-        
+
         for i, result in enumerate(results):
             d_idx, stmt_id = statement_metadata[i]
             if isinstance(result, Exception):
@@ -698,7 +740,7 @@ class ExtractionOrchestrator:
         return emotion_maps
 
     async def _parallel_extract_and_embed(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> Tuple[
         List[Dict[str, Any]],
         List[Dict[str, Any]],
@@ -749,7 +791,7 @@ class ExtractionOrchestrator:
         triplet_maps = results[0] if not isinstance(results[0], Exception) else [{} for _ in dialog_data_list]
         temporal_maps = results[1] if not isinstance(results[1], Exception) else [{} for _ in dialog_data_list]
         emotion_maps = results[2] if not isinstance(results[2], Exception) else [{} for _ in dialog_data_list]
-        
+
         if isinstance(results[3], Exception):
             logger.error(f"基础嵌入生成失败: {results[3]}")
             statement_embedding_maps = [{} for _ in dialog_data_list]
@@ -769,7 +811,7 @@ class ExtractionOrchestrator:
         )
 
     async def _generate_basic_embeddings(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> Tuple[List[Dict[str, List[float]]], List[Dict[str, List[float]]], List[List[float]]]:
         """
         生成基础嵌入向量（陈述句、分块、对话）
@@ -802,7 +844,7 @@ class ExtractionOrchestrator:
             if not self.embedding_id:
                 logger.error("embedding_id is required but was not provided to ExtractionOrchestrator")
                 raise ValueError("embedding_id is required but was not provided")
-            
+
             # 只生成陈述句、分块和对话的嵌入（不包括实体）
             statement_embedding_maps, chunk_embedding_maps, dialog_embeddings = await embedding_generation(
                 dialog_data_list, self.embedding_id
@@ -828,7 +870,7 @@ class ExtractionOrchestrator:
             )
 
     async def _generate_entity_embeddings(
-        self, triplet_maps: List[Dict[str, Any]]
+            self, triplet_maps: List[Dict[str, Any]]
     ) -> List[Dict[str, Any]]:
         """
         生成实体嵌入向量
@@ -853,7 +895,7 @@ class ExtractionOrchestrator:
             if not self.embedding_id:
                 logger.error("embedding_id is required but was not provided to ExtractionOrchestrator")
                 return triplet_maps
-            
+
             # 生成实体嵌入
             updated_triplet_maps = await generate_entity_embeddings_from_triplets(
                 triplet_maps, self.embedding_id
@@ -866,17 +908,15 @@ class ExtractionOrchestrator:
             logger.error(f"实体嵌入生成失败: {e}", exc_info=True)
             return triplet_maps
 
-
-
     async def _assign_extracted_data(
-        self,
-        dialog_data_list: List[DialogData],
-        temporal_maps: List[Dict[str, Any]],
-        triplet_maps: List[Dict[str, Any]],
-        emotion_maps: List[Dict[str, Any]],
-        statement_embedding_maps: List[Dict[str, List[float]]],
-        chunk_embedding_maps: List[Dict[str, List[float]]],
-        dialog_embeddings: List[List[float]],
+            self,
+            dialog_data_list: List[DialogData],
+            temporal_maps: List[Dict[str, Any]],
+            triplet_maps: List[Dict[str, Any]],
+            emotion_maps: List[Dict[str, Any]],
+            statement_embedding_maps: List[Dict[str, List[float]]],
+            chunk_embedding_maps: List[Dict[str, List[float]]],
+            dialog_embeddings: List[List[float]],
     ) -> List[DialogData]:
         """
         将提取的数据赋值到语句
@@ -898,12 +938,12 @@ class ExtractionOrchestrator:
         # 确保列表长度匹配
         expected_length = len(dialog_data_list)
         if (
-            len(temporal_maps) != expected_length
-            or len(triplet_maps) != expected_length
-            or len(emotion_maps) != expected_length
-            or len(statement_embedding_maps) != expected_length
-            or len(chunk_embedding_maps) != expected_length
-            or len(dialog_embeddings) != expected_length
+                len(temporal_maps) != expected_length
+                or len(triplet_maps) != expected_length
+                or len(emotion_maps) != expected_length
+                or len(statement_embedding_maps) != expected_length
+                or len(chunk_embedding_maps) != expected_length
+                or len(dialog_embeddings) != expected_length
         ):
             logger.warning(
                 f"数据大小不匹配 - 对话: {len(dialog_data_list)}, "
@@ -991,15 +1031,17 @@ class ExtractionOrchestrator:
         return dialog_data_list
 
     async def _create_nodes_and_edges(
-        self, dialog_data_list: List[DialogData]
+            self, dialog_data_list: List[DialogData]
     ) -> Tuple[
         List[DialogueNode],
         List[ChunkNode],
         List[StatementNode],
         List[ExtractedEntityNode],
+        List[PerceptualNode],
         List[StatementChunkEdge],
         List[StatementEntityEdge],
         List[EntityEntityEdge],
+        List[PerceptualEdge]
     ]:
         """
         创建图数据库节点和边
@@ -1013,7 +1055,7 @@ class ExtractionOrchestrator:
             包含所有节点和边的元组
         """
         logger.info("开始创建节点和边")
-        
+
         # 注意：开始消息已在 run 方法中发送，这里不再重复发送
 
         dialogue_nodes = []
@@ -1023,10 +1065,12 @@ class ExtractionOrchestrator:
         statement_chunk_edges = []
         statement_entity_edges = []
         entity_entity_edges = []
+        perceptual_nodes = []
+        perceptual_edges = []
 
         # 用于去重的集合
         entity_id_set = set()
-        
+
         # 用于跟踪进度
         total_dialogs = len(dialog_data_list)
         processed_dialogs = 0
@@ -1067,6 +1111,45 @@ class ExtractionOrchestrator:
                 )
                 chunk_nodes.append(chunk_node)
 
+                for p, file_type in chunk.files:
+
+                    meta = p.meta_data or {}
+                    content_meta = meta.get("content", {})
+
+                    # 生成 summary embedding（如果有 embedder_client）
+                    summary_embedding = None
+                    if self.embedder_client and p.summary:
+                        try:
+                            summary_embedding = (await self.embedder_client.response([p.summary]))[0]
+                        except Exception as emb_err:
+                            print(f"Failed to embed perceptual summary: {emb_err}")
+
+                    perceptual = PerceptualNode(
+                        name=f"Perceptual_{p.id}",
+                        **{
+                        "id": str(p.id),
+                        "end_user_id": str(p.end_user_id),
+                        "perceptual_type": p.perceptual_type,
+                        "file_path": p.file_path or "",
+                        "file_name": p.file_name or "",
+                        "file_ext": p.file_ext or "",
+                        "summary": p.summary or "",
+                        "keywords": content_meta.get("keywords", []),
+                        "topic": content_meta.get("topic", ""),
+                        "domain": content_meta.get("domain", ""),
+                        "created_at": p.created_time.isoformat() if p.created_time else None,
+                        "file_type": file_type,
+                        "summary_embedding": summary_embedding,
+                    })
+                    perceptual_nodes.append(perceptual)
+                    perceptual_edges.append(PerceptualEdge(
+                        source=perceptual.id,
+                        target=chunk.id,
+                        end_user_id=dialog_data.end_user_id,
+                        run_id=dialog_data.run_id,
+                        created_at=dialog_data.created_at,
+                    ))
+
                 # 处理每个陈述句
                 for statement in chunk.statements:
                     # 创建陈述句节点
@@ -1075,15 +1158,19 @@ class ExtractionOrchestrator:
                         name=f"Statement_{statement.id}",  # 添加必需的 name 字段
                         chunk_id=chunk.id,
                         stmt_type=getattr(statement, 'stmt_type', 'general'),  # 添加必需的 stmt_type 字段
-                        temporal_info=getattr(statement, 'temporal_info', TemporalInfo.ATEMPORAL),  # 添加必需的 temporal_info 字段
-                        connect_strength=statement.connect_strength if statement.connect_strength is not None else 'Strong',  # 添加必需的 connect_strength 字段
+                        temporal_info=getattr(statement, 'temporal_info', TemporalInfo.ATEMPORAL),
+                        # 添加必需的 temporal_info 字段
+                        connect_strength=statement.connect_strength if statement.connect_strength is not None else 'Strong',
+                        # 添加必需的 connect_strength 字段
                         end_user_id=dialog_data.end_user_id,
                         run_id=dialog_data.run_id,  # 使用 dialog_data 的 run_id
                         statement=statement.statement,
                         speaker=getattr(statement, 'speaker', None),  # 添加 speaker 字段
                         statement_embedding=statement.statement_embedding,
-                        valid_at=statement.temporal_validity.valid_at if hasattr(statement, 'temporal_validity') and statement.temporal_validity else None,
-                        invalid_at=statement.temporal_validity.invalid_at if hasattr(statement, 'temporal_validity') and statement.temporal_validity else None,
+                        valid_at=statement.temporal_validity.valid_at if hasattr(statement,
+                                                                                 'temporal_validity') and statement.temporal_validity else None,
+                        invalid_at=statement.temporal_validity.invalid_at if hasattr(statement,
+                                                                                     'temporal_validity') and statement.temporal_validity else None,
                         created_at=dialog_data.created_at,
                         expired_at=dialog_data.expired_at,
                         config_id=dialog_data.config_id if hasattr(dialog_data, 'config_id') else None,
@@ -1112,7 +1199,7 @@ class ExtractionOrchestrator:
 
                         # 创建实体索引到ID的映射（支持多种索引方式）
                         entity_idx_to_id = {}
-                        
+
                         # 创建实体节点
                         for entity_idx, entity in enumerate(triplet_info.entities):
                             # 映射实体索引到实体ID（使用多个键以提高容错性）
@@ -1120,7 +1207,7 @@ class ExtractionOrchestrator:
                             entity_idx_to_id[entity.entity_idx] = entity.id
                             # 2. 使用枚举索引（从0开始）
                             entity_idx_to_id[entity_idx] = entity.id
-                            
+
                             if entity.id not in entity_id_set:
                                 entity_connect_strength = getattr(entity, 'connect_strength', 'Strong')
                                 entity_node = ExtractedEntityNode(
@@ -1133,7 +1220,8 @@ class ExtractionOrchestrator:
                                     example=getattr(entity, 'example', ''),  # 新增：传递示例字段
                                     # TODO: fact_summary 功能暂时禁用，待后续开发完善后启用
                                     # fact_summary=getattr(entity, 'fact_summary', ''),  # 添加必需的 fact_summary 字段
-                                    connect_strength=entity_connect_strength if entity_connect_strength is not None else 'Strong',  # 添加必需的 connect_strength 字段
+                                    connect_strength=entity_connect_strength if entity_connect_strength is not None else 'Strong',
+                                    # 添加必需的 connect_strength 字段
                                     aliases=getattr(entity, 'aliases', []) or [],  # 传递从三元组提取阶段获取的aliases
                                     name_embedding=getattr(entity, 'name_embedding', None),
                                     is_explicit_memory=getattr(entity, 'is_explicit_memory', False),  # 新增：传递语义记忆标记
@@ -1163,7 +1251,7 @@ class ExtractionOrchestrator:
                             # 将三元组中的整数索引映射到实体ID
                             subject_entity_id = entity_idx_to_id.get(triplet.subject_id)
                             object_entity_id = entity_idx_to_id.get(triplet.object_id)
-                            
+
                             # 只有当两个实体ID都存在时才创建边
                             if subject_entity_id and object_entity_id:
                                 entity_entity_edge = EntityEntityEdge(
@@ -1178,7 +1266,7 @@ class ExtractionOrchestrator:
                                     expired_at=dialog_data.expired_at,
                                 )
                                 entity_entity_edges.append(entity_entity_edge)
-                                
+
                                 #  流式输出：每创建一个关系边，立即发送进度（限制发送数量）
                                 if self.progress_callback and len(entity_entity_edges) <= 10:
                                     # 获取实体名称
@@ -1194,8 +1282,8 @@ class ExtractionOrchestrator:
                                         "dialog_progress": f"{processed_dialogs}/{total_dialogs}"
                                     }
                                     await self.progress_callback(
-                                        "creating_nodes_edges_result", 
-                                        f"关系创建中 ({processed_dialogs}/{total_dialogs})", 
+                                        "creating_nodes_edges_result",
+                                        f"关系创建中 ({processed_dialogs}/{total_dialogs})",
                                         relationship_result
                                     )
                             else:
@@ -1203,7 +1291,7 @@ class ExtractionOrchestrator:
                                 missing_subject = "subject" if not subject_entity_id else ""
                                 missing_object = "object" if not object_entity_id else ""
                                 missing_both = " and " if (not subject_entity_id and not object_entity_id) else ""
-                                
+
                                 logger.debug(
                                     f"跳过三元组 - 无法找到{missing_subject}{missing_both}{missing_object}实体ID: "
                                     f"subject_id={triplet.subject_id} ({triplet.subject_name}), "
@@ -1220,7 +1308,7 @@ class ExtractionOrchestrator:
             f"陈述句-实体边: {len(statement_entity_edges)}, "
             f"实体-实体边: {len(entity_entity_edges)}"
         )
-        
+
         # 进度回调：创建节点和边完成，传递结果统计
         # 注意：具体的关系创建结果已经在创建过程中实时发送了
         if self.progress_callback:
@@ -1240,25 +1328,197 @@ class ExtractionOrchestrator:
             chunk_nodes,
             statement_nodes,
             entity_nodes,
+            perceptual_nodes,
             statement_chunk_edges,
             statement_entity_edges,
             entity_entity_edges,
+            perceptual_edges
         )
 
+    async def _update_end_user_other_name(
+            self,
+            entity_nodes: List[ExtractedEntityNode],
+            dialog_data_list: List[DialogData]
+    ) -> None:
+        """
+        从 Neo4j 读取用户实体的最终 aliases，同步到 end_user 和 end_user_info 表
+
+        注意：
+        1. other_name 使用本次对话提取的第一个别名（保持时间顺序）
+        2. aliases 从 Neo4j 读取（保持完整性）
+
+        Args:
+            entity_nodes: 实体节点列表
+            dialog_data_list: 对话数据列表
+        """
+        try:
+            if not dialog_data_list:
+                logger.warning("dialog_data_list 为空，跳过用户别名同步")
+                return
+
+            end_user_id = dialog_data_list[0].end_user_id
+            if not end_user_id:
+                logger.warning("end_user_id 为空，跳过用户别名同步")
+                return
+
+            # 1. 提取本次对话的用户别名（保持 LLM 提取的原始顺序，不排序）
+            current_aliases = self._extract_current_aliases(entity_nodes)
+
+            # 2. 从 Neo4j 获取完整 aliases（权威数据源）
+            neo4j_aliases = await self._fetch_neo4j_user_aliases(end_user_id)
+
+            if not neo4j_aliases:
+                # Neo4j 中没有别名，使用本次对话提取的别名
+                neo4j_aliases = current_aliases
+                if not neo4j_aliases:
+                    logger.debug(f"aliases 为空，跳过同步: end_user_id={end_user_id}")
+                    return
+
+            logger.info(f"本次对话提取的 aliases: {current_aliases}")
+            logger.info(f"Neo4j 中的完整 aliases: {neo4j_aliases}")
+
+            # 3. 同步到数据库
+            end_user_uuid = uuid.UUID(end_user_id)
+            with get_db_context() as db:
+                # 更新 end_user 表
+                end_user = EndUserRepository(db).get_by_id(end_user_uuid)
+                if not end_user:
+                    logger.warning(f"未找到 end_user_id={end_user_id} 的用户记录")
+                    return
+
+                new_name = self._resolve_other_name(end_user.other_name, current_aliases, neo4j_aliases)
+                if new_name is not None:
+                    end_user.other_name = new_name
+                    logger.info(f"更新 end_user 表 other_name → {new_name}")
+                else:
+                    logger.debug(f"end_user 表 other_name 保持不变: {end_user.other_name}")
+
+                # 更新或创建 end_user_info 记录
+                info = EndUserInfoRepository(db).get_by_end_user_id(end_user_uuid)
+                if info:
+                    new_name_info = self._resolve_other_name(info.other_name, current_aliases, neo4j_aliases)
+                    if new_name_info is not None:
+                        info.other_name = new_name_info
+                        logger.info(f"更新 end_user_info 表 other_name → {new_name_info}")
+                    if info.aliases != neo4j_aliases:
+                        info.aliases = neo4j_aliases
+                        logger.info(f"同步 Neo4j aliases 到 end_user_info: {neo4j_aliases}")
+                else:
+                    first_alias = current_aliases[0].strip() if current_aliases else ""
+                    # 确保 first_alias 不是占位名称
+                    if first_alias and first_alias not in self.USER_PLACEHOLDER_NAMES:
+                        db.add(EndUserInfo(
+                            end_user_id=end_user_uuid,
+                            other_name=first_alias,
+                            aliases=neo4j_aliases,
+                            meta_data={}
+                        ))
+                        logger.info(f"创建 end_user_info 记录，other_name={first_alias}, aliases={neo4j_aliases}")
+
+                db.commit()
+
+        except Exception as e:
+            logger.error(f"更新 end_user other_name 失败: {e}", exc_info=True)
+
+
+    
+    # 用户实体占位名称，不允许作为 other_name 或出现在 aliases 中
+    USER_PLACEHOLDER_NAMES = {'用户', '我', 'User', 'I'}
+
+    def _extract_current_aliases(self, entity_nodes: List[ExtractedEntityNode]) -> List[str]:
+        """从实体节点提取用户别名（保持 LLM 提取的原始顺序，不进行任何排序）
+        
+        这个方法直接返回 LLM 提取的别名列表，并过滤掉占位名称（"用户"、"我"、"User"、"I"）。
+        第一个别名将被用作 other_name。
+        
+        Args:
+            entity_nodes: 实体节点列表
+            
+        Returns:
+            别名列表（保持 LLM 提取的原始顺序，已过滤占位名称）
+        """
+        for entity in entity_nodes:
+            if getattr(entity, 'name', '').strip() in self.USER_PLACEHOLDER_NAMES:
+                aliases = getattr(entity, 'aliases', []) or []
+                # 过滤掉占位名称，防止 "用户"/"我"/"User"/"I" 被存入 aliases 和 other_name
+                filtered = [a for a in aliases if a.strip() not in self.USER_PLACEHOLDER_NAMES]
+                logger.debug(f"提取到用户别名（原始顺序，已过滤占位名称）: {filtered}")
+                return filtered
+        return []
+
+
+    async def _fetch_neo4j_user_aliases(self, end_user_id: str) -> List[str]:
+        """从 Neo4j 查询用户实体的完整 aliases 列表（已过滤占位名称）"""
+        cypher = """
+        MATCH (e:ExtractedEntity)
+        WHERE e.end_user_id = $end_user_id AND e.name IN ['用户', '我', 'User', 'I']
+        RETURN e.aliases AS aliases
+        LIMIT 1
+        """
+        result = await Neo4jConnector().execute_query(cypher, end_user_id=end_user_id)
+        if not result:
+            logger.debug(f"Neo4j 中未找到用户实体: end_user_id={end_user_id}")
+            return []
+        aliases = result[0].get('aliases') or []
+        if not aliases:
+            logger.debug(f"Neo4j 用户实体 aliases 为空: end_user_id={end_user_id}")
+            return []
+        # 过滤掉占位名称，防止历史脏数据传播
+        filtered = [a for a in aliases if a.strip() not in self.USER_PLACEHOLDER_NAMES]
+        return filtered
+
+    def _resolve_other_name(
+            self,
+            current: Optional[str],
+            current_aliases: List[str],
+            neo4j_aliases: List[str]
+    ) -> Optional[str]:
+        """
+        决定 other_name 是否需要更新，返回新值；无需更新返回 None。
+        
+        决策规则：
+        - 为空或为占位名称 → 用本次对话第一个别名
+        - 不在 Neo4j aliases 中 → 用 Neo4j 第一个别名（说明已被删除）
+        - 否则 → 保持不变（返回 None）
+        
+        注意：返回值不允许是占位名称（"用户"、"我"、"User"、"I"）
+        """
+        # 当前值为空或为占位名称时，需要更新
+        if not current or not current.strip() or current.strip() in self.USER_PLACEHOLDER_NAMES:
+            candidate = current_aliases[0].strip() if current_aliases else None
+            # 确保候选值不是占位名称
+            if candidate and candidate in self.USER_PLACEHOLDER_NAMES:
+                return None
+            return candidate
+        if current not in neo4j_aliases:
+            candidate = neo4j_aliases[0].strip() if neo4j_aliases else None
+            # 确保候选值不是占位名称
+            if candidate and candidate in self.USER_PLACEHOLDER_NAMES:
+                return None
+            return candidate
+        
+        return None
+
     async def _run_dedup_and_write_summary(
-        self,
-        dialogue_nodes: List[DialogueNode],
-        chunk_nodes: List[ChunkNode],
-        statement_nodes: List[StatementNode],
-        entity_nodes: List[ExtractedEntityNode],
-        statement_chunk_edges: List[StatementChunkEdge],
-        statement_entity_edges: List[StatementEntityEdge],
-        entity_entity_edges: List[EntityEntityEdge],
-        dialog_data_list: List[DialogData],
-    ) -> Tuple[
-        Tuple[List[DialogueNode], List[ChunkNode], List[StatementNode]],
-        Tuple[List[ExtractedEntityNode], List[StatementEntityEdge], List[EntityEntityEdge]],
-        Tuple[List[ExtractedEntityNode], List[StatementEntityEdge], List[EntityEntityEdge]],
+            self,
+            dialogue_nodes: List[DialogueNode],
+            chunk_nodes: List[ChunkNode],
+            statement_nodes: List[StatementNode],
+            entity_nodes: List[ExtractedEntityNode],
+            statement_chunk_edges: List[StatementChunkEdge],
+            statement_entity_edges: List[StatementEntityEdge],
+            entity_entity_edges: List[EntityEntityEdge],
+            dialog_data_list: List[DialogData],
+    ) -> tuple[
+        list[DialogueNode],
+        list[ChunkNode],
+        list[StatementNode],
+        list[ExtractedEntityNode],
+        list[StatementChunkEdge],
+        list[StatementEntityEdge],
+        list[EntityEntityEdge],
+        list[DialogData],
+        dict
     ]:
         """
         执行两阶段去重并写入汇总
@@ -1280,11 +1540,11 @@ class ExtractionOrchestrator:
             - 第三个元组：去重后的 (实体节点列表, 陈述句-实体边列表, 实体-实体边列表)
         """
         logger.info("开始两阶段实体去重和消歧")
-        
+
         # 进度回调：发送去重消歧开始消息
         if self.progress_callback:
             await self.progress_callback("deduplication", "正在去重消歧...")
-        
+
         logger.info(
             f"去重前: {len(entity_nodes)} 个实体节点, "
             f"{len(statement_entity_edges)} 条陈述句-实体边, "
@@ -1299,7 +1559,7 @@ class ExtractionOrchestrator:
                 from app.core.memory.storage_services.extraction_engine.deduplication.deduped_and_disamb import (
                     deduplicate_entities_and_edges,
                 )
-                
+
                 dedup_entity_nodes, dedup_statement_entity_edges, dedup_entity_entity_edges, dedup_details = await deduplicate_entities_and_edges(
                     entity_nodes,
                     statement_entity_edges,
@@ -1309,10 +1569,10 @@ class ExtractionOrchestrator:
                     dedup_config=self.config.deduplication,
                     llm_client=self.llm_client,
                 )
-                
+
                 # 保存去重消歧的详细记录到实例变量
                 self._save_dedup_details(dedup_details, entity_nodes, dedup_entity_nodes)
-                
+
                 result_tuple = (
                     dialogue_nodes,
                     chunk_nodes,
@@ -1321,14 +1581,25 @@ class ExtractionOrchestrator:
                     statement_chunk_edges,
                     dedup_statement_entity_edges,
                     dedup_entity_entity_edges,
+                    dialog_data_list,
+                    dedup_details,
                 )
-                
+
                 final_entity_nodes = dedup_entity_nodes
                 final_statement_entity_edges = dedup_statement_entity_edges
                 final_entity_entity_edges = dedup_entity_entity_edges
             else:
                 # 正式模式：执行完整的两阶段去重
-                result_tuple = await dedup_layers_and_merge_and_return(
+                (
+                    dialogue_nodes,
+                    chunk_nodes,
+                    statement_nodes,
+                    final_entity_nodes,
+                    statement_chunk_edges,
+                    final_statement_entity_edges,
+                    final_entity_entity_edges,
+                    dedup_details,
+                ) = await dedup_layers_and_merge_and_return(
                     dialogue_nodes,
                     chunk_nodes,
                     statement_nodes,
@@ -1342,21 +1613,21 @@ class ExtractionOrchestrator:
                     llm_client=self.llm_client,
                 )
 
-                # 解包返回值
-                (
-                    _,
-                    _,
-                    _,
-                    final_entity_nodes,
-                    _,
-                    final_statement_entity_edges,
-                    final_entity_entity_edges,
-                    dedup_details,
-                ) = result_tuple
-                
                 # 保存去重消歧的详细记录到实例变量
                 self._save_dedup_details(dedup_details, entity_nodes, final_entity_nodes)
 
+                result_tuple = (
+                    dialogue_nodes,
+                    chunk_nodes,
+                    statement_nodes,
+                    final_entity_nodes,
+                    statement_chunk_edges,
+                    final_statement_entity_edges,
+                    final_entity_entity_edges,
+                    dialog_data_list,
+                    dedup_details,
+                )
+
             logger.info(
                 f"去重后: {len(final_entity_nodes)} 个实体节点, "
                 f"{len(final_statement_entity_edges)} 条陈述句-实体边, "
@@ -1367,12 +1638,12 @@ class ExtractionOrchestrator:
                 f"陈述句-实体边减少 {len(statement_entity_edges) - len(final_statement_entity_edges)}, "
                 f"实体-实体边减少 {len(entity_entity_edges) - len(final_entity_entity_edges)}"
             )
-            
+
             #  流式输出：实时输出去重消歧的具体结果
             if self.progress_callback:
                 # 分析实体合并情况（使用内存中的记录）
                 merge_info = await self._analyze_entity_merges(entity_nodes, final_entity_nodes)
-                
+
                 # 逐个输出去重合并的实体示例
                 for i, merge_detail in enumerate(merge_info[:5]):  # 输出前5个去重结果
                     dedup_result = {
@@ -1383,10 +1654,10 @@ class ExtractionOrchestrator:
                         "message": f"{merge_detail['main_entity_name']}合并{merge_detail['merged_count']}个：相似实体已合并"
                     }
                     await self.progress_callback("dedup_disambiguation_result", "实体去重中", dedup_result)
-                
+
                 # 分析实体消歧情况（使用内存中的记录）
                 disamb_info = await self._analyze_entity_disambiguation(entity_nodes, final_entity_nodes)
-                
+
                 # 逐个输出实体消歧的结果
                 for i, disamb_detail in enumerate(disamb_info[:5]):  # 输出前5个消歧结果
                     disamb_result = {
@@ -1399,14 +1670,13 @@ class ExtractionOrchestrator:
                         "message": f"{disamb_detail['entity_name']}消歧完成：{disamb_detail['disamb_type']}"
                     }
                     await self.progress_callback("dedup_disambiguation_result", "实体消歧中", disamb_result)
-                
+
                 # 进度回调：去重消歧完成，传递去重和消歧的具体效果
                 await self._send_dedup_progress_callback(
                     len(entity_nodes), len(final_entity_nodes),
                     len(statement_entity_edges), len(final_statement_entity_edges),
                     len(entity_entity_edges), len(final_entity_entity_edges)
                 )
- 
 
             # 写入提取结果汇总（试运行和正式模式都需要生成）
             try:
@@ -1428,10 +1698,10 @@ class ExtractionOrchestrator:
             raise
 
     def _save_dedup_details(
-        self,
-        dedup_details: Dict[str, Any],
-        original_entities: List[ExtractedEntityNode],
-        final_entities: List[ExtractedEntityNode]
+            self,
+            dedup_details: Dict[str, Any],
+            original_entities: List[ExtractedEntityNode],
+            final_entities: List[ExtractedEntityNode]
     ):
         """
         保存去重消歧的详细记录到实例变量（基于内存数据结构）
@@ -1444,7 +1714,7 @@ class ExtractionOrchestrator:
         try:
             # 保存ID重定向映射
             self.id_redirect_map = dedup_details.get("id_redirect", {})
-            
+
             # 处理精确匹配的合并记录
             exact_merge_map = dedup_details.get("exact_merge_map", {})
             for key, info in exact_merge_map.items():
@@ -1458,7 +1728,7 @@ class ExtractionOrchestrator:
                         "merged_count": len(merged_ids),
                         "merged_ids": list(merged_ids)
                     })
-            
+
             # 处理模糊匹配的合并记录
             fuzzy_merge_records = dedup_details.get("fuzzy_merge_records", [])
             for record in fuzzy_merge_records:
@@ -1478,7 +1748,7 @@ class ExtractionOrchestrator:
                         })
                 except Exception as e:
                     logger.debug(f"解析模糊匹配记录失败: {record}, 错误: {e}")
-            
+
             # 处理LLM去重的合并记录
             llm_decision_records = dedup_details.get("llm_decision_records", [])
             for record in llm_decision_records:
@@ -1497,7 +1767,7 @@ class ExtractionOrchestrator:
                             })
                     except Exception as e:
                         logger.debug(f"解析LLM去重记录失败: {record}, 错误: {e}")
-            
+
             # 处理消歧记录
             disamb_records = dedup_details.get("disamb_records", [])
             for record in disamb_records:
@@ -1512,14 +1782,14 @@ class ExtractionOrchestrator:
                             entity1_type = match.group(2)
                             match.group(3).strip()
                             entity2_type = match.group(4)
-                            
+
                             # 提取置信度和原因
                             conf_match = re.search(r"conf=([0-9.]+)", str(record))
                             confidence = conf_match.group(1) if conf_match else "unknown"
-                            
+
                             reason_match = re.search(r"reason=([^|]+)", str(record))
                             reason = reason_match.group(1).strip() if reason_match else ""
-                            
+
                             self.dedup_disamb_records.append({
                                 "entity_name": entity1_name,
                                 "disamb_type": f"消歧阻断：{entity1_type} vs {entity2_type}",
@@ -1528,16 +1798,17 @@ class ExtractionOrchestrator:
                             })
                     except Exception as e:
                         logger.debug(f"解析消歧记录失败: {record}, 错误: {e}")
-            
-            logger.info(f"保存去重消歧记录：{len(self.dedup_merge_records)} 个合并记录，{len(self.dedup_disamb_records)} 个消歧记录")
-            
+
+            logger.info(
+                f"保存去重消歧记录：{len(self.dedup_merge_records)} 个合并记录，{len(self.dedup_disamb_records)} 个消歧记录")
+
         except Exception as e:
             logger.error(f"保存去重消歧详情失败: {e}", exc_info=True)
 
     async def _analyze_entity_merges(
-        self,
-        original_entities: List[ExtractedEntityNode],
-        final_entities: List[ExtractedEntityNode]
+            self,
+            original_entities: List[ExtractedEntityNode],
+            final_entities: List[ExtractedEntityNode]
     ) -> List[Dict[str, Any]]:
         """
         分析实体合并情况，直接使用内存中的合并记录（不再解析日志文件）
@@ -1558,28 +1829,28 @@ class ExtractionOrchestrator:
                     key=lambda x: x.get("merged_count", 0),
                     reverse=True
                 )
-                
+
                 merge_info = []
                 for record in sorted_records:
                     merge_info.append({
                         "main_entity_name": record.get("entity_name", "未知实体"),
                         "merged_count": record.get("merged_count", 1)
                     })
-                
+
                 return merge_info
-            
+
             # 如果没有保存的记录，返回空列表
             logger.info("未找到实体合并记录")
             return []
-            
+
         except Exception as e:
             logger.error(f"分析实体合并情况失败: {e}", exc_info=True)
             return []
 
     async def _analyze_entity_disambiguation(
-        self,
-        original_entities: List[ExtractedEntityNode],
-        final_entities: List[ExtractedEntityNode]
+            self,
+            original_entities: List[ExtractedEntityNode],
+            final_entities: List[ExtractedEntityNode]
     ) -> List[Dict[str, Any]]:
         """
         分析实体消歧情况，直接使用内存中的消歧记录（不再解析日志文件）
@@ -1595,11 +1866,11 @@ class ExtractionOrchestrator:
             # 直接使用保存的消歧记录
             if self.dedup_disamb_records:
                 return self.dedup_disamb_records
-            
+
             # 如果没有保存的记录，返回空列表
             logger.info("未找到实体消歧记录")
             return []
-            
+
         except Exception as e:
             logger.error(f"分析实体消歧情况失败: {e}", exc_info=True)
             return []
@@ -1616,7 +1887,7 @@ class ExtractionOrchestrator:
         """
         type_mapping = {
             "Person": "人物实体节点",
-            "Organization": "组织实体节点", 
+            "Organization": "组织实体节点",
             "ORG": "组织实体节点",
             "Location": "地点实体节点",
             "LOC": "地点实体节点",
@@ -1637,9 +1908,9 @@ class ExtractionOrchestrator:
         return type_mapping.get(entity_type, f"{entity_type}实体节点")
 
     async def _output_relationship_creation_results(
-        self, 
-        entity_entity_edges: List[EntityEntityEdge], 
-        entity_nodes: List[ExtractedEntityNode]
+            self,
+            entity_entity_edges: List[EntityEntityEdge],
+            entity_nodes: List[ExtractedEntityNode]
     ):
         """
         输出关系创建结果
@@ -1651,13 +1922,13 @@ class ExtractionOrchestrator:
         try:
             # 创建实体ID到名称的映射
             entity_id_to_name = {node.id: node.name for node in entity_nodes}
-            
+
             # 输出关系创建结果
             for i, edge in enumerate(entity_entity_edges[:10]):  # 只输出前10个关系
                 source_name = entity_id_to_name.get(edge.source, f"Entity_{edge.source}")
                 target_name = entity_id_to_name.get(edge.target, f"Entity_{edge.target}")
                 relation_type = edge.relation_type
-                
+
                 relationship_result = {
                     "result_type": "relationship_creation",
                     "relationship_index": i + 1,
@@ -1666,20 +1937,20 @@ class ExtractionOrchestrator:
                     "target_entity": target_name,
                     "relationship_text": f"{source_name} -[{relation_type}]-> {target_name}"
                 }
-                
+
                 await self.progress_callback("creating_nodes_edges_result", "关系创建", relationship_result)
-                
+
         except Exception as e:
             logger.error(f"输出关系创建结果失败: {e}", exc_info=True)
 
     async def _send_dedup_progress_callback(
-        self,
-        original_entities: int,
-        final_entities: int,
-        original_stmt_edges: int,
-        final_stmt_edges: int,
-        original_ent_edges: int,
-        final_ent_edges: int,
+            self,
+            original_entities: int,
+            final_entities: int,
+            original_stmt_edges: int,
+            final_stmt_edges: int,
+            original_ent_edges: int,
+            final_ent_edges: int,
     ):
         """
         发送去重消歧完成的进度回调，传递具体的去重和消歧效果
@@ -1695,19 +1966,20 @@ class ExtractionOrchestrator:
         try:
             # 解析去重消歧报告文件，获取具体的去重和消歧效果
             dedup_details = await self._parse_dedup_report()
-            
+
             # 计算去重效果统计
             entities_reduced = original_entities - final_entities
             stmt_edges_reduced = original_stmt_edges - final_stmt_edges
             ent_edges_reduced = original_ent_edges - final_ent_edges
-            
+
             # 构建进度回调数据
             dedup_stats = {
                 "entities": {
                     "original_count": original_entities,
                     "final_count": final_entities,
                     "reduced_count": entities_reduced,
-                    "reduction_rate": round(entities_reduced / original_entities * 100, 1) if original_entities > 0 else 0,
+                    "reduction_rate": round(entities_reduced / original_entities * 100,
+                                            1) if original_entities > 0 else 0,
                 },
                 "statement_entity_edges": {
                     "original_count": original_stmt_edges,
@@ -1726,9 +1998,9 @@ class ExtractionOrchestrator:
                     "total_disambiguations": dedup_details.get("total_disambiguations", 0),
                 }
             }
-            
+
             await self.progress_callback("dedup_disambiguation_complete", "去重消歧完成", dedup_stats)
-            
+
         except Exception as e:
             logger.error(f"发送去重消歧进度回调失败: {e}", exc_info=True)
             # 即使解析失败，也发送基本的统计信息
@@ -1758,12 +2030,12 @@ class ExtractionOrchestrator:
             disamb_examples = []
             total_merges = 0
             total_disambiguations = 0
-            
+
             # 处理合并记录
             for record in self.dedup_merge_records:
                 merge_count = record.get("merged_count", 0)
                 total_merges += merge_count
-                
+
                 dedup_examples.append({
                     "type": record.get("type", "未知"),
                     "entity_name": record.get("entity_name", "未知实体"),
@@ -1771,30 +2043,31 @@ class ExtractionOrchestrator:
                     "merge_count": merge_count,
                     "description": f"{record.get('entity_name', '未知实体')}实体去重合并{merge_count}个"
                 })
-            
+
             # 处理消歧记录
             for record in self.dedup_disamb_records:
                 total_disambiguations += 1
-                
+
                 # 从消歧类型中提取实体类型信息
                 disamb_type = record.get("disamb_type", "")
                 entity_name = record.get("entity_name", "未知实体")
-                
+
                 disamb_examples.append({
                     "entity1_name": entity_name,
-                    "entity1_type": disamb_type.split("vs")[0].replace("消歧阻断：", "").strip() if "vs" in disamb_type else "未知",
+                    "entity1_type": disamb_type.split("vs")[0].replace("消歧阻断：",
+                                                                       "").strip() if "vs" in disamb_type else "未知",
                     "entity2_name": entity_name,
                     "entity2_type": disamb_type.split("vs")[1].strip() if "vs" in disamb_type else "未知",
                     "description": f"{entity_name}，消歧区分成功"
                 })
-            
+
             return {
                 "dedup_examples": dedup_examples[:5],  # 只返回前5个示例
                 "disamb_examples": disamb_examples[:5],  # 只返回前5个示例
                 "total_merges": total_merges,
                 "total_disambiguations": total_disambiguations,
             }
-            
+
         except Exception as e:
             logger.error(f"获取去重报告失败: {e}", exc_info=True)
             return {"dedup_examples": [], "disamb_examples": [], "total_merges": 0, "total_disambiguations": 0}
@@ -1807,9 +2080,9 @@ class ExtractionOrchestrator:
 
 
 async def get_chunked_dialogs(
-    chunker_strategy: str = "RecursiveChunker",
-    end_user_id: str = "group_1",
-    indices: Optional[List[int]] = None,
+        chunker_strategy: str = "RecursiveChunker",
+        end_user_id: str = "group_1",
+        indices: Optional[List[int]] = None,
 ) -> List[DialogData]:
     """从测试数据生成分块对话
     
@@ -1823,7 +2096,7 @@ async def get_chunked_dialogs(
     """
     import json
     import re
-    
+
     # 加载测试数据
     testdata_path = os.path.join(os.path.dirname(__file__), "../../data", "testdata.json")
     with open(testdata_path, "r", encoding="utf-8") as f:
@@ -1837,7 +2110,7 @@ async def get_chunked_dialogs(
     else:
         # 默认使用所有数据
         selected_data = test_data
-        
+
     for data in selected_data:
         # 解析对话上下文
         context_text = data["context"]
@@ -1853,7 +2126,7 @@ async def get_chunked_dialogs(
             if m:
                 y, mo, d = int(m.group(1)), int(m.group(2)), int(m.group(3))
                 conv_date = f"{y:04d}-{mo:02d}-{d:02d}"
-                
+
         dialog_metadata: Dict[str, Any] = {}
         if conv_date:
             dialog_metadata["conversation_date"] = conv_date
@@ -1882,7 +2155,7 @@ async def get_chunked_dialogs(
             end_user_id=end_user_id,
             metadata=dialog_metadata,
         )
-        
+
         # 创建分块器并处理对话
         from app.core.memory.storage_services.extraction_engine.knowledge_extraction.chunk_extraction import (
             DialogueChunker,
@@ -1905,7 +2178,7 @@ async def get_chunked_dialogs(
     from app.core.config import settings
     settings.ensure_memory_output_dir()
     output_path = settings.get_memory_output_path("chunker_test_output.txt")
-    
+
     import json
     with open(output_path, "w", encoding="utf-8") as f:
         json.dump(
@@ -1916,10 +2189,10 @@ async def get_chunked_dialogs(
 
 
 def preprocess_data(
-    input_path: Optional[str] = None, 
-    output_path: Optional[str] = None,
-    skip_cleaning: bool = True,
-    indices: Optional[List[int]] = None
+        input_path: Optional[str] = None,
+        output_path: Optional[str] = None,
+        skip_cleaning: bool = True,
+        indices: Optional[List[int]] = None
 ) -> List[DialogData]:
     """数据预处理
     
@@ -1938,7 +2211,8 @@ def preprocess_data(
     )
     preprocessor = DataPreprocessor()
     try:
-        cleaned_data = preprocessor.preprocess(input_path=input_path, output_path=output_path, skip_cleaning=skip_cleaning, indices=indices)
+        cleaned_data = preprocessor.preprocess(input_path=input_path, output_path=output_path,
+                                               skip_cleaning=skip_cleaning, indices=indices)
         logger.debug(f"数据预处理完成！共处理了 {len(cleaned_data)} 条对话数据")
         return cleaned_data
     except Exception as e:
@@ -1947,9 +2221,9 @@ def preprocess_data(
 
 
 async def get_chunked_dialogs_from_preprocessed(
-    data: List[DialogData],
-    chunker_strategy: str = "RecursiveChunker",
-    llm_client: Optional[Any] = None,
+        data: List[DialogData],
+        chunker_strategy: str = "RecursiveChunker",
+        llm_client: Optional[Any] = None,
 ) -> List[DialogData]:
     """从预处理后的数据中生成分块
     
@@ -1964,31 +2238,31 @@ async def get_chunked_dialogs_from_preprocessed(
     logger.debug(f"=== 批量对话分块处理 (使用 {chunker_strategy}) ===")
     if not data:
         raise ValueError("预处理数据为空，无法进行分块")
-        
+
     all_chunked_dialogs: List[DialogData] = []
     from app.core.memory.storage_services.extraction_engine.knowledge_extraction.chunk_extraction import (
         DialogueChunker,
     )
-    
+
     for dialog_data in data:
         chunker = DialogueChunker(chunker_strategy, llm_client=llm_client)
         chunks = await chunker.process_dialogue(dialog_data)
         dialog_data.chunks = chunks
         all_chunked_dialogs.append(dialog_data)
-        
+
     return all_chunked_dialogs
 
 
 async def get_chunked_dialogs_with_preprocessing(
-    chunker_strategy: str = "RecursiveChunker",
-    end_user_id: str = "default",
-    user_id: str = "default",
-    apply_id: str = "default",
-    indices: Optional[List[int]] = None,
-    input_data_path: Optional[str] = None,
-    llm_client: Optional[Any] = None,
-    skip_cleaning: bool = True,
-    pruning_config: Optional[Dict] = None,
+        chunker_strategy: str = "RecursiveChunker",
+        end_user_id: str = "default",
+        user_id: str = "default",
+        apply_id: str = "default",
+        indices: Optional[List[int]] = None,
+        input_data_path: Optional[str] = None,
+        llm_client: Optional[Any] = None,
+        skip_cleaning: bool = True,
+        pruning_config: Optional[Dict] = None,
 ) -> List[DialogData]:
     """包含数据预处理步骤的完整分块流程
     
@@ -2012,7 +2286,7 @@ async def get_chunked_dialogs_with_preprocessing(
         input_data_path = os.path.join(
             os.path.dirname(__file__), "../../data", "testdata.json"
         )
-        
+
     # 步骤1: 数据预处理（包含索引筛选）
     from app.core.config import settings
     settings.ensure_memory_output_dir()
@@ -2022,37 +2296,38 @@ async def get_chunked_dialogs_with_preprocessing(
         skip_cleaning=skip_cleaning,
         indices=indices,
     )
-            
+
     # 设置 end_user_id
     for dd in preprocessed_data:
         dd.end_user_id = end_user_id
-        
+
     # 步骤2: 语义剪枝
     try:
         from app.core.memory.storage_services.extraction_engine.data_preprocessing.data_pruning import (
             SemanticPruner,
         )
         from app.core.memory.models.config_models import PruningConfig
-        
+
         # 构建剪枝配置
         if pruning_config:
             # 使用传入的配置
             config = PruningConfig(**pruning_config)
-            logger.debug(f"[剪枝] 使用传入配置: switch={config.pruning_switch}, scene={config.pruning_scene}, threshold={config.pruning_threshold}")
+            logger.debug(
+                f"[剪枝] 使用传入配置: switch={config.pruning_switch}, scene={config.pruning_scene}, threshold={config.pruning_threshold}")
         else:
             # 使用默认配置（关闭剪枝）
             config = None
             logger.debug("[剪枝] 未提供配置，使用默认配置（剪枝关闭）")
-        
+
         pruner = SemanticPruner(config=config, llm_client=llm_client)
-        
+
         # 记录单对话场景下剪枝前的消息数量
         single_dialog_original_msgs = None
         if len(preprocessed_data) == 1 and preprocessed_data[0].context:
             single_dialog_original_msgs = len(preprocessed_data[0].context.msgs)
 
         preprocessed_data = await pruner.prune_dataset(preprocessed_data)
-        
+
         # 单对话：打印清洗与剪枝信息
         if len(preprocessed_data) == 1 and single_dialog_original_msgs is not None:
             remaining_msgs = len(preprocessed_data[0].context.msgs) if preprocessed_data[0].context else 0
@@ -2063,7 +2338,7 @@ async def get_chunked_dialogs_with_preprocessing(
             )
         else:
             logger.debug(f"语义剪枝完成！剩余 {len(preprocessed_data)} 条对话")
-            
+
         # 保存剪枝后的数据
         try:
             from app.core.memory.storage_services.extraction_engine.data_preprocessing.data_preprocessor import (
@@ -2076,7 +2351,7 @@ async def get_chunked_dialogs_with_preprocessing(
             logger.error(f"保存剪枝结果失败：{se}")
     except Exception as e:
         logger.error(f"语义剪枝过程中出现错误，跳过剪枝: {e}")
-        
+
     # 步骤3: 对话分块
     return await get_chunked_dialogs_from_preprocessed(
         preprocessed_data,
diff --git a/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/embedding_generation.py b/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/embedding_generation.py
index 72f3641e..33838061 100644
--- a/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/embedding_generation.py
+++ b/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/embedding_generation.py
@@ -5,8 +5,11 @@
 """
 
 import asyncio
+import logging
 from typing import Any, Dict, List, Tuple
 
+logger = logging.getLogger(__name__)
+
 from app.core.memory.llm_tools.openai_embedder import OpenAIEmbedderClient
 from app.core.memory.models.message_models import DialogData
 from app.core.models.base import RedBearModelConfig
@@ -48,9 +51,9 @@ class EmbeddingGenerator:
             return await self.embedder_client.response(texts)
         
         # 分批并行处理
-        print(f"文本数量 {len(texts)} 超过批次大小 {batch_size}，分批并行处理")
+        logger.info(f"文本数量 {len(texts)} 超过批次大小 {batch_size}，分批并行处理")
         batches = [texts[i:i+batch_size] for i in range(0, len(texts), batch_size)]
-        print(f"分成 {len(batches)} 批，每批最多 {batch_size} 个文本")
+        logger.info(f"分成 {len(batches)} 批，每批最多 {batch_size} 个文本")
         
         # 并行发送所有批次
         batch_results = await asyncio.gather(*[
@@ -62,7 +65,7 @@ class EmbeddingGenerator:
         for batch_result in batch_results:
             embeddings.extend(batch_result)
         
-        print(f"分批并行处理完成，共生成 {len(embeddings)} 个嵌入向量")
+        logger.info(f"分批并行处理完成，共生成 {len(embeddings)} 个嵌入向量")
         return embeddings
 
     async def generate_statement_embeddings(
@@ -77,7 +80,7 @@ class EmbeddingGenerator:
         Returns:
             每个对话的陈述句嵌入向量映射列表
         """
-        print("\n=== 生成陈述句嵌入向量 ===")
+        logger.debug("=== 生成陈述句嵌入向量 ===")
 
         # 收集所有陈述句
         all_statements = []
@@ -102,7 +105,7 @@ class EmbeddingGenerator:
             stmt_id = chunked_dialogs[d_idx].chunks[c_idx].statements[s_idx].id
             stmt_embedding_maps[d_idx][stmt_id] = embedding
 
-        print(f"为 {len(all_statements)} 个陈述句生成了嵌入向量")
+        logger.info(f"为 {len(all_statements)} 个陈述句生成了嵌入向量")
         return stmt_embedding_maps
 
     async def generate_chunk_embeddings(
@@ -117,7 +120,7 @@ class EmbeddingGenerator:
         Returns:
             每个对话的分块嵌入向量映射列表
         """
-        print("\n=== 生成分块嵌入向量 ===")
+        logger.debug("=== 生成分块嵌入向量 ===")
 
         # 收集所有分块
         all_chunks = []
@@ -138,7 +141,7 @@ class EmbeddingGenerator:
             chunk_id = chunked_dialogs[d_idx].chunks[c_idx].id
             chunk_embedding_maps[d_idx][chunk_id] = embedding
 
-        print(f"为 {len(all_chunks)} 个分块生成了嵌入向量")
+        logger.info(f"为 {len(all_chunks)} 个分块生成了嵌入向量")
         return chunk_embedding_maps
 
     async def generate_dialog_embeddings(
@@ -172,7 +175,7 @@ class EmbeddingGenerator:
         Returns:
             (陈述句嵌入映射列表, 分块嵌入映射列表, 对话嵌入列表)
         """
-        print("\n=== 生成所有嵌入向量 ===")
+        logger.debug("=== 生成所有嵌入向量 ===")
 
         # 并发生成陈述句和分块嵌入向量
         stmt_embedding_maps, chunk_embedding_maps = await asyncio.gather(
@@ -183,9 +186,7 @@ class EmbeddingGenerator:
         # 对话嵌入向量（当前跳过）
         dialog_embeddings = await self.generate_dialog_embeddings(chunked_dialogs)
 
-        print(
-            f"生成完成：{len(chunked_dialogs)} 个对话的嵌入向量"
-        )
+        logger.info(f"生成完成：{len(chunked_dialogs)} 个对话的嵌入向量")
 
         return stmt_embedding_maps, chunk_embedding_maps, dialog_embeddings
 
@@ -201,7 +202,7 @@ class EmbeddingGenerator:
         Returns:
             更新后的三元组映射列表（实体包含嵌入向量）
         """
-        print("\n=== 生成实体嵌入向量 ===")
+        logger.debug("=== 生成实体嵌入向量 ===")
 
         entity_texts: List[str] = []
         entity_refs: List[Any] = []
@@ -219,7 +220,7 @@ class EmbeddingGenerator:
                         entity_refs.append(ent)
 
         if not entity_texts:
-            print("没有找到需要生成嵌入向量的实体")
+            logger.debug("没有找到需要生成嵌入向量的实体")
             return triplet_maps
 
         # 批量生成嵌入向量
@@ -227,13 +228,13 @@ class EmbeddingGenerator:
 
         # 打印前几个嵌入向量的维度
         for i in range(min(5, len(embeddings))):
-            print(f"实体 '{entity_texts[i]}' 嵌入向量维度: {len(embeddings[i])}")
+            logger.debug(f"实体 '{entity_texts[i]}' 嵌入向量维度: {len(embeddings[i])}")
 
         # 将嵌入向量赋值给实体
         for ent, emb in zip(entity_refs, embeddings):
             setattr(ent, "name_embedding", emb)
 
-        print(f"为 {len(entity_refs)} 个实体生成了嵌入向量")
+        logger.info(f"为 {len(entity_refs)} 个实体生成了嵌入向量")
         return triplet_maps
 
 
@@ -296,7 +297,7 @@ async def embedding_generation_all(
     Returns:
         (陈述句嵌入映射列表, 分块嵌入映射列表, 对话嵌入列表, 更新后的三元组映射列表)
     """
-    print("\n=== 综合嵌入向量生成（陈述句/分块/对话 + 实体）===")
+    logger.debug("=== 综合嵌入向量生成（陈述句/分块/对话 + 实体）===")
 
     generator = EmbeddingGenerator(embedding_id)
 
diff --git a/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/memory_summary.py b/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/memory_summary.py
index 443ee36a..5e39ba36 100644
--- a/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/memory_summary.py
+++ b/api/app/core/memory/storage_services/extraction_engine/knowledge_extraction/memory_summary.py
@@ -188,7 +188,6 @@ async def _process_chunk_summary(
             response_model=MemorySummaryResponse,
         )
         summary_text = structured.summary.strip()
-
         # Generate title and type for the summary
         title = None
         episodic_type = None
diff --git a/api/app/core/memory/utils/prompt/prompts/extracat_Pruning.jinja2 b/api/app/core/memory/utils/prompt/prompts/extracat_Pruning.jinja2
index e204b7f9..3061e663 100644
--- a/api/app/core/memory/utils/prompt/prompts/extracat_Pruning.jinja2
+++ b/api/app/core/memory/utils/prompt/prompts/extracat_Pruning.jinja2
@@ -1,6 +1,7 @@
 {#
   对话级抽取与相关性判定模板（用于剪枝加速）
-  输入：pruning_scene, ontology_classes, dialog_text, language
+  输入：pruning_scene, ontology_class_infos, dialog_text, language
+    - ontology_class_infos: List[{class_name: str, class_description: str}]
   输出：严格 JSON（不要包含任何多余文本），字段：
     - is_related: bool，是否与所选场景相关
     - times: [string]，从对话中抽取的时间相关文本（日期、时间、时间段、有效期等）
@@ -18,20 +19,16 @@
 #}
 
 {# ── 确定场景说明 ── #}
-{% if ontology_classes and ontology_classes | length > 0 %}
+{% if ontology_class_infos and ontology_class_infos | length > 0 %}
   {% if language == 'en' %}
-    {% set custom_types_str = ontology_classes | join(', ') %}
-    {% set instruction = 'Scene "' ~ pruning_scene ~ '": The dialogue is related to this scene if it involves any of the following entity types: ' ~ custom_types_str ~ '.' %}
+    {% set instruction = 'Scene "' ~ pruning_scene ~ '": The dialogue is relevant if it involves any of the following entity types.' %}
   {% else %}
-    {% set custom_types_str = ontology_classes | join('、') %}
-    {% set instruction = '场景「' ~ pruning_scene ~ '」：对话涉及以下任意实体类型时视为相关：' ~ custom_types_str ~ '。' %}
+    {% set instruction = '场景「' ~ pruning_scene ~ '」：对话涉及以下任意实体类型时视为相关。' %}
   {% endif %}
 {% else %}
   {% if language == 'en' %}
-    {% set custom_types_str = '' %}
     {% set instruction = 'Scene "' ~ pruning_scene ~ '": Determine whether the dialogue content is relevant to this scene based on overall context.' %}
   {% else %}
-    {% set custom_types_str = '' %}
     {% set instruction = '场景「' ~ pruning_scene ~ '」：根据对话整体内容判断是否与该场景相关。' %}
   {% endif %}
 {% endif %}
@@ -42,8 +39,17 @@
 2. 从对话中抽取所有需要保留的重要信息片段。
 
 场景说明：{{ instruction }}
-{% if custom_types_str %}
-重要提示：只要对话中出现与上述实体类型（{{ custom_types_str }}）相关的内容，即判定为相关（is_related=true）。
+
+{% if ontology_class_infos and ontology_class_infos | length > 0 %}
+【本场景实体类型定义】
+以下实体类型定义了本场景中哪些内容是重要的。
+凡是与以下任意类型相关的内容，都必须保留，并将关键词/短语提取到 keywords 字段：
+
+{% for info in ontology_class_infos %}
+- {{ info.class_name }}：{{ info.class_description }}
+{% endfor %}
+
+重要提示：只要对话中出现与上述任意实体类型相关的内容，即判定为相关（is_related=true）。
 {% endif %}
 
 ---
@@ -51,13 +57,40 @@
 以下类型的内容无论是否与场景直接相关，都必须保留，请将其关键词/短语抽取到对应字段：
 - 时间信息：日期、时间点、时间段、有效期 → times 字段
 - 编号信息：学号、工号、订单号、申请号、账号、ID → ids 字段
-- 金额信息：价格、费用、金额（含货币符号或单位） → amounts 字段
+- 金额信息：价格、费用、金额（含货币符号或单位，如"100元"、"¥200"）→ amounts 字段（注意：考试分数、成绩分数不属于金额，不要放入此字段）
 - 联系方式：电话、手机号、邮箱、微信、QQ → contacts 字段
 - 地址信息：地点、地址、位置 → addresses 字段
-- 场景关键词：与场景强相关的专业术语、事件名称 → keywords 字段
+- 场景关键词：与**当前场景**强相关的专业术语、事件名称 → keywords 字段（注意：只放与当前场景直接相关的词，跨场景的内容不要放入此字段）
 - **情绪与情感**：喜悦、悲伤、愤怒、焦虑、开心、难过、委屈、兴奋、害怕、担心、压力、感动等情绪表达 → preserve_keywords 字段
 - **兴趣与爱好**：喜欢、热爱、爱好、擅长、享受、沉迷、着迷、讨厌某事物等个人偏好表达 → preserve_keywords 字段
-- **个人观点与态度**：对某事物的明确看法、评价、立场 → preserve_keywords 字段
+- **个人情感态度**：对人际关系、情感状态的明确表达（如"我跟室友闹矛盾了"、"我都快抑郁了"）→ preserve_keywords 字段
+- 注意：学业目标（如"我想考研"）、成绩（如"87分"）、学科偏好（如"喜欢数学"）属于学业信息，不属于情绪/情感，不要放入 preserve_keywords 字段
+
+【场景无关内容标记】
+请从对话中识别出与当前场景（{{ pruning_scene }}）**既不相关、也无语义关联**的消息片段，将其原文（或关键片段）提取到 scene_unrelated_snippets 字段。
+判断标准：
+- 与场景实体类型完全无关
+- 与场景话题没有因果/时间/情境上的关联（例如：不是"因为上课所以累"这种关联）
+- 纯粹是另一个话题的内容（如在教育场景中讨论购物、娱乐等）
+注意：有情绪/感受表达的消息即使话题不同，也可能有语义关联，请谨慎标记。
+
+**重要：scene_unrelated_snippets 必须认真填写，不能为空数组。**
+如果对话中存在与场景无关的内容，必须将其原文片段提取出来。
+
+示例（场景=在线教育）：
+- "我最近心情很差，跟室友闹矛盾了" → 与教育场景无关，加入 scene_unrelated_snippets
+- "她总是很晚回来吵到我睡觉" → 与教育场景无关，加入 scene_unrelated_snippets
+- "对，我都快抑郁了" → 与教育场景无关，加入 scene_unrelated_snippets
+- "期末考试12月25日" → 与教育场景相关，不加入 scene_unrelated_snippets
+- "我上次高数作业87分" → 与教育场景相关，不加入 scene_unrelated_snippets
+- "我的目标是考研" → 与教育场景相关，不加入 scene_unrelated_snippets
+
+示例（场景=情感陪伴）：
+- "我最近心情很差，跟室友闹矛盾了" → 与情感陪伴场景相关（情绪+关系），不加入 scene_unrelated_snippets
+- "对，我都快抑郁了" → 与情感陪伴场景相关（情绪），不加入 scene_unrelated_snippets
+- "期末考试12月25日，3号教学楼201室" → 与情感陪伴场景无关（教育信息），加入 scene_unrelated_snippets
+- "我上次高数作业87分，这次能考好吗" → 与情感陪伴场景无关（学业信息），加入 scene_unrelated_snippets
+- "我的目标是考研，想读应用数学" → 与情感陪伴场景无关（学业目标），加入 scene_unrelated_snippets
 
 【可以删除的内容】
 以下类型的内容属于低价值信息，可以在剪枝时删除：
@@ -88,7 +121,8 @@
   "contacts": [<string>...],
   "addresses": [<string>...],
   "keywords": [<string>...],
-  "preserve_keywords": [<string>...]
+  "preserve_keywords": [<string>...],
+  "scene_unrelated_snippets": [<string>...]
 }
 {% else %}
 You are a dialogue content analysis assistant. Please analyze the full dialogue below in one pass and complete two tasks:
@@ -96,8 +130,17 @@ You are a dialogue content analysis assistant. Please analyze the full dialogue
 2. Extract all important information fragments that must be preserved.
 
 Scenario Description: {{ instruction }}
-{% if custom_types_str %}
-Important: If the dialogue contains content related to any of the entity types above ({{ custom_types_str }}), mark it as relevant (is_related=true).
+
+{% if ontology_class_infos and ontology_class_infos | length > 0 %}
+[Scene Entity Type Definitions]
+The following entity types define what content is important in this scene.
+Content related to ANY of these types must be preserved and extracted into the keywords field:
+
+{% for info in ontology_class_infos %}
+- {{ info.class_name }}: {{ info.class_description }}
+{% endfor %}
+
+Important: If the dialogue contains content related to any of the entity types above, mark it as relevant (is_related=true).
 {% endif %}
 
 ---
@@ -105,13 +148,22 @@ Important: If the dialogue contains content related to any of the entity types a
 The following types of content must always be preserved regardless of scene relevance. Extract their keywords/phrases into the corresponding fields:
 - Time information: dates, time points, durations, expiry dates → times field
 - ID information: student IDs, employee IDs, order numbers, application numbers, account IDs → ids field
-- Amount information: prices, fees, amounts (with currency symbols or units) → amounts field
+- Amount information: prices, fees, amounts (with currency symbols or units, e.g., "$100", "¥200") → amounts field (Note: exam scores and grades are NOT amounts, do not put them here)
 - Contact information: phone numbers, emails, WeChat, QQ → contacts field
 - Address information: locations, addresses, places → addresses field
-- Scene keywords: professional terms and event names strongly related to the scene → keywords field
+- Scene keywords: professional terms and event names strongly related to **the current scene** → keywords field (Note: only put terms directly related to the current scene; cross-scene content should not be placed here)
 - **Emotions and feelings**: joy, sadness, anger, anxiety, happiness, sadness, excitement, fear, worry, stress, being moved, etc. → preserve_keywords field
 - **Interests and hobbies**: likes, loves, hobbies, good at, enjoys, obsessed with, hates something, personal preferences → preserve_keywords field
-- **Personal opinions and attitudes**: clear views, evaluations, or stances on something → preserve_keywords field
+- **Personal emotional attitudes**: clear expressions about interpersonal relationships or emotional states (e.g., "I had a fight with my roommate", "I'm almost depressed") → preserve_keywords field
+- Note: Academic goals (e.g., "I want to pursue a master's degree"), grades (e.g., "87 points"), and subject preferences (e.g., "I like math") are academic information, NOT emotions/feelings — do not put them in preserve_keywords
+
+[Scene-Unrelated Content Marking]
+Please identify message snippets in the dialogue that are **neither relevant to nor semantically associated with** the current scene ({{ pruning_scene }}), and extract their original text (or key fragments) into the scene_unrelated_snippets field.
+Criteria:
+- Completely unrelated to the scene's entity types
+- No causal/temporal/contextual association with the scene topic (e.g., "feeling tired because of class" IS associated)
+- Purely belongs to a different topic (e.g., discussing shopping or entertainment in an education scene)
+Note: Messages with emotional/feeling expressions may still have semantic association even if the topic differs — mark carefully.
 
 [CAN BE DELETED]
 The following types of content are low-value and can be removed during pruning:
@@ -141,6 +193,7 @@ Output strict JSON only (fixed keys, order doesn't matter):
   "contacts": [<string>...],
   "addresses": [<string>...],
   "keywords": [<string>...],
-  "preserve_keywords": [<string>...]
+  "preserve_keywords": [<string>...],
+  "scene_unrelated_snippets": [<string>...]
 }
 {% endif %}
diff --git a/api/app/core/memory/utils/prompt/prompts/extract_triplet.jinja2 b/api/app/core/memory/utils/prompt/prompts/extract_triplet.jinja2
index b2f287f4..6605532d 100644
--- a/api/app/core/memory/utils/prompt/prompts/extract_triplet.jinja2
+++ b/api/app/core/memory/utils/prompt/prompts/extract_triplet.jinja2
@@ -5,6 +5,15 @@
 ===Task===
 Extract entities and knowledge triplets from the given statement.
 
+**⚠️ CRITICAL REQUIREMENTS:**
+1. **ALIASES ORDER IS CRITICAL**: The FIRST alias in the array will be used as the user's primary display name (other_name). You MUST put the most important/frequently used name FIRST.
+2. **ALWAYS include aliases field**: Even if empty, you MUST include "aliases": [] in EVERY entity.
+
+<!-- TODO: v0.2.10 - denied_aliases 功能暂时禁用，将通过 Cypher 查询实现
+2. **DENIED_ALIASES**: When user explicitly denies a name (e.g., "我不叫X", "I'm not called X"), you MUST put X in denied_aliases field, NOT in aliases.
+3. **ALWAYS include both fields**: Even if empty, you MUST include "aliases": [] and "denied_aliases": [] in EVERY entity.
+-->
+
 {% if language == "zh" %}
 **重要：请使用中文生成实体名称（name）、描述（description）和示例（example）。**
 {% else %}
@@ -18,34 +27,29 @@ Extract entities and knowledge triplets from the given statement.
 {% if ontology_types %}
 ===Ontology Type Guidance===
 
-**CRITICAL RULE: You MUST ONLY use the predefined ontology type names listed below for the entity "type" field. Do NOT use any other type names, even if they seem reasonable.**
+**CRITICAL: Use ONLY predefined type names below. If no exact match, use CLOSEST type. NEVER invent new types.**
 
-**If no predefined type fits an entity, use the CLOSEST matching predefined type. NEVER invent new type names.**
+**Type Priority:**
+1. [场景类型] Scene Types (domain-specific, prefer first)
+2. [通用类型] General Types (standard ontologies)
+3. [通用父类] Parent Types (hierarchy context)
 
-**Type Priority (from highest to lowest):**
-1. **[场景类型] Scene Types** - Domain-specific types, ALWAYS prefer these first
-2. **[通用类型] General Types** - Common types from standard ontologies (DBpedia)
-3. **[通用父类] Parent Types** - Provide type hierarchy context
+**Rules:**
+- Type MUST exactly match predefined names
+- Do NOT modify, translate, or abbreviate type names
+- Prefer scene types over general types
 
-**Type Matching Rules:**
-- Entity type MUST exactly match one of the predefined type names below
-- Do NOT use types like "Equipment", "Component", "Concept", "Action", "Condition", "Data", "Duration" unless they appear in the predefined list
-- Do NOT modify, translate, abbreviate, or create variations of type names
-- Prefer scene types (marked [场景类型]) over general types when both could apply
-- If uncertain, check the type description to find the best match
-
-**Predefined Ontology Types:**
+**Predefined Types:**
 {{ ontology_types }}
 
 {% if type_hierarchy_hints %}
-**Type Hierarchy Reference:**
-The following shows type inheritance relationships (Child → Parent → Grandparent):
+**Hierarchy:**
 {% for hint in type_hierarchy_hints %}
 - {{ hint }}
 {% endfor %}
 {% endif %}
 
-**ALLOWED Type Names (use EXACTLY one of these, no exceptions):**
+**ALLOWED Names:**
 {{ ontology_type_names | join(', ') }}
 
 {% endif %}
@@ -62,66 +66,94 @@ The following shows type inheritance relationships (Child → Parent → Grandpa
 - **Entity descriptions must be in English**
 - **Examples must be in English**
 {% endif %}
-- **Semantic Memory Classification (is_explicit_memory):**
-  * Set to `true` if the entity represents **explicit/semantic memory**:
-    - **Concepts:** "Machine Learning", "Photosynthesis", "Democracy"
-    - **Knowledge:** "Python Programming Language", "Theory of Relativity"
-    - **Definitions:** "API (Application Programming Interface)", "REST API"
-    - **Principles:** "SOLID Principles", "First Law of Thermodynamics"
-    - **Theories:** "Evolution Theory", "Quantum Mechanics"
-    - **Methods/Techniques:** "Agile Development", "Machine Learning Algorithm"
-    - **Technical Terms:** "Neural Network", "Database"
-  * Set to `false` for:
-    - **People:** "John Smith", "Dr. Wang"
-    - **Organizations:** "Microsoft", "Harvard University"
-    - **Locations:** "Beijing", "Central Park"
-    - **Events:** "2024 Conference", "Project Meeting"
-    - **Specific objects:** "iPhone 15", "Building A"
-- **Example Generation (IMPORTANT for semantic memory entities):**
-  * For entities where `is_explicit_memory=true`, generate a **concise example (around 20 characters)** to help understand the concept
-  * The example should be:
-    - **Specific and concrete**: Use real-world scenarios or applications
-    - **Brief**: Around 20 characters (can be slightly longer if needed for clarity)
+- **Semantic Memory (is_explicit_memory):**
+  * `true` for: Concepts, Knowledge, Definitions, Theories, Methods (e.g., "Machine Learning", "REST API")
+  * `false` for: People, Organizations, Locations, Events, Specific objects
+  * For `is_explicit_memory=true`, provide concise example (~20 chars{% if language == "zh" %}，使用中文{% endif %})
+
+**🚨🚨🚨 ALIASES & DENIED_ALIASES - MANDATORY FIELDS 🚨🚨🚨**
+
+**CRITICAL RULES (违反将导致提取失败):**
+
+1. **EVERY entity MUST have aliases field:**
+   - `"aliases": [...]` - REQUIRED, even if empty `[]`
+
+2. **ALIASES - 别名提取规则:**
 {% if language == "zh" %}
-    - **使用中文**
+   - 包含：昵称、全名、简称、别称、网名等
+   - 顺序：**第一个别名将作为用户的主显示名称（other_name），必须把最重要/最常用的名字放在第一位**
+   - 提取顺序：严格按照对话中首次出现的顺序
+   - 示例：
+     * "我叫张三，大家叫我小张" → aliases=["张三", "小张"]（张三是第一个，将成为 other_name）
+     * "大家叫我小李，我全名叫李明" → aliases=["小李", "李明"]（小李先出现，将成为 other_name）
+   - 空值：如果没有别名，使用 `[]`
+   - 重要：只提取本次对话中明确提到的别名，不要推测或添加未提及的名字
 {% else %}
-    - **In English**
+   - Include: nicknames, full names, abbreviations, alternative names
+   - Order: **The FIRST alias will be used as the user's primary display name (other_name). Put the most important/frequently used name FIRST**
+   - Extraction order: Strictly follow the order of first appearance in conversation
+   - Examples:
+     * "I'm John, people call me Johnny" → aliases=["John", "Johnny"] (John is first, will become other_name)
+     * "People call me Mike, my full name is Michael" → aliases=["Mike", "Michael"] (Mike appears first, will become other_name)
+   - Empty: If no aliases, use `[]`
+   - Important: Only extract aliases explicitly mentioned in current conversation, do not infer or add unmentioned names
 {% endif %}
-  * For non-semantic entities (`is_explicit_memory=false`), the example field can be empty
-- **Aliases Extraction:**
+
+
+
+3. **USER ENTITY SPECIAL HANDLING:**
 {% if language == "zh" %}
-  * 别名使用中文
+   - 用户实体的 name 字段：使用 "用户" 或 "我"
+   - 用户的真实姓名：放入 aliases
+   - **🚨 禁止将 "用户"、"我" 放入 aliases 中，aliases 只能包含用户的真实姓名、昵称等**
+   - 示例：
+     * "我叫李明" → name="用户", aliases=["李明"]
+     * ❌ 错误：aliases=["用户", "李明"]（"用户"不是真实姓名，禁止放入 aliases）
+     * ❌ 错误：aliases=["我", "李明"]（"我"不是真实姓名，禁止放入 aliases）
 {% else %}
-  * Aliases should be in English
+   - User entity name field: use "User" or "I"
+   - User's real name: put in aliases
+   - **🚨 NEVER put "User" or "I" in aliases. Aliases must only contain real names, nicknames, etc.**
+   - Examples:
+     * "I'm John" → name="User", aliases=["John"]
+     * ❌ Wrong: aliases=["User", "John"] ("User" is not a real name, FORBIDDEN in aliases)
+     * ❌ Wrong: aliases=["I", "John"] ("I" is not a real name, FORBIDDEN in aliases)
 {% endif %}
-  * Include common alternative names, abbreviations and full names
-  * If no aliases exist, use empty array: []
-- Exclude lengthy quotes, calendar dates, temporal ranges, and temporal expressions
-- For numeric values: extract as separate entities (instance_of: 'Numeric', name: units, numeric_value: value)
-  Example: £30 → name: 'GBP', numeric_value: 30, instance_of: 'Numeric'
+
+
+
+4. **ALIASES ORDER:**
+{% if language == "zh" %}
+   - 顺序优先级：按出现顺序，先出现的在前
+{% else %}
+   - Order priority: by appearance order, first mentioned comes first
+{% endif %}
+
+**EXAMPLES OF CORRECT EXTRACTION:**
+{% if language == "zh" %}
+- "我叫张三" → aliases=["张三"] （张三将成为 other_name）
+- "大家叫我小明，我全名叫李明" → aliases=["小明", "李明"] （小明先出现，将成为 other_name）
+- "我是李华，网名叫华仔" → aliases=["李华", "华仔"] （李华先出现，将成为 other_name）
+{% else %}
+- "I'm John" → aliases=["John"] (John will become other_name)
+- "People call me Mike, my full name is Michael" → aliases=["Mike", "Michael"] (Mike appears first, will become other_name)
+- "I'm John Smith, username JSmith" → aliases=["John Smith", "JSmith"] (John Smith appears first, will become other_name)
+{% endif %}
+  
+- Exclude lengthy quotes, dates, temporal expressions
+- Numeric values: extract as entities (instance_of: 'Numeric', name: units, numeric_value: value)
 
 **Triplet Extraction:**
-- Extract (subject, predicate, object) triplets where:
-  - Subject: main entity performing the action or being described
-  - Predicate: relationship between entities (e.g., 'is', 'works at', 'believes')
-  - Object: entity, value, or concept affected by the predicate
+- Extract (subject, predicate, object) where subject/object are entities, predicate is relationship
 {% if language == "zh" %}
-- subject_name 和 object_name 必须使用中文
+- subject_name 和 object_name 使用中文
 {% else %}
-- subject_name and object_name must be in English (translate if original is in another language)
+- subject_name and object_name in English
 {% endif %}
-- Exclude all temporal expressions from every field
-- Use ONLY the predicates listed in "Predicate Instructions" (uppercase English tokens)
-- Do NOT translate predicate tokens
-- Do NOT include `statement_id` field (assigned automatically)
-
-**When NOT to extract triplets:**
-- Non-propositional utterances (emotions, fillers, onomatopoeia)
-- No clear predicate from the given definitions applies
-- Standalone noun phrases or checklist items → extract as entities only
-- Do NOT invent generic predicates (e.g., "IS_DOING", "FEELS", "MENTIONS")
-
-**If no valid triplet exists:** Return triplets: [], extract entities if present, otherwise both arrays empty.
+- Use ONLY predicates from "Predicate Instructions" (uppercase tokens)
+- Exclude temporal expressions, do NOT include `statement_id`
+- **When NOT to extract:** emotions, fillers, no clear predicate, standalone nouns
+- **If no valid triplet:** Return triplets: []
 {%- if predicate_instructions -%}
 
 **Predicate Instructions:**
@@ -207,26 +239,44 @@ Output:
     {"entity_idx": 0, "name": "三脚架", "type": "Equipment", "description": "摄影器材配件", "example": "", "aliases": ["相机三脚架"], "is_explicit_memory": false}
   ]
 }
+
+**Example 4 (别名 - Chinese):** "我的名字是乐力齐，我的小名是齐齐，同事们都叫我小乐"
+Output:
+{
+  "triplets": [],
+  "entities": [
+    {"entity_idx": 0, "name": "用户", "type": "Person", "description": "用户本人", "example": "", "aliases": ["乐力齐", "齐齐", "小乐"], "is_explicit_memory": false}
+  ]
+}
+
+**Example 5 (别名顺序 - Chinese):** "我叫陈思远。对了，我的网名叫「远山」"
+Output:
+{
+  "triplets": [],
+  "entities": [
+    {"entity_idx": 0, "name": "用户", "type": "Person", "description": "用户本人", "example": "", "aliases": ["陈思远", "远山"], "is_explicit_memory": false}
+  ]
+}
+
+
 {% endif %}
 ===End of Examples===
 
 {% if ontology_types %}
-**⚠️ REMINDER: The examples above use generic type names for illustration only. You MUST use ONLY the predefined ontology type names from the "ALLOWED Type Names" list above. For example, use "PredictiveMaintenance" instead of "Concept", use "ProductionLine" instead of "Equipment", etc. Map each entity to the closest matching predefined type.**
+**⚠️ REMINDER: Examples use generic types for illustration. You MUST use predefined types from "ALLOWED Names" above.**
 {% endif %}
 
 ===Output Format===
 
 **JSON Requirements:**
-- Use only ASCII double quotes (") for JSON structure
-- Never use Chinese quotation marks ("") or Unicode quotes
-- Escape quotation marks in text with backslashes (\")
-- Ensure proper string closure and comma separation
-- No line breaks within JSON string values
+- Use ASCII double quotes ("), escape with \"
+- No Chinese quotes (""), no line breaks in strings
 {% if language == "zh" %}
-- **语言要求：实体名称（name）、描述（description）、示例（example）、subject_name、object_name 必须使用中文**
+- **语言：name、description、example、subject_name、object_name 使用中文**
 {% else %}
-- **Language Requirement: Entity names, descriptions, examples, subject_name, object_name must be in English**
-- **If the original text is in Chinese, translate all names to English**
+- **Language: names, descriptions, examples in English (translate if needed)**
 {% endif %}
+- **⚠️ ALIASES ORDER: preserve temporal order of appearance**
+- **🚨 MANDATORY FIELD: EVERY entity MUST include "aliases" field, even if empty array []**
 
 {{ json_schema }}
diff --git a/api/app/core/models/__init__.py b/api/app/core/models/__init__.py
index f54afc08..f98d073f 100644
--- a/api/app/core/models/__init__.py
+++ b/api/app/core/models/__init__.py
@@ -2,6 +2,7 @@ from .base import  RedBearModelConfig, get_provider_llm_class, RedBearModelFacto
 from .llm import RedBearLLM
 from .embedding import RedBearEmbeddings
 from .rerank import RedBearRerank
+from .generation import RedBearImageGenerator, RedBearVideoGenerator
 
 __all__ = [
     "RedBearModelConfig",
@@ -9,5 +10,7 @@ __all__ = [
     "RedBearEmbeddings",
     "RedBearRerank",
     "RedBearModelFactory",
-    "get_provider_llm_class"
+    "get_provider_llm_class",
+    "RedBearImageGenerator",
+    "RedBearVideoGenerator"
 ]
\ No newline at end of file
diff --git a/api/app/core/models/base.py b/api/app/core/models/base.py
index 4a453c6b..80117f27 100644
--- a/api/app/core/models/base.py
+++ b/api/app/core/models/base.py
@@ -67,7 +67,7 @@ class RedBearModelFactory:
                 **config.extra_params
             }
 
-        if provider in [ModelProvider.OPENAI, ModelProvider.XINFERENCE, ModelProvider.GPUSTACK, ModelProvider.OLLAMA]:
+        if provider in [ModelProvider.OPENAI, ModelProvider.XINFERENCE, ModelProvider.GPUSTACK, ModelProvider.OLLAMA, ModelProvider.VOLCANO]:
             # 使用 httpx.Timeout 对象来设置详细的超时配置
             # 这样可以分别控制连接超时和读取超时
             import httpx
@@ -160,11 +160,13 @@ def get_provider_llm_class(config: RedBearModelConfig, type: ModelType = ModelTy
     # dashscope 的 omni 模型使用 OpenAI 兼容模式
     if provider == ModelProvider.DASHSCOPE and config.is_omni:
         return ChatOpenAI
-    if provider in [ModelProvider.OPENAI, ModelProvider.XINFERENCE, ModelProvider.GPUSTACK]:
+    if provider in [ModelProvider.OPENAI, ModelProvider.XINFERENCE, ModelProvider.GPUSTACK, ModelProvider.VOLCANO]:
         if type == ModelType.LLM:
             return OpenAI
         elif type == ModelType.CHAT:
             return ChatOpenAI
+        else:
+            raise BusinessException(f"不支持的模型提供商及类型: {provider}-{type}", code=BizCode.PROVIDER_NOT_SUPPORTED)
     elif provider == ModelProvider.DASHSCOPE:
         return ChatTongyi
     elif provider == ModelProvider.OLLAMA:
diff --git a/api/app/core/models/embedding.py b/api/app/core/models/embedding.py
index 16af2567..3269e1d0 100644
--- a/api/app/core/models/embedding.py
+++ b/api/app/core/models/embedding.py
@@ -1,23 +1,190 @@
 
-from typing import Any, Dict, List, Optional, TypeVar, Callable
+from typing import Any, Dict, List, Optional, Union
 from langchain_core.embeddings import Embeddings
 
-from app.core.models.base import RedBearModelConfig,get_provider_embedding_class,RedBearModelFactory
+from app.core.models.base import RedBearModelConfig, get_provider_embedding_class, RedBearModelFactory
+from app.models.models_model import ModelProvider
+
 
 class RedBearEmbeddings(Embeddings):
-    """Embedding → 完全符合 LangChain Embeddings"""
+    """统一的 Embedding 类，自动支持多模态（根据 provider 判断）"""
+    
     def __init__(self, config: RedBearModelConfig):
-        self._model = self._create_model(config)
         self._config = config
+        self._is_volcano = config.provider.lower() == ModelProvider.VOLCANO
+        
+        if self._is_volcano:
+            # 火山引擎使用 Ark SDK
+            self._client = self._create_volcano_client(config)
+            self._model = None
+        else:
+            # 其他 provider 使用 LangChain
+            self._model = self._create_model(config)
+            self._client = None
 
     def _create_model(self, config: RedBearModelConfig) -> Embeddings:
-        """根据配置创建模型"""
+        """根据配置创建 LangChain 模型"""
         embedding_class = get_provider_embedding_class(config.provider)
         model_params = RedBearModelFactory.get_model_params(config)
         return embedding_class(**model_params)
+    
+    def _create_volcano_client(self, config: RedBearModelConfig):
+        """创建火山引擎客户端"""
+        from volcenginesdkarkruntime import Ark
+        return Ark(api_key=config.api_key, base_url=config.base_url)
 
+    # ==================== LangChain 标准接口 ====================
+    
     def embed_documents(self, texts: list[str]) -> list[list[float]]:
-        return self._model.embed_documents(texts)
+        """批量文本向量化（LangChain 标准接口）"""
+        if self._is_volcano:
+            # 火山引擎多模态 Embedding
+            contents = [{"type": "text", "text": text} for text in texts]
+            response = self._client.multimodal_embeddings.create(
+                model=self._config.model_name,
+                input=contents,
+                encoding_format="float"
+            )
+            return [response.data.embedding]
+        else:
+            # 其他 provider
+            return self._model.embed_documents(texts)
 
     def embed_query(self, text: str) -> List[float]:
-        return self._model.embed_query(text)
+        """单个文本向量化（LangChain 标准接口）"""
+        if self._is_volcano:
+            # 火山引擎多模态 Embedding
+            result = self.embed_documents([text])
+            return result[0] if result else []
+        else:
+            # 其他 provider
+            return self._model.embed_query(text)
+    
+    # ==================== 多模态扩展方法 ====================
+    
+    def embed_multimodal(
+        self,
+        contents: List[Dict[str, Any]],
+        **kwargs
+    ) -> List[List[float]]:
+        """
+        多模态向量化（仅火山引擎支持）
+        
+        Args:
+            contents: 内容列表，格式：
+                - 文本: {"type": "text", "text": "..."}
+                - 图片: {"type": "image_url", "image_url": {"url": "..."}}
+                - 视频: {"type": "video_url", "video_url": {"url": "..."}}
+            **kwargs: 其他参数
+            
+        Returns:
+            向量列表
+        """
+        if not self._is_volcano:
+            raise NotImplementedError(
+                f"多模态 Embedding 仅支持火山引擎，当前 provider: {self._config.provider}"
+            )
+        
+        response = self._client.multimodal_embeddings.create(
+            model=self._config.model_name,
+            input=contents,
+            **kwargs
+        )
+        return [response.data.embedding]
+    
+    async def aembed_multimodal(
+        self,
+        contents: List[Dict[str, Any]],
+        **kwargs
+    ) -> List[List[float]]:
+        """异步多模态向量化"""
+        # 火山引擎 SDK 暂不支持异步，使用同步方法
+        return self.embed_multimodal(contents, **kwargs)
+    
+    def embed_text(self, text: str, **kwargs) -> List[float]:
+        """文本向量化（便捷方法）"""
+        if self._is_volcano:
+            result = self.embed_multimodal(
+                [{"type": "text", "text": text}],
+                **kwargs
+            )
+            return result[0] if result else []
+        else:
+            return self.embed_query(text)
+    
+    def embed_image(self, image_url: str, **kwargs) -> List[float]:
+        """图片向量化（仅火山引擎支持）"""
+        if not self._is_volcano:
+            raise NotImplementedError(
+                f"图片向量化仅支持火山引擎，当前 provider: {self._config.provider}"
+            )
+        
+        result = self.embed_multimodal(
+            [{"type": "image_url", "image_url": {"url": image_url}}],
+            **kwargs
+        )
+        return result[0] if result else []
+    
+    def embed_video(self, video_url: str, **kwargs) -> List[float]:
+        """视频向量化（仅火山引擎支持）"""
+        if not self._is_volcano:
+            raise NotImplementedError(
+                f"视频向量化仅支持火山引擎，当前 provider: {self._config.provider}"
+            )
+        
+        result = self.embed_multimodal(
+            [{"type": "video_url", "video_url": {"url": video_url}}],
+            **kwargs
+        )
+        return result[0] if result else []
+    
+    def embed_batch(
+        self,
+        items: List[Union[str, Dict[str, Any]]],
+        **kwargs
+    ) -> List[List[float]]:
+        """
+        批量向量化（支持混合类型）
+        
+        Args:
+            items: 可以是字符串列表或内容字典列表
+            **kwargs: 其他参数
+            
+        Returns:
+            向量列表
+        """
+        # 如果全是字符串，使用标准方法
+        if all(isinstance(item, str) for item in items):
+            return self.embed_documents(items)
+        
+        # 如果包含字典，需要多模态支持
+        if not self._is_volcano:
+            raise NotImplementedError(
+                f"混合类型批量向量化仅支持火山引擎，当前 provider: {self._config.provider}"
+            )
+        
+        # 标准化输入格式
+        contents = []
+        for item in items:
+            if isinstance(item, str):
+                contents.append({"type": "text", "text": item})
+            elif isinstance(item, dict):
+                contents.append(item)
+            else:
+                raise ValueError(f"不支持的输入类型: {type(item)}")
+        
+        return self.embed_multimodal(contents, **kwargs)
+    
+    # ==================== 工具方法 ====================
+    
+    def is_multimodal_supported(self) -> bool:
+        """检查是否支持多模态"""
+        return self._is_volcano
+    
+    def get_provider(self) -> str:
+        """获取 provider"""
+        return self._config.provider
+
+
+# 保留 RedBearMultimodalEmbeddings 作为别名，向后兼容
+RedBearMultimodalEmbeddings = RedBearEmbeddings
diff --git a/api/app/core/models/generation.py b/api/app/core/models/generation.py
new file mode 100644
index 00000000..b6388d3f
--- /dev/null
+++ b/api/app/core/models/generation.py
@@ -0,0 +1,344 @@
+"""
+图片和视频生成模型封装
+
+支持的 Provider:
+- Volcano (火山引擎): 使用 volcenginesdkarkruntime
+- OpenAI: 使用 openai SDK
+"""
+from typing import Any, Dict, Optional
+
+from volcenginesdkarkruntime import Ark
+from volcenginesdkarkruntime.types.images.images import (
+    SequentialImageGenerationOptions,
+    ContentGenerationTool,
+    OptimizePromptOptions
+)
+
+from app.core.models.base import RedBearModelConfig
+from app.core.exceptions import BusinessException
+from app.core.error_codes import BizCode
+from app.models.models_model import ModelProvider
+
+
+class RedBearImageGenerator:
+    """图片生成模型封装"""
+    
+    def __init__(self, config: RedBearModelConfig):
+        self._config = config
+        self._client = self._create_client(config)
+    
+    def _create_client(self, config: RedBearModelConfig):
+        """根据 provider 创建客户端"""
+        provider = config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            return Ark(api_key=config.api_key, base_url=config.base_url)
+        # elif provider == ModelProvider.OPENAI:
+        #     from openai import OpenAI
+        #     return OpenAI(api_key=config.api_key, base_url=config.base_url)
+        else:
+            raise BusinessException(
+                f"不支持的图片生成提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
+    
+    def generate(
+        self,
+        prompt: str,
+        image: Optional[Any] = None,
+        size: Optional[str] = "2K",
+        output_format: str = "png",
+        response_format: str = "url",
+        watermark: bool = False,
+        sequential_image_generation: Optional[str] = None,
+        sequential_image_generation_options: Optional[Dict] = None,
+        tools: Optional[list] = None,
+        optimize_prompt_options: Optional[Dict] = None,
+        stream: bool = False,
+        **kwargs
+    ) -> Dict[str, Any]:
+        """
+        生成图片
+        
+        Args:
+            prompt: 提示词
+            image: 参考图片URL或URL列表（图文生图/多图融合）
+            size: 图片尺寸，支持 "2K", "2048x2048", "1920x1080" 等（至少3686400像素）
+            output_format: 输出格式，如 "png", "jpg"
+            response_format: 返回格式，"url" 或 "b64_json"
+            watermark: 是否添加水印
+            sequential_image_generation: 组图生成模式，"auto" 或 "disabled"
+            sequential_image_generation_options: 组图生成选项，如 {"max_images": 4}
+            tools: 工具列表，如 [{"type": "web_search"}] 用于联网搜索生图
+            optimize_prompt_options: 提示词优化选项，如 {"mode": "fast"}
+            stream: 是否使用流式生成
+            **kwargs: 其他参数
+            
+        Returns:
+            生成结果
+        """
+        provider = self._config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            params = {
+                "model": self._config.model_name,
+                "prompt": prompt,
+                "size": size,
+                "output_format": output_format,
+                "response_format": response_format,
+                "watermark": watermark,
+            }
+            
+            if image is not None:
+                params["image"] = image
+            
+            if sequential_image_generation:
+                params["sequential_image_generation"] = sequential_image_generation
+                if sequential_image_generation_options:
+                    params["sequential_image_generation_options"] = SequentialImageGenerationOptions(
+                        **sequential_image_generation_options
+                    )
+            
+            if tools:
+                params["tools"] = [ContentGenerationTool(**tool) if isinstance(tool, dict) else tool for tool in tools]
+            
+            if optimize_prompt_options:
+                params["optimize_prompt_options"] = OptimizePromptOptions(**optimize_prompt_options)
+            
+            if stream:
+                params["stream"] = True
+            
+            params.update(kwargs)
+            response = self._client.images.generate(**params)
+            
+        # elif provider == ModelProvider.OPENAI:
+        #     response = self._client.images.generate(
+        #         model=self._config.model_name,
+        #         prompt=prompt,
+        #         size=size,
+        #         n=n,
+        #         **kwargs
+        #     )
+        else:
+            raise BusinessException(
+                f"不支持的提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
+        
+        return response.model_dump() if hasattr(response, 'model_dump') else response
+    
+    async def agenerate(
+        self,
+        prompt: str,
+        image: Optional[Any] = None,
+        size: Optional[str] = "2K",
+        output_format: str = "png",
+        response_format: str = "url",
+        watermark: bool = False,
+        **kwargs
+    ) -> Dict[str, Any]:
+        """异步生成图片"""
+        return self.generate(prompt, image, size, output_format, response_format, watermark, **kwargs)
+
+
+class RedBearVideoGenerator:
+    """视频生成模型封装"""
+    
+    def __init__(self, config: RedBearModelConfig):
+        self._config = config
+        self._client = self._create_client(config)
+    
+    def _create_client(self, config: RedBearModelConfig):
+        """根据 provider 创建客户端"""
+        provider = config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            return Ark(api_key=config.api_key, base_url=config.base_url)
+        else:
+            raise BusinessException(
+                f"不支持的视频生成提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
+    
+    def generate(
+        self,
+        prompt: str,
+        image_url: Optional[str] = None,
+        first_frame_url: Optional[str] = None,
+        last_frame_url: Optional[str] = None,
+        reference_images: Optional[list] = None,
+        draft_task_id: Optional[str] = None,
+        duration: Optional[int] = None,
+        frames: Optional[int] = None,
+        ratio: Optional[str] = None,
+        resolution: Optional[str] = None,
+        generate_audio: bool = False,
+        watermark: bool = False,
+        camera_fixed: bool = False,
+        seed: Optional[int] = None,
+        return_last_frame: bool = False,
+        service_tier: str = "default",
+        execution_expires_after: Optional[int] = None,
+        draft: bool = False,
+        **kwargs
+    ) -> Dict[str, Any]:
+        """
+        生成视频
+        
+        Args:
+            prompt: 提示词
+            image_url: 首帧图片URL（图生视频-基于首帧）
+            first_frame_url: 首帧图片URL（图生视频-基于首尾帧）
+            last_frame_url: 尾帧图片URL（图生视频-基于首尾帧）
+            reference_images: 参考图片URL列表（图生视频-基于参考图）
+            draft_task_id: Draft任务ID（基于Draft生成正式视频）
+            duration: 视频时长（秒），与frames二选一
+            frames: 视频帧数，与duration二选一
+            ratio: 视频比例，如 "16:9", "9:16", "adaptive"
+            resolution: 视频分辨率，如 "720p", "1080p"
+            generate_audio: 是否生成音频
+            watermark: 是否添加水印
+            camera_fixed: 是否固定镜头
+            seed: 随机种子
+            return_last_frame: 是否返回最后一帧
+            service_tier: 服务层级，"default" 或 "flex"（离线推理）
+            execution_expires_after: 任务过期时间（秒）
+            draft: 是否生成样片
+            **kwargs: 其他参数
+            
+        Returns:
+            生成结果（包含任务ID，需要轮询获取结果）
+        """
+        provider = self._config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            content = [{"type": "text", "text": prompt}]
+            
+            if draft_task_id:
+                content = [{"type": "draft_task", "draft_task": {"id": draft_task_id}}]
+            else:
+                if image_url:
+                    content.append({"type": "image_url", "image_url": {"url": image_url}})
+                
+                if first_frame_url:
+                    content.append({"type": "image_url", "image_url": {"url": first_frame_url}, "role": "first_frame"})
+                if last_frame_url:
+                    content.append({"type": "image_url", "image_url": {"url": last_frame_url}, "role": "last_frame"})
+                
+                if reference_images:
+                    for ref_url in reference_images:
+                        content.append({"type": "image_url", "image_url": {"url": ref_url}, "role": "reference_image"})
+            
+            params = {"model": self._config.model_name, "content": content, "watermark": watermark}
+            
+            if duration:
+                params["duration"] = duration
+            if frames:
+                params["frames"] = frames
+            if ratio:
+                params["ratio"] = ratio
+            if resolution:
+                params["resolution"] = resolution
+            if generate_audio:
+                params["generate_audio"] = generate_audio
+            if camera_fixed:
+                params["camera_fixed"] = camera_fixed
+            if seed is not None:
+                params["seed"] = seed
+            if return_last_frame:
+                params["return_last_frame"] = return_last_frame
+            if service_tier != "default":
+                params["service_tier"] = service_tier
+            if execution_expires_after:
+                params["execution_expires_after"] = execution_expires_after
+            if draft:
+                params["draft"] = draft
+            
+            params.update(kwargs)
+            response = self._client.content_generation.tasks.create(**params)
+        else:
+            raise BusinessException(
+                f"不支持的提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
+        
+        return response.model_dump() if hasattr(response, 'model_dump') else response
+    
+    async def agenerate(
+        self,
+        prompt: str,
+        image_url: Optional[str] = None,
+        duration: Optional[int] = None,
+        **kwargs
+    ) -> Dict[str, Any]:
+        """异步生成视频"""
+        return self.generate(prompt, image_url=image_url, duration=duration, **kwargs)
+    
+    def get_task_status(self, task_id: str) -> Dict[str, Any]:
+        """
+        查询视频生成任务状态
+        
+        Args:
+            task_id: 任务ID
+            
+        Returns:
+            任务状态信息
+        """
+        provider = self._config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            response = self._client.content_generation.tasks.get(task_id=task_id)
+            return response.model_dump() if hasattr(response, 'model_dump') else response
+        else:
+            raise BusinessException(
+                f"不支持的提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
+    
+    async def aget_task_status(self, task_id: str) -> Dict[str, Any]:
+        """异步查询任务状态"""
+        return self.get_task_status(task_id)
+    
+    def list_tasks(self, page_size: int = 10, status: Optional[str] = None, **kwargs) -> Dict[str, Any]:
+        """
+        查询视频生成任务列表
+        
+        Args:
+            page_size: 每页数量
+            status: 任务状态筛选，如 "succeeded", "failed", "pending"
+            **kwargs: 其他参数
+            
+        Returns:
+            任务列表
+        """
+        provider = self._config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            params = {"page_size": page_size}
+            if status:
+                params["status"] = status
+            params.update(kwargs)
+            response = self._client.content_generation.tasks.list(**params)
+            return response.model_dump() if hasattr(response, 'model_dump') else response
+        else:
+            raise BusinessException(
+                f"不支持的提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
+    
+    def delete_task(self, task_id: str) -> None:
+        """
+        删除或取消视频生成任务
+        
+        Args:
+            task_id: 任务ID
+        """
+        provider = self._config.provider.lower()
+        
+        if provider == ModelProvider.VOLCANO:
+            self._client.content_generation.tasks.delete(task_id=task_id)
+        else:
+            raise BusinessException(
+                f"不支持的提供商: {provider}",
+                code=BizCode.PROVIDER_NOT_SUPPORTED
+            )
diff --git a/api/app/core/models/scripts/volcano_models.yaml b/api/app/core/models/scripts/volcano_models.yaml
new file mode 100644
index 00000000..24609f5a
--- /dev/null
+++ b/api/app/core/models/scripts/volcano_models.yaml
@@ -0,0 +1,334 @@
+provider: volcano
+models:
+# Doubao-Seed 2.0 系列
+- name: doubao-seed-2-0-pro-260215
+  type: chat
+  provider: volcano
+  description: 旗舰级全能通用模型，面向 Agent 时代的复杂推理与长链路任务执行场景。强调多模态理解、长上下文推理、结构化生成与工具增强执行。复杂指令与多约束执行能力突出，可稳定应对多步复杂规划、复杂图文推理、视频内容理解与高难度分析等场景。侧重长链路推理能力与复杂任务稳定性，适配真实业务中的复杂场景。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-2-0-lite-260215
+  type: chat
+  provider: volcano
+  description: 面向高频企业场景兼顾性能与成本的均衡型模型，综合能力超越上一代Doubao-Seed-1.8。胜任非结构化信息处理、内容创作、搜索推荐、数据分析等生产型工作，支持长上下文、多源信息融合、多步指令执行与高保真结构化输出。在保障稳定效果的同时显著优化成本。兼顾生成质量与响应速度，适合作为通用生产级模型。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-2-0-mini-260215
+  type: chat
+  provider: volcano
+  description: 面向低时延、高并发与成本敏感场景，提供极致的模型推理速度。模型效果与Doubao-Seed-1.6相当。支持256k上下文、4档思考长度和多模态理解，适合成本和速度优先的轻量级任务。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-2-0-code-preview-260215
+  type: chat
+  provider: volcano
+  description: 面向真实编程环境优化的 Coding 模型，能稳定调用 Claude Code 等常见 IDE 中的工具。模型特别优化了前端能力，在使用常见的前端框架时能有良好表现。模型支持使用 Skills，可以配合多种自定义技能使用。Seed 2.0 的编程加强版，更适合 Agentic Coding。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  - 代码模型
+  logo: volcano
+
+# Doubao-Seed 1.x 系列
+- name: doubao-seed-1-8-251228
+  type: chat
+  provider: volcano
+  description: Doubao-Seed-1.8 面向多模态 Agent 场景定向优化。Agent 能力上，Tool Use、复杂指令遵循等能力均大幅增强。多模态理解方面，视觉基础能力显著提升，可低帧率理解超长视频，视频运动理解、复杂空间理解及文档结构化解析能力也有所优化，还原生支持智能上下文管理，用户可配置上下文策略。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-1-6-251015
+  type: chat
+  provider: volcano
+  description: Doubao-Seed-1.6全新多模态深度思考模型，同时支持minimal/low/medium/high 四种reasoning effort。 更强模型效果，服务复杂任务和有挑战场景。支持 256k 上下文窗口，输出长度支持最大 32k tokens。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-1-6-lite-251015
+  type: chat
+  provider: volcano
+  description: 更高性价比，常见任务的最佳选择，支持minimal、low、medium、high 四种reasoning_effort思考深度
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-1-6-flash-250828
+  type: chat
+  provider: volcano
+  description: Doubao-Seed-1.6-flash推理速度极致的多模态深度思考模型，TPOT低至10ms； 同时支持文本和视觉理解，文本理解能力超过上一代lite，视觉理解比肩友商pro系列模型。支持 256k 上下文窗口，输出长度支持最大 16k tokens。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-seed-code-preview-251028
+  type: chat
+  provider: volcano
+  description: 面向Agentic编程任务进行了深度优化。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  - 代码模型
+  logo: volcano
+
+- name: doubao-seed-1-6-vision-250815
+  type: chat
+  provider: volcano
+  description: 全新Doubao-Seed-1.6系列视觉深度思考模型，视觉理解能力显著增强，并支持image_process视觉工具
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+    - video
+  is_omni: false
+  tags:
+  - 大语言模型
+  - 多模态模型
+  logo: volcano
+
+# Doubao 1.5 系列
+- name: doubao-1-5-vision-pro-32k-250115
+  type: chat
+  provider: volcano
+  description: 全新升级的多模态大模型，支持任意分辨率和极端长宽比图像识别，增强视觉推理、文档识别、细节信息理解和指令遵循能力。支持 32k 上下文窗口，输出长度支持最大 12k tokens。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 大语言模型
+  - 多模态模型
+  logo: volcano
+
+- name: doubao-1-5-pro-32k-250115
+  type: chat
+  provider: volcano
+  description: 全新一代主力模型，性能全面升级，在知识、代码、推理等方面表现卓越。最大支持 128k 上下文窗口，输出长度支持最大 12k tokens。
+  is_deprecated: false
+  is_official: true
+  capability: []
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+- name: doubao-1-5-lite-32k-250115
+  type: chat
+  provider: volcano
+  description: 全新一代轻量版模型，极致响应速度，效果与时延均达到全球一流水平。支持 32k 上下文窗口，输出长度支持最大 12k tokens。
+  is_deprecated: false
+  is_official: true
+  capability: []
+  is_omni: false
+  tags:
+  - 大语言模型
+  logo: volcano
+
+# Doubao-Seedance 视频生成系列
+- name: doubao-seedance-1-5-pro-251215
+  type: video
+  provider: volcano
+  description: 豆包视频生成模型Seedance 1.5 pro 作为全球领先的视频生成模型，可生成音画高精同步的视频内容。支持多人多语言对白，全面覆盖环境音、动作音、合成音、乐器音、背景音及人声，支持首尾帧，实现影视级叙事效果，满足影视、漫剧、电商及广告领域的高阶创作需求。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 视频生成
+  logo:  volcano
+
+- name: doubao-seedance-1-0-pro-250528
+  type: video
+  provider: volcano
+  description: 一款支持多镜头叙事的视频生成基础模型，在各维度表现出色。它在语义理解与指令遵循能力上取得突破，能生成运动流畅、细节丰富、风格多样且具备影视级美感的 1080P 高清视频
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 视频生成
+  logo: volcano
+
+- name: doubao-seedance-1-0-pro-fast-251015
+  type: video
+  provider: volcano
+  description: 一款价格触底、效能封顶的全面模型，在视频生成质量、速度、价格之间取得了卓越平衡。它继承了Seedance 1.0 pro 核心优势，同时生成速度提升、价格更具竞争力，为创作者带来效率与成本双重优化的体验。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 视频生成
+  logo: volcano
+
+- name: doubao-seedance-1-0-lite-i2v-250428
+  type: video
+  provider: volcano
+  description: 基于首帧图片、尾帧图片（可选）、参考图片（可选）和文本提示词（可选）相结合的方式生成视频
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 视频生成
+  - 图生视频
+  logo: volcano
+
+- name: doubao-seedance-1-0-lite-t2v-250428
+  type: video
+  provider: volcano
+  description: 基于文本提示词生成视频
+  is_deprecated: false
+  is_official: true
+  capability: []
+  is_omni: false
+  tags:
+  - 视频生成
+  - 文生视频
+  logo: volcano
+
+# Doubao-Seedream 图像生成系列
+- name: doubao-seedream-5-0-260128
+  type: image
+  provider: volcano
+  description: 字节跳动发布的最新图像创作模型。该模型首次搭载联网检索功能，能融合实时网络信息，提升生图时效性。同时，模型的聪明度进一步升级，能够精准解析复杂指令和视觉内容。此外，模型在世界知识广度、参考一致性及专业场景生成质量上均有增强，可更好地满足企业级视觉创作需求。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 图像生成
+  logo: volcano
+
+- name: doubao-seedream-4-5-251128
+  type: image
+  provider: volcano
+  description: 字节跳动最新推出的图像多模态模型，整合了文生图、图生图、组图输出等能力，融合常识和推理能力。相比前代4.0模型生成效果大幅提升，具备更好的编辑一致性和多图融合效果，能更精准的控制画面细节，小字、小人脸生成更自然，图片排版、色彩更和谐，美感提升。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 图像生成
+  logo: volcano
+
+- name: doubao-seedream-4-0-250828
+  type: image
+  provider: volcano
+  description: 基于领先架构的SOTA级多模态图像创作模型，其生成美感、指令遵循、结构完整度、主体保持一致性处于世界头部水平。模型采用同一套架构实现文生图与编辑能力的统一，原生支持文本 、单图和多图输入，并能通过对提示词的深度推理，自动适配最优的图像比例尺寸与生成数量，可一次性连续输出最多 15 张内容关联的图像，支持 4K 超高清输出。
+  is_deprecated: false
+  is_official: true
+  capability:
+    - vision
+  is_omni: false
+  tags:
+  - 图像生成
+  logo: volcano
+
+- name: doubao-seedream-3-0-t2i-250415
+  type: image
+  provider: volcano
+  description: 一款支持原生高分辨率的中英双语图像生成基础模型，综合能力媲美GPT-4o，处于世界第一梯队。支持原生 2K 分辨率输出；响应速度更快；小字生成更准确，文本排版效果增强；指令遵循能力强，美感&结构提升，保真度和细节表现较好。
+  is_deprecated: false
+  is_official: true
+  capability: []
+  is_omni: false
+  tags:
+  - 图像生成
+  - 文生图
+  logo: volcano
+
+# Doubao 翻译系列
+- name: doubao-seed-translation-250915
+  type: chat
+  provider: volcano
+  description: 通用多语言翻译模型，支持30余种语言互译，支持 4K 上下文窗口，输出长度支持最大 3K tokens
+  is_deprecated: false
+  is_official: true
+  capability: []
+  is_omni: false
+  tags:
+  - 翻译模型
+  logo: volcano
+
+# Doubao Embedding 系列
+- name: doubao-embedding-vision-251215
+  type: embedding
+  provider: volcano
+  description: 主要面向图文多模向量检索的使用场景，支持图片输入及中、英双语文本输入，最长 128K 上下文长度。
+  is_deprecated: false
+  is_official: true
+  capability:
+  - vision
+  - video
+  is_omni: false
+  tags:
+  - 向量模型
+  - 多模态模型
+  logo: volcano
diff --git a/api/app/core/rag/vdb/elasticsearch/elasticsearch_vector.py b/api/app/core/rag/vdb/elasticsearch/elasticsearch_vector.py
index 198d1473..386920e0 100644
--- a/api/app/core/rag/vdb/elasticsearch/elasticsearch_vector.py
+++ b/api/app/core/rag/vdb/elasticsearch/elasticsearch_vector.py
@@ -61,24 +61,16 @@ class ElasticSearchConfig(BaseModel):
 class ElasticSearchVector(BaseVector):
     def __init__(self, index_name: str, config: ElasticSearchConfig, embedding_config: ModelApiKey, reranker_config: ModelApiKey):
         super().__init__(index_name.lower())
-        # self.embeddings = XinferenceEmbeddings(
-        #     server_url=os.getenv("XINFERENCE_URL", "http://127.0.0.1"),  # Default Xinference port
-        #     model_uid="bge-m3"  # replace model_uid with the model UID return from launching the model
-        # )
-        # Remove debug printing to avoid leaking sensitive information
-        # print("embedding:" + embedding_config.model_name + "|" + embedding_config.provider + "|" + embedding_config.api_key + "|" + embedding_config.api_base)
+        
+        # 初始化 Embedding 模型（自动支持火山引擎多模态）
         self.embeddings = RedBearEmbeddings(RedBearModelConfig(
             model_name=embedding_config.model_name,
             provider=embedding_config.provider,
             api_key=embedding_config.api_key,
             base_url=embedding_config.api_base
         ))
-        # self.reranker = XinferenceRerank(
-        #     server_url=os.getenv("XINFERENCE_URL", "http://127.0.0.1"),
-        #     model_uid="bge-reranker-large"
-        # )
-        # Remove debug printing to avoid leaking sensitive information
-        # print("reranker:"+ reranker_config.model_name + "|" + reranker_config.provider + "|" + reranker_config.api_key + "|" + reranker_config.api_base)
+        self.is_multimodal_embedding = self.embeddings.is_multimodal_supported()
+        
         self.reranker = RedBearRerank(RedBearModelConfig(
             model_name=reranker_config.model_name,
             provider=reranker_config.provider,
@@ -144,7 +136,11 @@ class ElasticSearchVector(BaseVector):
     def add_chunks(self, chunks: list[DocumentChunk], **kwargs):
         # 实现 Elasticsearch 保存向量
         texts = [chunk.page_content for chunk in chunks]
-        embeddings = self.embeddings.embed_documents(list(texts))
+        if self.is_multimodal_embedding:
+            # 火山引擎多模态 Embedding
+            embeddings = self.embeddings.embed_batch(texts)
+        else:
+            embeddings = self.embeddings.embed_documents(list(texts))
         self.create(chunks, embeddings, **kwargs)
 
     def create(self, chunks: list[DocumentChunk], embeddings: list[list[float]], **kwargs):
@@ -394,7 +390,11 @@ class ElasticSearchVector(BaseVector):
             updated count.
         """
         indices = kwargs.get("indices", self._collection_name)  # Default single index, multi-index available，etc "index1,index2,index3"
-        chunk.vector = self.embeddings.embed_query(chunk.page_content)
+        if self.is_multimodal_embedding:
+            # 火山引擎多模态 Embedding
+            chunk.vector = self.embeddings.embed_text(chunk.page_content)
+        else:
+            chunk.vector = self.embeddings.embed_query(chunk.page_content)
 
         body = {
             "script": {
@@ -454,7 +454,11 @@ class ElasticSearchVector(BaseVector):
 
     def search_by_vector(self, query: str, **kwargs: Any) -> list[DocumentChunk]:
         """Search the nearest neighbors to a vector."""
-        query_vector = self.embeddings.embed_query(query)
+        if self.is_multimodal_embedding:
+            # 火山引擎多模态 Embedding
+            query_vector = self.embeddings.embed_text(query)
+        else:
+            query_vector = self.embeddings.embed_query(query)
         top_k = kwargs.get("top_k", 1024)
         score_threshold = float(kwargs.get("score_threshold") or 0.3)
         indices = kwargs.get("indices", self._collection_name)  # Default single index, multi-index available，etc "index1,index2,index3"
diff --git a/api/app/core/storage/base.py b/api/app/core/storage/base.py
index 8ab0fcde..09824c3f 100644
--- a/api/app/core/storage/base.py
+++ b/api/app/core/storage/base.py
@@ -109,17 +109,13 @@ class StorageBackend(ABC):
         pass
 
     @abstractmethod
-    async def get_url(self, file_key: str, expires: int = 3600) -> str:
-        """
-        Get an access URL for the file.
-
-        Args:
-            file_key: Unique identifier for the file in the storage system.
-            expires: URL validity period in seconds (default: 1 hour).
-
-        Returns:
-            URL for accessing the file.
-        """
+    async def get_url(
+        self,
+        file_key: str,
+        expires: int = 3600,
+        file_name: Optional[str] = None
+    ) -> str:
+        """Get an access URL for the file."""
         pass
 
     async def get_permanent_url(self, file_key: str) -> Optional[str]:
diff --git a/api/app/core/storage/local.py b/api/app/core/storage/local.py
index 4b8ae829..13adfc20 100644
--- a/api/app/core/storage/local.py
+++ b/api/app/core/storage/local.py
@@ -210,7 +210,12 @@ class LocalStorage(StorageBackend):
                 cause=e,
             )
 
-    async def get_url(self, file_key: str, expires: int = 3600) -> str:
+    async def get_url(
+        self,
+        file_key: str,
+        expires: int = 3600,
+        file_name: Optional[str] = None
+    ) -> str:
         """
         Get an access URL for the file.
 
@@ -220,6 +225,7 @@ class LocalStorage(StorageBackend):
         Args:
             file_key: Unique identifier for the file in the storage system.
             expires: URL validity period in seconds (not used for local storage).
+            file_name: If set, adds Content-Disposition: attachment to force download.
 
         Returns:
             A relative URL path for accessing the file.
diff --git a/api/app/core/storage/oss.py b/api/app/core/storage/oss.py
index 27669ffa..c6c6ec48 100644
--- a/api/app/core/storage/oss.py
+++ b/api/app/core/storage/oss.py
@@ -7,6 +7,7 @@ Storage Service (OSS) using the oss2 SDK.
 
 import io
 import logging
+import urllib.parse
 from typing import AsyncIterator, Optional
 
 import oss2
@@ -43,6 +44,8 @@ class OSSStorage(StorageBackend):
         access_key_id: str,
         access_key_secret: str,
         bucket_name: str,
+        connect_timeout: int = 30,
+        multipart_threshold: int = 10 * 1024 * 1024,  # 10MB
     ):
         """
         Initialize the OSSStorage backend.
@@ -52,6 +55,8 @@ class OSSStorage(StorageBackend):
             access_key_id: The Aliyun access key ID.
             access_key_secret: The Aliyun access key secret.
             bucket_name: The name of the OSS bucket.
+            connect_timeout: Connection timeout in seconds (default: 30).
+            multipart_threshold: File size threshold for multipart upload (default: 10MB).
 
         Raises:
             StorageConfigError: If any required configuration is missing.
@@ -68,10 +73,17 @@ class OSSStorage(StorageBackend):
 
         self.endpoint = endpoint
         self.bucket_name = bucket_name
+        self.multipart_threshold = multipart_threshold
 
         try:
             auth = oss2.Auth(access_key_id, access_key_secret)
-            self.bucket = oss2.Bucket(auth, endpoint, bucket_name)
+            # 设置超时和重试
+            self.bucket = oss2.Bucket(
+                auth, 
+                endpoint, 
+                bucket_name,
+                connect_timeout=connect_timeout
+            )
             logger.info(
                 f"OSSStorage initialized with endpoint: {endpoint}, bucket: {bucket_name}"
             )
@@ -107,21 +119,38 @@ class OSSStorage(StorageBackend):
             if content_type:
                 headers["Content-Type"] = content_type
 
-            self.bucket.put_object(file_key, content, headers=headers if headers else None)
+            # 大文件使用分片上传
+            if len(content) > self.multipart_threshold:
+                logger.info(f"Using multipart upload for large file: {file_key} ({len(content)} bytes)")
+                upload_id = self.bucket.init_multipart_upload(file_key, headers=headers if headers else None).upload_id
+                parts = []
+                part_size = 5 * 1024 * 1024  # 5MB per part
+                part_num = 1
+                
+                for offset in range(0, len(content), part_size):
+                    chunk = content[offset:offset + part_size]
+                    result = self.bucket.upload_part(file_key, upload_id, part_num, chunk)
+                    parts.append(oss2.models.PartInfo(part_num, result.etag))
+                    part_num += 1
+                
+                self.bucket.complete_multipart_upload(file_key, upload_id, parts)
+            else:
+                self.bucket.put_object(file_key, content, headers=headers if headers else None)
+            
             logger.info(f"File uploaded to OSS successfully: {file_key}")
             return file_key
 
         except OssError as e:
             logger.error(f"OSS error uploading file {file_key}: {e}")
             raise StorageUploadError(
-                message=f"Failed to upload file to OSS: {e.message}",
+                message=f"Failed to upload file to OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
         except Exception as e:
             logger.error(f"Failed to upload file to OSS {file_key}: {e}")
             raise StorageUploadError(
-                message=f"Failed to upload file to OSS: {e}",
+                message=f"Failed to upload file to OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
@@ -134,28 +163,73 @@ class OSSStorage(StorageBackend):
     ) -> int:
         """Upload from async stream to OSS. Returns total bytes written."""
         buf = io.BytesIO()
+        headers = {"Content-Type": content_type} if content_type else None
+        upload_id = None
+        
         try:
+            # 收集流数据
+            total_size = 0
             async for chunk in stream:
+                if not chunk:
+                    continue
                 buf.write(chunk)
+                total_size += len(chunk)
+            
             content = buf.getvalue()
-            headers = {"Content-Type": content_type} if content_type else None
-            self.bucket.put_object(file_key, content, headers=headers)
-            logger.info(f"File stream uploaded to OSS successfully: {file_key}")
-            return len(content)
+            
+            if not content:
+                raise StorageUploadError(
+                    message="Empty stream content",
+                    file_key=file_key,
+                )
+            
+            # 大文件使用分片上传
+            if len(content) > self.multipart_threshold:
+                logger.info(f"Using multipart upload for stream: {file_key} ({len(content)} bytes)")
+                upload_id = self.bucket.init_multipart_upload(file_key, headers=headers).upload_id
+                parts = []
+                part_size = 5 * 1024 * 1024  # 5MB
+                part_num = 1
+                
+                for offset in range(0, len(content), part_size):
+                    chunk = content[offset:offset + part_size]
+                    result = self.bucket.upload_part(file_key, upload_id, part_num, chunk)
+                    parts.append(oss2.models.PartInfo(part_num, result.etag))
+                    part_num += 1
+                
+                self.bucket.complete_multipart_upload(file_key, upload_id, parts)
+            else:
+                self.bucket.put_object(file_key, content, headers=headers)
+            
+            logger.info(f"File stream uploaded to OSS successfully: {file_key} ({total_size} bytes)")
+            return total_size
+            
         except OssError as e:
+            if upload_id:
+                try:
+                    self.bucket.abort_multipart_upload(file_key, upload_id)
+                except:
+                    pass
             logger.error(f"OSS error stream uploading file {file_key}: {e}")
             raise StorageUploadError(
-                message=f"Failed to stream upload file to OSS: {e.message}",
+                message=f"Failed to stream upload file to OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
         except Exception as e:
+            if upload_id:
+                try:
+                    self.bucket.abort_multipart_upload(file_key, upload_id)
+                except:
+                    pass
             logger.error(f"Failed to stream upload file to OSS {file_key}: {e}")
             raise StorageUploadError(
-                message=f"Failed to stream upload file to OSS: {e}",
+                message=f"Failed to stream upload file to OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
+        finally:
+            buf.close()
 
     async def download(self, file_key: str) -> bytes:
         """
@@ -181,14 +255,14 @@ class OSSStorage(StorageBackend):
         except OssError as e:
             logger.error(f"OSS error downloading file {file_key}: {e}")
             raise StorageDownloadError(
-                message=f"Failed to download file from OSS: {e.message}",
+                message=f"Failed to download file from OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
         except Exception as e:
             logger.error(f"Failed to download file from OSS {file_key}: {e}")
             raise StorageDownloadError(
-                message=f"Failed to download file from OSS: {e}",
+                message=f"Failed to download file from OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
@@ -214,14 +288,14 @@ class OSSStorage(StorageBackend):
         except OssError as e:
             logger.error(f"OSS error deleting file {file_key}: {e}")
             raise StorageDeleteError(
-                message=f"Failed to delete file from OSS: {e.message}",
+                message=f"Failed to delete file from OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
         except Exception as e:
             logger.error(f"Failed to delete file from OSS {file_key}: {e}")
             raise StorageDeleteError(
-                message=f"Failed to delete file from OSS: {e}",
+                message=f"Failed to delete file from OSS: {str(e)}",
                 file_key=file_key,
                 cause=e,
             )
@@ -242,24 +316,33 @@ class OSSStorage(StorageBackend):
             logger.error(f"Failed to check file existence in OSS {file_key}: {e}")
             return False
 
-    async def get_url(self, file_key: str, expires: int = 3600) -> str:
+    async def get_url(
+        self,
+        file_key: str,
+        expires: int = 3600,
+        file_name: Optional[str] = None,
+    ) -> str:
         """
         Get a presigned URL for accessing the file.
 
         Args:
             file_key: Unique identifier for the file in the storage system.
             expires: URL validity period in seconds (default: 1 hour).
+            file_name: If set, adds Content-Disposition: attachment to force download.
 
         Returns:
             A presigned URL for accessing the file.
         """
         try:
-            url = self.bucket.sign_url("GET", file_key, expires)
+            params = {}
+            if file_name:
+                filename_encoded = urllib.parse.quote(file_name.encode("utf-8"))
+                params["response-content-disposition"] = f"attachment; filename*=UTF-8''{filename_encoded}"
+            url = self.bucket.sign_url("GET", file_key, expires, params=params if params else None)
             logger.debug(f"Generated presigned URL for {file_key}, expires in {expires}s")
             return url
         except Exception as e:
             logger.error(f"Failed to generate presigned URL for {file_key}: {e}")
-            # Return a basic URL format as fallback
             return f"https://{self.bucket_name}.{self.endpoint.replace('https://', '').replace('http://', '')}/{file_key}"
 
     async def get_permanent_url(self, file_key: str) -> str:
diff --git a/api/app/core/storage/s3.py b/api/app/core/storage/s3.py
index c7b33ffe..f156f4a7 100644
--- a/api/app/core/storage/s3.py
+++ b/api/app/core/storage/s3.py
@@ -6,6 +6,7 @@ using the boto3 SDK.
 """
 
 import io
+import urllib.parse
 import logging
 from typing import AsyncIterator, Optional
 
@@ -352,31 +353,37 @@ class S3Storage(StorageBackend):
             logger.error(f"Failed to check file existence in S3 {file_key}: {e}")
             return False
 
-    async def get_url(self, file_key: str, expires: int = 3600) -> str:
+    async def get_url(
+        self,
+        file_key: str,
+        expires: int = 3600,
+        file_name: Optional[str] = None,
+    ) -> str:
         """
         Get a presigned URL for accessing the file.
 
         Args:
             file_key: Unique identifier for the file in the storage system.
             expires: URL validity period in seconds (default: 1 hour).
+            file_name: If set, adds Content-Disposition: attachment to force download.
 
         Returns:
             A presigned URL for accessing the file.
         """
         try:
+            params = {"Bucket": self.bucket_name, "Key": file_key}
+            if file_name:
+                filename_encoded = urllib.parse.quote(file_name.encode("utf-8"))
+                params["ResponseContentDisposition"] = f"attachment; filename*=UTF-8''{filename_encoded}"
             url = self.client.generate_presigned_url(
                 "get_object",
-                Params={
-                    "Bucket": self.bucket_name,
-                    "Key": file_key,
-                },
+                Params=params,
                 ExpiresIn=expires,
             )
             logger.debug(f"Generated presigned URL for {file_key}, expires in {expires}s")
             return url
         except Exception as e:
             logger.error(f"Failed to generate presigned URL for {file_key}: {e}")
-            # Return a basic URL format as fallback
             return f"https://{self.bucket_name}.s3.{self.region}.amazonaws.com/{file_key}"
 
     async def get_permanent_url(self, file_key: str) -> str:
diff --git a/api/app/core/tools/mcp/client.py b/api/app/core/tools/mcp/client.py
index 6df6df51..b437d021 100644
--- a/api/app/core/tools/mcp/client.py
+++ b/api/app/core/tools/mcp/client.py
@@ -99,7 +99,7 @@ class SimpleMCPClient:
             # 建立 SSE 连接
             response = await self._session.get(self.server_url)
             
-            if response.status != 200:
+            if response.status not in (200, 202):
                 error_text = await response.text()
                 raise MCPConnectionError(f"SSE 连接失败 {response.status}: {error_text}")
             
@@ -190,7 +190,9 @@ class SimpleMCPClient:
         
         try:
             async with self._session.post(self._endpoint_url, json=request) as response:
-                if response.status != 200:
+                # MCP SSE 协议：POST 请求返回 200 或 202 均为正常
+                # 202 Accepted 表示请求已接受，结果通过 SSE 流异步返回
+                if response.status not in (200, 202):
                     error_text = await response.text()
                     raise MCPConnectionError(f"请求失败 {response.status}: {error_text}")
             
@@ -205,7 +207,7 @@ class SimpleMCPClient:
             raise MCPConnectionError("endpoint URL 未初始化")
         
         async with self._session.post(self._endpoint_url, json=notification) as response:
-            if response.status != 200:
+            if response.status not in (200, 202):
                 logger.warning(f"通知发送失败: {response.status}")
     
     async def _initialize_modelscope_session(self):
diff --git a/api/app/core/workflow/adapters/base_adapter.py b/api/app/core/workflow/adapters/base_adapter.py
index 49321b89..2e24d085 100644
--- a/api/app/core/workflow/adapters/base_adapter.py
+++ b/api/app/core/workflow/adapters/base_adapter.py
@@ -9,7 +9,7 @@ from typing import Any
 
 from pydantic import BaseModel, Field
 
-from app.core.workflow.adapters.errors import ExceptionDefineition
+from app.core.workflow.adapters.errors import ExceptionDefinition
 from app.schemas.workflow_schema import (
     EdgeDefinition,
     NodeDefinition,
@@ -40,8 +40,8 @@ class WorkflowParserResult(BaseModel):
     edges: list[EdgeDefinition] = Field(default_factory=list)
     nodes: list[NodeDefinition] = Field(default_factory=list)
     variables: list[VariableDefinition] = Field(default_factory=list)
-    warnings: list[ExceptionDefineition] = Field(default_factory=list)
-    errors: list[ExceptionDefineition] = Field(default_factory=list)
+    warnings: list[ExceptionDefinition] = Field(default_factory=list)
+    errors: list[ExceptionDefinition] = Field(default_factory=list)
 
 
 class WorkflowImportResult(BaseModel):
@@ -51,8 +51,8 @@ class WorkflowImportResult(BaseModel):
     edges: list[EdgeDefinition] = Field(default_factory=list)
     nodes: list[NodeDefinition] = Field(default_factory=list)
     variables: list[VariableDefinition] = Field(default_factory=list)
-    warnings: list[ExceptionDefineition] = Field(default_factory=list)
-    errors: list[ExceptionDefineition] = Field(default_factory=list)
+    warnings: list[ExceptionDefinition] = Field(default_factory=list)
+    errors: list[ExceptionDefinition] = Field(default_factory=list)
 
 
 class BasePlatformAdapter(ABC):
diff --git a/api/app/core/workflow/adapters/dify/converter.py b/api/app/core/workflow/adapters/dify/converter.py
index 467beb07..4fa9508b 100644
--- a/api/app/core/workflow/adapters/dify/converter.py
+++ b/api/app/core/workflow/adapters/dify/converter.py
@@ -9,9 +9,9 @@ from urllib.parse import quote
 
 from app.core.workflow.adapters.base_converter import BaseConverter
 from app.core.workflow.adapters.errors import (
-    UnsupportVariableType,
-    UnknowModelWarning,
-    ExceptionDefineition,
+    UnsupportedVariableType,
+    UnknownModelWarning,
+    ExceptionDefinition,
     ExceptionType
 )
 from app.core.workflow.nodes.assigner.config import AssignmentItem
@@ -54,7 +54,7 @@ from app.core.workflow.nodes.http_request.config import (
     HttpFormData,
     HttpTimeOutConfig,
     HttpRetryConfig,
-    HttpErrorDefaultTamplete,
+    HttpErrorDefaultTemplate,
     HttpErrorHandleConfig
 )
 from app.core.workflow.nodes.if_else.config import ConditionDetail, ConditionBranchConfig
@@ -108,7 +108,7 @@ class DifyConverter(BaseConverter):
         try:
             return config.model_validate(value)
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.CONFIG,
                 node_id=node_id,
                 node_name=node_name,
@@ -138,7 +138,7 @@ class DifyConverter(BaseConverter):
         var_selector = mapping.get(var_selector, var_selector)
         return var_selector
 
-    def _process_list_variable_litearl(self, variable_selector: list) -> str | None:
+    def _process_list_variable_literal(self, variable_selector: list) -> str | None:
         if not self.process_var_selector(".".join(variable_selector)):
             return None
         return "{{" + self.process_var_selector(".".join(variable_selector)) + "}}"
@@ -269,7 +269,7 @@ class DifyConverter(BaseConverter):
             var_type = self.variable_type_map(var["type"])
             if not var_type:
                 self.errors.append(
-                    UnsupportVariableType(
+                    UnsupportedVariableType(
                         scope=node["id"],
                         name=var["variable"],
                         var_type=var["type"],
@@ -281,7 +281,7 @@ class DifyConverter(BaseConverter):
 
             if var_type in ["file", "array[file]"]:
                 self.errors.append(
-                    ExceptionDefineition(
+                    ExceptionDefinition(
                         type=ExceptionType.VARIABLE,
                         node_id=node["id"],
                         node_name=node_data["title"],
@@ -311,7 +311,7 @@ class DifyConverter(BaseConverter):
     def convert_question_classifier_node_config(self, node: dict) -> dict:
         node_data = node["data"]
         self.warnings.append(
-            UnknowModelWarning(
+            UnknownModelWarning(
                 node_id=node["id"],
                 node_name=node_data["title"],
                 model_name=node_data["model"].get("name")
@@ -327,7 +327,7 @@ class DifyConverter(BaseConverter):
             )
 
         result = QuestionClassifierNodeConfig.model_construct(
-            input_variable=self._process_list_variable_litearl(node_data.get("query_variable_selector")),
+            input_variable=self._process_list_variable_literal(node_data.get("query_variable_selector")),
             user_supplement_prompt=self.trans_variable_format(node_data.get("instructions", "")),
             categories=categories,
         ).model_dump()
@@ -337,13 +337,13 @@ class DifyConverter(BaseConverter):
     def convert_llm_node_config(self, node: dict) -> dict:
         node_data = node["data"]
         self.warnings.append(
-            UnknowModelWarning(
+            UnknownModelWarning(
                 node_id=node["id"],
                 node_name=node_data["title"],
                 model_name=node_data["model"].get("name")
             )
         )
-        context = self._process_list_variable_litearl(node_data["context"]["variable_selector"])
+        context = self._process_list_variable_literal(node_data["context"]["variable_selector"])
         memory = MemoryWindowSetting(
             enable=bool(node_data.get("memory")),
             enable_window=bool(node_data.get("memory", {}).get("window", {}).get("enabled", False)),
@@ -367,7 +367,7 @@ class DifyConverter(BaseConverter):
                 )
             )
         vision = node_data["vision"]["enabled"]
-        vision_input = self._process_list_variable_litearl(
+        vision_input = self._process_list_variable_literal(
             node_data["vision"]["configs"]["variable_selector"]
         ) if vision else None
         result = LLMNodeConfig.model_construct(
@@ -433,7 +433,7 @@ class DifyConverter(BaseConverter):
             conditions.append(
                 LoopConditionDetail.model_construct(
                     operator=self.convert_compare_operator(condition["comparison_operator"]),
-                    left=self._process_list_variable_litearl(condition["variable_selector"]),
+                    left=self._process_list_variable_literal(condition["variable_selector"]),
                     right=self.trans_variable_format(
                         right_value
                     ) if isinstance(right_value, str) and self.is_variable(right_value) else self.convert_variable_type(
@@ -453,7 +453,7 @@ class DifyConverter(BaseConverter):
             right_input_type = variable["value_type"]
             right_value_type = self.variable_type_map(variable["var_type"])
             if right_input_type == ValueInputType.VARIABLE:
-                right_value = self._process_list_variable_litearl(variable.get("value", ""))
+                right_value = self._process_list_variable_literal(variable.get("value", ""))
             else:
                 right_value = self.convert_variable_type(right_value_type, variable.get("value", ""))
             loop_variables.append(
@@ -475,10 +475,10 @@ class DifyConverter(BaseConverter):
     def convert_iteration_node_config(self, node: dict) -> dict:
         node_data = node["data"]
         result = IterationNodeConfig.model_construct(
-            input=self._process_list_variable_litearl(node_data["iterator_selector"]),
+            input=self._process_list_variable_literal(node_data["iterator_selector"]),
             parallel=node_data["is_parallel"],
             parallel_count=node_data["parallel_nums"],
-            output=self._process_list_variable_litearl(node_data["output_selector"]),
+            output=self._process_list_variable_literal(node_data["output_selector"]),
             output_type=self.variable_type_map(node_data.get("output_type")),
             flatten=node_data["flatten_output"],
         ).model_dump()
@@ -494,8 +494,8 @@ class DifyConverter(BaseConverter):
                 continue
             assignments.append(
                 AssignmentItem(
-                    variable_selector=self._process_list_variable_litearl(assignment["variable_selector"]),
-                    value=self._process_list_variable_litearl(
+                    variable_selector=self._process_list_variable_literal(assignment["variable_selector"]),
+                    value=self._process_list_variable_literal(
                         assignment["value"]
                     ) if assignment["input_type"] == ValueInputType.VARIABLE else assignment["value"],
                     operation=self.convert_assignment_operator(assignment["operation"])
@@ -514,7 +514,7 @@ class DifyConverter(BaseConverter):
             input_variables.append(
                 InputVariable.model_construct(
                     name=input_variable["variable"],
-                    variable=self._process_list_variable_litearl(input_variable["value_selector"]),
+                    variable=self._process_list_variable_literal(input_variable["value_selector"]),
                 )
             )
 
@@ -570,7 +570,7 @@ class DifyConverter(BaseConverter):
         else:
             if node_data["body"]["data"]:
                 body_content = (node_data["body"]["data"][0].get("value") or
-                                self._process_list_variable_litearl(node_data["body"]["data"][0].get("file")))
+                                self._process_list_variable_literal(node_data["body"]["data"][0].get("file")))
             else:
                 body_content = ""
 
@@ -585,7 +585,7 @@ class DifyConverter(BaseConverter):
                     self.trans_variable_format(key_value[0])
                 ] = self.trans_variable_format(key_value[1])
             else:
-                self.warnings.append(ExceptionDefineition(
+                self.warnings.append(ExceptionDefinition(
                     type=ExceptionType.CONFIG,
                     node_id=node["id"],
                     node_name=node_data["title"],
@@ -603,7 +603,7 @@ class DifyConverter(BaseConverter):
                     self.trans_variable_format(key_value[0])
                 ] = self.trans_variable_format(key_value[1])
             else:
-                self.warnings.append(ExceptionDefineition(
+                self.warnings.append(ExceptionDefinition(
                     type=ExceptionType.CONFIG,
                     node_id=node["id"],
                     node_name=node_data["title"],
@@ -625,7 +625,7 @@ class DifyConverter(BaseConverter):
                     default_header = var["value"]
                 elif var["key"] == "status_code":
                     default_status_code = var["value"]
-            default_value = HttpErrorDefaultTamplete(
+            default_value = HttpErrorDefaultTemplate(
                 body=default_body,
                 headers=default_header,
                 status_code=default_status_code,
@@ -668,7 +668,7 @@ class DifyConverter(BaseConverter):
         for variable in node_data["variables"]:
             mapping.append(VariablesMappingConfig.model_construct(
                 name=variable["variable"],
-                value=self._process_list_variable_litearl(variable["value_selector"])
+                value=self._process_list_variable_literal(variable["value_selector"])
             ))
         result = JinjaRenderNodeConfig.model_construct(
             template=node_data["template"],
@@ -679,14 +679,14 @@ class DifyConverter(BaseConverter):
 
     def convert_knowledge_node_config(self, node: dict) -> dict:
         node_data = node["data"]
-        self.warnings.append(ExceptionDefineition(
+        self.warnings.append(ExceptionDefinition(
             node_id=node["id"],
             node_name=node_data["title"],
             type=ExceptionType.CONFIG,
             detail=f"Please reconfigure the Knowledge Retrieval node.",
         ))
         result = KnowledgeRetrievalNodeConfig.model_construct(
-            query=self._process_list_variable_litearl(node_data["query_variable_selector"]),
+            query=self._process_list_variable_literal(node_data["query_variable_selector"]),
         ).model_dump()
 
         self.config_validate(node["id"], node["data"]["title"], KnowledgeRetrievalNodeConfig, result)
@@ -695,7 +695,7 @@ class DifyConverter(BaseConverter):
     def convert_parameter_extractor_node_config(self, node: dict) -> dict:
         node_data = node["data"]
         self.warnings.append(
-            UnknowModelWarning(
+            UnknownModelWarning(
                 node_id=node["id"],
                 node_name=node_data["title"],
                 model_name=node_data["model"].get("name")
@@ -712,7 +712,7 @@ class DifyConverter(BaseConverter):
                 )
             )
         result = ParameterExtractorNodeConfig.model_construct(
-            text=self._process_list_variable_litearl(node_data["query"]),
+            text=self._process_list_variable_literal(node_data["query"]),
             params=params,
             prompt=node_data.get("instruction")
         ).model_dump()
@@ -727,14 +727,14 @@ class DifyConverter(BaseConverter):
         group_type = {}
         if not advanced_settings or not advanced_settings["group_enabled"]:
             group_variables = [
-                self._process_list_variable_litearl(variable)
+                self._process_list_variable_literal(variable)
                 for variable in node_data["variables"]
             ]
             group_type["output"] = node_data["output_type"]
         else:
             for group in advanced_settings["groups"]:
                 group_variables[group["group_name"]] = [
-                    self._process_list_variable_litearl(variable)
+                    self._process_list_variable_literal(variable)
                     for variable in group["variables"]
                 ]
                 group_type[group["group_name"]] = group["output_type"]
@@ -751,7 +751,7 @@ class DifyConverter(BaseConverter):
 
     def convert_tool_node_config(self, node: dict) -> dict:
         node_data = node["data"]
-        self.warnings.append(ExceptionDefineition(
+        self.warnings.append(ExceptionDefinition(
             node_id=node["id"],
             node_name=node_data["title"],
             type=ExceptionType.CONFIG,
diff --git a/api/app/core/workflow/adapters/dify/dify_adapter.py b/api/app/core/workflow/adapters/dify/dify_adapter.py
index 10397ad0..abd95408 100644
--- a/api/app/core/workflow/adapters/dify/dify_adapter.py
+++ b/api/app/core/workflow/adapters/dify/dify_adapter.py
@@ -12,7 +12,7 @@ from app.core.workflow.adapters.base_adapter import (
     WorkflowParserResult
 )
 from app.core.workflow.adapters.dify.converter import DifyConverter
-from app.core.workflow.adapters.errors import ExceptionDefineition, ExceptionType
+from app.core.workflow.adapters.errors import ExceptionDefinition, ExceptionType
 from app.core.workflow.nodes.enums import NodeType
 from app.schemas.workflow_schema import (
     NodeDefinition,
@@ -85,7 +85,7 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
         if not all(field in self.config for field in require_fields):
             return False
         if self.config.get("app", {}).get("mode") == "workflow":
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.PLATFORM,
                 detail="workflow mode is not supported"
             ))
@@ -111,12 +111,12 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
             edge = self._convert_edge(edge)
             if edge:
                 self.edges.append(edge)
-        #
+
         for variable in self.config.get("workflow").get("conversation_variables"):
             con_var = self._convert_variable(variable)
             if variable:
                 self.conv_variables.append(con_var)
-        #
+
         # for variables in config.get("workflow").get("environment_variables"):
         #     variable = self._convert_variable(variables)
         #     conv_variables.append(variable)
@@ -152,7 +152,7 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
                     "y": node["position"]["y"] + position["y"]
                 }
         self.errors.append(
-            ExceptionDefineition(
+            ExceptionDefinition(
                 type=ExceptionType.NODE,
                 node_id=node_id,
                 detail="parent cycle node not found"
@@ -189,7 +189,7 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
             node_data = node["data"]
             converter = self.get_node_convert(node_type)
             if node_type == NodeType.UNKNOWN:
-                self.errors.append(ExceptionDefineition(
+                self.errors.append(ExceptionDefinition(
                     type=ExceptionType.NODE,
                     node_id=node["id"],
                     node_name=node["data"]["title"],
@@ -197,7 +197,7 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
                 ))
             return converter(node)
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.NODE,
                 node_id=node["id"],
                 node_name=node["data"]["title"],
@@ -207,7 +207,6 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
 
     def _convert_edge(self, edge: dict[str, Any]) -> EdgeDefinition | None:
         try:
-
             source = edge["source"]
             target = edge["target"]
             label = None
@@ -230,7 +229,7 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
                 label=label,
             )
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.EDGE,
                 detail=f"convert edge error - {e}",
             ))
@@ -246,7 +245,7 @@ class DifyAdapter(BasePlatformAdapter, DifyConverter):
                 description=variable.get("description")
             )
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.VARIABLE,
                 name=variable.get("name"),
                 detail=f"convert variable error - {e}",
diff --git a/api/app/core/workflow/adapters/errors.py b/api/app/core/workflow/adapters/errors.py
index c0340a5e..cb743c68 100644
--- a/api/app/core/workflow/adapters/errors.py
+++ b/api/app/core/workflow/adapters/errors.py
@@ -18,7 +18,7 @@ class ExceptionType(StrEnum):
     UNKNOWN = "unknown"
 
 
-class ExceptionDefineition(BaseModel):
+class ExceptionDefinition(BaseModel):
     type: ExceptionType
     detail: str
 
@@ -29,7 +29,7 @@ class ExceptionDefineition(BaseModel):
     name: str | None = None
 
 
-class UnknowModelWarning(ExceptionDefineition):
+class UnknownModelWarning(ExceptionDefinition):
     type: ExceptionType = ExceptionType.NODE
 
     def __init__(self, node_id, node_name, model_name):
@@ -40,36 +40,36 @@ class UnknowModelWarning(ExceptionDefineition):
         )
 
 
-class UnknowError(ExceptionDefineition):
+class UnknownError(ExceptionDefinition):
     type: ExceptionType = ExceptionType.UNKNOWN
 
     def __init__(self, detail: str, **kwargs):
         super().__init__(detail=detail, **kwargs)
 
 
-class UnsupportPlatform(ExceptionDefineition):
+class UnsupportedPlatform(ExceptionDefinition):
     type: ExceptionType = ExceptionType.PLATFORM
 
     def __init__(self, platform: str):
-        super().__init__(detail=f"Unsupport platform {platform}")
+        super().__init__(detail=f"Unsupported platform {platform}")
 
 
-class UnsupportVariableType(ExceptionDefineition):
+class UnsupportedVariableType(ExceptionDefinition):
     type: ExceptionType = ExceptionType.VARIABLE
 
     def __init__(self, scope, name, var_type: str, **kwargs):
-        super().__init__(scope=scope, name=name, detail=f"Unsupport variable type：[{var_type}]", **kwargs)
+        super().__init__(scope=scope, name=name, detail=f"Unsupported variable type: [{var_type}]", **kwargs)
 
 
-class InvalidConfiguration(ExceptionDefineition):
+class InvalidConfiguration(ExceptionDefinition):
     type: ExceptionType = ExceptionType.CONFIG
 
     def __init__(self):
         super().__init__(detail="Invalid workflow configuration format")
 
 
-class UnsupportNodeType(ExceptionDefineition):
+class UnsupportedNodeType(ExceptionDefinition):
     type: ExceptionType = ExceptionType.NODE
 
     def __init__(self, node_id: str, node_type: str):
-        super().__init__(node_id=node_id, detail=f"Unsupport node Type {node_type}")
+        super().__init__(node_id=node_id, detail=f"Unsupported node type {node_type}")
diff --git a/api/app/core/workflow/adapters/memory_bear/memory_bear_adapter.py b/api/app/core/workflow/adapters/memory_bear/memory_bear_adapter.py
index 3516cb58..a2608a01 100644
--- a/api/app/core/workflow/adapters/memory_bear/memory_bear_adapter.py
+++ b/api/app/core/workflow/adapters/memory_bear/memory_bear_adapter.py
@@ -11,7 +11,7 @@ from app.core.workflow.adapters.base_adapter import (
     BasePlatformAdapter,
     WorkflowParserResult
 )
-from app.core.workflow.adapters.errors import ExceptionDefineition, ExceptionType, UnsupportNodeType
+from app.core.workflow.adapters.errors import ExceptionDefinition, ExceptionType, UnsupportedNodeType
 from app.core.workflow.adapters.memory_bear.memory_bear_converter import MemoryBearConverter
 from app.core.workflow.nodes.enums import NodeType
 from app.schemas.workflow_schema import ExecutionConfig, NodeDefinition, EdgeDefinition, VariableDefinition
@@ -73,7 +73,7 @@ class MemoryBearAdapter(BasePlatformAdapter, MemoryBearConverter):
         try:
             node_type = self.map_node_type(node["type"])
             if node_type == NodeType.UNKNOWN:
-                self.errors.append(UnsupportNodeType(
+                self.errors.append(UnsupportedNodeType(
                     node_id=node_id,
                     node_type=node["type"]
                 ))
@@ -85,7 +85,7 @@ class MemoryBearAdapter(BasePlatformAdapter, MemoryBearConverter):
 
             return NodeDefinition(**node)
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.NODE,
                 node_id=node_id,
                 node_name=node_name,
@@ -97,14 +97,14 @@ class MemoryBearAdapter(BasePlatformAdapter, MemoryBearConverter):
     def _convert_edge(self, edge: dict[str, Any], valid_node_ids: set) -> EdgeDefinition | None:
         try:
             if edge.get("source") not in valid_node_ids or edge.get("target") not in valid_node_ids:
-                self.warnings.append(ExceptionDefineition(
+                self.warnings.append(ExceptionDefinition(
                     type=ExceptionType.EDGE,
                     detail=f"edge {edge.get('id')} skipped: source or target node not found"
                 ))
                 return None
             return EdgeDefinition(**edge)
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.EDGE,
                 detail=f"convert edge error - {e}"
             ))
@@ -115,7 +115,7 @@ class MemoryBearAdapter(BasePlatformAdapter, MemoryBearConverter):
         try:
             return VariableDefinition(**variable)
         except Exception as e:
-            self.warnings.append(ExceptionDefineition(
+            self.warnings.append(ExceptionDefinition(
                 type=ExceptionType.VARIABLE,
                 name=variable.get("name"),
                 detail=f"convert variable error - {e}"
diff --git a/api/app/core/workflow/adapters/memory_bear/memory_bear_converter.py b/api/app/core/workflow/adapters/memory_bear/memory_bear_converter.py
index 031c7025..e96e0bf2 100644
--- a/api/app/core/workflow/adapters/memory_bear/memory_bear_converter.py
+++ b/api/app/core/workflow/adapters/memory_bear/memory_bear_converter.py
@@ -1,6 +1,6 @@
 # -*- coding: UTF-8 -*-
 from app.core.workflow.adapters.base_converter import BaseConverter
-from app.core.workflow.adapters.errors import ExceptionDefineition, ExceptionType
+from app.core.workflow.adapters.errors import ExceptionDefinition, ExceptionType
 from app.core.workflow.nodes.base_config import BaseNodeConfig
 from app.core.workflow.nodes.configs import (
     StartNodeConfig,
@@ -65,7 +65,7 @@ class MemoryBearConverter(BaseConverter):
         try:
             return config_cls.model_validate(value)
         except Exception as e:
-            self.errors.append(ExceptionDefineition(
+            self.errors.append(ExceptionDefinition(
                 type=ExceptionType.CONFIG,
                 node_id=node_id,
                 node_name=node_name,
diff --git a/api/app/core/workflow/engine/graph_builder.py b/api/app/core/workflow/engine/graph_builder.py
index 90668ad9..daef6e82 100644
--- a/api/app/core/workflow/engine/graph_builder.py
+++ b/api/app/core/workflow/engine/graph_builder.py
@@ -7,7 +7,7 @@ import re
 import uuid
 from collections import defaultdict
 from functools import lru_cache
-from typing import Any, Iterable
+from typing import Any, Iterable, Callable
 
 from langgraph.checkpoint.memory import InMemorySaver
 from langgraph.graph import START, END
@@ -20,48 +20,52 @@ from app.core.workflow.engine.variable_pool import VariablePool
 from app.core.workflow.nodes import NodeFactory
 from app.core.workflow.nodes.enums import NodeType, BRANCH_NODES
 from app.core.workflow.utils.expression_evaluator import evaluate_condition
+from app.core.workflow.validator import WorkflowValidator
 
 logger = logging.getLogger(__name__)
 
+# Regex to split output into:
+#    - variable placeholders: {{ ... }}
+#    - normal literal text
+#
+# Example:
+#   "Hello {{user.name}}!" ->
+#   ["Hello ", "{{user.name}}", "!"]
+_OUTPUT_PATTERN = re.compile(r'\{\{.*?}}|[^{}]+')
+# Strict variable format: {{ node_id.field_name }}
+_VARIABLE_PATTERN = re.compile(r'\{\{\s*[a-zA-Z0-9_]+\.[a-zA-Z0-9_]+\s*}}')
+
 
 class GraphBuilder:
     def __init__(
             self,
             workflow_config: dict[str, Any],
             stream: bool = False,
-            subgraph: bool = False,
+            cycle: str = '',
             variable_pool: VariablePool | None = None
     ):
         self.workflow_config = workflow_config
 
         self.stream = stream
-        self.subgraph = subgraph
+        self.cycle = cycle
 
-        self.start_node_id = None
-        self.end_node_ids = []
-        self.node_map = {node["id"]: node for node in self.nodes}
+        self.start_node_id: str | None = None
+
+        self.node_map: dict[str, dict] = {}
         self.end_node_map: dict[str, StreamOutputConfig] = {}
-        self._find_upstream_branch_node = lru_cache(
-            maxsize=len(self.nodes) * 2
-        )(self._find_upstream_branch_node)
+        self._find_upstream_activation_dep: Callable = self._find_upstream_activation_dep
         if variable_pool:
             self.variable_pool = variable_pool
         else:
             self.variable_pool = VariablePool()
 
-        self.graph = StateGraph(WorkflowState)
-        self.add_nodes()
-        self.add_edges()
-        self._analyze_end_node_output()
-        # EDGES MUST BE ADDED AFTER NODES ARE ADDED.
-
-    @property
-    def nodes(self) -> list[dict[str, Any]]:
-        return self.workflow_config.get("nodes", [])
-
-    @property
-    def edges(self) -> list[dict[str, Any]]:
-        return self.workflow_config.get("edges", [])
+        self.graph: StateGraph | None = None
+        self.nodes: list = []
+        self.edges: list = []
+        self.reachable_nodes: set[str] | None = None
+        self.end_nodes: list[dict] = []
+        self._reverse_adj: dict[str, list[dict]] = defaultdict(list)
+        self._adj: dict[str, list[str]] = defaultdict(list)
 
     def get_node_type(self, node_id: str) -> str:
         """Retrieve the type of node given its ID.
@@ -87,60 +91,51 @@ class GraphBuilder:
             result[node[0]].append(node[1])
         return result
 
-    def _find_upstream_branch_node(self, target_node: str) -> tuple[bool, tuple[tuple[str, str]]]:
-        """
-        Recursively find all upstream branch (control) nodes that influence the execution
-        of the given target node.
+    def _build_adj(self):
+        for edge in self.edges:
+            if edge["source"] not in self.reachable_nodes:
+                continue
+            self._reverse_adj[edge.get("target")].append({
+                "id": edge["source"], "branch": edge.get("label")
+            })
+            self._adj[edge.get("source")].append(edge["target"])
 
-        This method walks upstream along the workflow graph starting from `target_node`.
-        It distinguishes between:
-          - branch nodes (node types listed in `BRANCH_NODES`)
-          - non-branch nodes (ordinary processing nodes)
+    def _find_upstream_activation_dep(
+            self,
+            target_node: str
+    ) -> tuple[tuple[tuple[str, str]], tuple[str]]:
+        """Find upstream dependencies that affect the activation of a target node.
 
-        Traversal rules:
-        1. For each immediate upstream node:
-           - If it is a branch node, it is recorded as an affecting control node.
-           - If it is a non-branch node, the traversal continues recursively upstream.
-        2. If ANY upstream path reaches a START / CYCLE_START node without encountering
-           a branch node, the traversal is considered invalid:
-           - `has_branch` will be False
-           - no branch nodes are returned.
-        3. Only when ALL upstream non-branch paths eventually lead to at least one
-           branch node will `has_branch` be True.
+        Walks upstream along the workflow graph from the target node, collecting
+        two types of dependencies:
+            - Branch control nodes: upstream branch nodes (e.g. if-else) whose
+              routing outcome determines whether the target node executes.
+            - Output nodes: upstream END nodes that must complete their output
+              before the target node can activate.
 
-        Special case:
-        - If `target_node` has no upstream nodes AND its type is START or CYCLE_START,
-          it is considered directly reachable from the workflow entry, and therefore
-          has no controlling branch nodes.
+        The traversal terminates early and returns empty tuples if any upstream
+        path reaches START/CYCLE_START without encountering a branch or output
+        node, indicating the target node is directly reachable and should be
+        activated immediately.
 
         Args:
-            target_node (str):
-                The identifier of the node whose upstream control branches
-                are to be resolved.
+            target_node: The ID of the node whose upstream activation
+                dependencies are to be resolved.
 
         Returns:
-            tuple[bool, tuple[tuple[str, str]]]:
-                - has_branch (bool):
-                    True if every upstream path from `target_node` encounters
-                    at least one branch node.
-                    False if any path reaches a start node without a branch.
-                - branch_nodes (tuple[tuple[str, str]]):
-                    A deduplicated tuple of `(branch_node_id, branch_label)` pairs
-                    representing all branch nodes that can influence `target_node`.
-                    Returns an empty tuple if `has_branch` is False.
+            A tuple of two elements:
+                - A deduplicated tuple of (branch_node_id, branch_label) pairs
+                  representing upstream branch control dependencies. Empty if
+                  any clean path to START exists.
+                - A deduplicated tuple of upstream output node IDs that must
+                  complete before this node activates.
         """
-        source_nodes = [
-            {
-                "id": edge.get("source"),
-                "branch": edge.get("label")
-            }
-            for edge in self.edges
-            if edge.get("target") == target_node
-        ]
+        source_nodes = self._reverse_adj[target_node]
         if not source_nodes and self.get_node_type(target_node) in [NodeType.START, NodeType.CYCLE_START]:
-            return False, tuple()
+            return tuple(), tuple()
 
         branch_nodes = []
+        output_nodes = []
         non_branch_nodes = []
 
         for node_info in source_nodes:
@@ -149,19 +144,23 @@ class GraphBuilder:
                     (node_info["id"], node_info["branch"])
                 )
             else:
+                if self.get_node_type(node_info["id"]) == NodeType.END:
+                    output_nodes.append(node_info["id"])
                 non_branch_nodes.append(node_info["id"])
 
         has_branch = True
         for node_id in non_branch_nodes:
-            node_has_branch, nodes = self._find_upstream_branch_node(node_id)
-            has_branch = has_branch and node_has_branch
-            if not has_branch:
-                break
-            branch_nodes.extend(nodes)
-        if not has_branch:
-            branch_nodes = []
+            upstream_control_nodes, upstream_output_nodes = self._find_upstream_activation_dep(node_id)
+            if not upstream_control_nodes:
+                if not upstream_output_nodes and node_id not in output_nodes:
+                    return tuple(), tuple()
+                branch_nodes = []
+                has_branch = False
+            if has_branch:
+                branch_nodes.extend(upstream_control_nodes)
+            output_nodes.extend(upstream_output_nodes)
 
-        return has_branch, tuple(set(branch_nodes))
+        return tuple(set(branch_nodes)), tuple(set(output_nodes))
 
     def _analyze_end_node_output(self):
         """
@@ -182,11 +181,10 @@ class GraphBuilder:
         """
 
         # Collect all End nodes in the workflow
-        end_nodes = [node for node in self.nodes if node.get("type") == "end"]
-        logger.info(f"[Prefix Analysis] Found {len(end_nodes)} End nodes")
+        logger.info(f"[Prefix Analysis] Found {len(self.end_nodes)} End nodes")
 
         # Iterate through each End node to analyze its output
-        for end_node in end_nodes:
+        for end_node in self.end_nodes:
             end_node_id = end_node.get("id")
             config = end_node.get("config", {})
             output = config.get("output")
@@ -195,42 +193,33 @@ class GraphBuilder:
             if not output:
                 continue
 
-            # Regex to split output into:
-            #    - variable placeholders: {{ ... }}
-            #    - normal literal text
-            #
-            # Example:
-            #   "Hello {{user.name}}!" ->
-            #   ["Hello ", "{{user.name}}", "!"]
-            pattern = r'\{\{.*?\}\}|[^{}]+'
-
-            # Strict variable format: {{ node_id.field_name }}
-            variable_pattern_string = r'\{\{\s*[a-zA-Z0-9_]+\.[a-zA-Z0-9_]+\s*\}\}'
-            variable_pattern = re.compile(variable_pattern_string)
-
             # Split output into ordered segments
-            output_template = list(re.findall(pattern, output))
+            output_template = list(_OUTPUT_PATTERN.findall(output))
 
             # Determine whether each segment is literal text
             #    True  -> literal (can be directly output)
             #    False -> variable placeholder (needs runtime value)
             output_flag = [
-                not bool(variable_pattern.match(item))
+                not bool(_VARIABLE_PATTERN.match(item))
                 for item in output_template
             ]
 
             # Stream mode: output activation depends on upstream branch nodes
             if self.stream:
                 # Find upstream branch nodes that can control this End node
-                has_branch, control_nodes = self._find_upstream_branch_node(end_node_id)
-
+                upstream_control_nodes, upstream_output_nodes = self._find_upstream_activation_dep(end_node_id)
+                activate = not bool(upstream_control_nodes) and not bool(upstream_output_nodes)
                 # Build StreamOutputConfig for this End node
                 self.end_node_map[end_node_id] = StreamOutputConfig(
+                    id=end_node_id,
                     # If there is no upstream branch, output is active immediately
-                    activate=not has_branch,
+                    activate=activate,
 
                     # Branch nodes that control activation of this End node
-                    control_nodes=self._merge_control_nodes(control_nodes),
+                    control_nodes=self._merge_control_nodes(upstream_control_nodes),
+                    upstream_output_nodes=list(upstream_output_nodes),
+                    control_resolved=not bool(upstream_control_nodes),
+                    output_resolved=not bool(upstream_output_nodes),
 
                     # Convert output segments into OutputContent objects
                     outputs=list(
@@ -249,14 +238,16 @@ class GraphBuilder:
                     cursor=0
                 )
                 logger.info(f"[Stream Analysis] end_id: {end_node_id}, "
-                            f"activate: {not has_branch}, "
-                            f"control_nodes: {control_nodes},"
+                            f"activate: {activate}, "
+                            f"control_nodes: {upstream_control_nodes},"
+                            f"ref_outputs: {upstream_output_nodes},"
                             f"output: {output_template},"
                             f"output_activate: {output_flag}")
 
             # Non-stream mode: all outputs are activated by default
             else:
                 self.end_node_map[end_node_id] = StreamOutputConfig(
+                    id=end_node_id,
                     activate=True,
                     control_nodes={},
                     outputs=list(
@@ -269,7 +260,10 @@ class GraphBuilder:
                             for output_string, activate in zip(output_template, output_flag)
                         ]
                     ),
-                    cursor=0
+                    cursor=0,
+                    upstream_output_nodes=[],
+                    control_resolved=True,
+                    output_resolved=True,
                 )
 
     def add_nodes(self):
@@ -292,24 +286,13 @@ class GraphBuilder:
         """
         for node in self.nodes:
             node_type = node.get("type")
-            if node_type == NodeType.NOTES:
-                continue
             node_id = node.get("id")
-            cycle_node = node.get("cycle")
-            if cycle_node:
-                # Nodes within a loop subgraph are constructed by CycleGraphNode
-                if not self.subgraph:
-                    continue
-
-            # Record start and end node IDs
-            if node_type in [NodeType.START, NodeType.CYCLE_START]:
-                self.start_node_id = node_id
-            elif node_type == NodeType.END:
-                self.end_node_ids.append(node_id)
+            if node_id not in self.reachable_nodes:
+                continue
 
             # Create node instance (start and end nodes are also created)
             # NOTE:Loop node creation automatically removes the nodes and edges of the subgraph from the current graph
-            node_instance = NodeFactory.create_node(node, self.workflow_config)
+            node_instance = NodeFactory.create_node(node, self.workflow_config, self._adj[node_id])
 
             if node_type in BRANCH_NODES:
 
@@ -382,6 +365,8 @@ class GraphBuilder:
         for edge in self.edges:
             source = edge.get("source")
             target = edge.get("target")
+            if source not in self.reachable_nodes or target not in self.reachable_nodes:
+                continue
             condition = edge.get("condition")
             edge_type = edge.get("type")
 
@@ -403,11 +388,12 @@ class GraphBuilder:
         # Add conditional edges
         for source_node, branches in conditional_edges.items():
             def make_router(src, branch_list):
-                """reate a router function for each source node that routes to a NOP node for later merging."""
+                """Create a router function for each source node that routes to a NOP node for later merging."""
 
                 def make_branch_node(node_name, targets):
                     def node(s):
-                        # NOTE: NOP NODE MUST NOT MODIFY STATE
+                        # NOTE: NOP NODE USED FOR ROUTING ONLY.
+                        # MUST NOT MUTATE STATE DIRECTLY; ONLY EMIT ACTIVATE SIGNALS.
                         return {
                             "activate": {
                                 node_id: s["activate"][node_name]
@@ -448,7 +434,7 @@ class GraphBuilder:
                     branch_activate = []
                     new_state = state.copy()
                     new_state["activate"] = dict(state.get("activate", {}))  # deep copy of activate
-                    node_output = variable_pool.get_node_output(src, defalut=dict(), strict=False)
+                    node_output = variable_pool.get_node_output(src, default=dict(), strict=False)
                     for label, branch in unique_branch.items():
                         if node_output and evaluate_condition(
                                 branch["condition"],
@@ -494,12 +480,52 @@ class GraphBuilder:
                 logger.debug(f"Added waiting edge: {sources} -> {target}")
 
         # Connect End nodes to the global END node
-        for end_node_id in self.end_node_ids:
-            self.graph.add_edge(end_node_id, END)
-            logger.debug(f"Added edge: {end_node_id} -> END")
+        for node in self.reachable_nodes:
+            if not self._adj[node]:
+                self.graph.add_edge(node, END)
         return
 
     def build(self) -> CompiledStateGraph:
+        nodes = self.workflow_config.get("nodes", [])
+        edges = self.workflow_config.get("edges", [])
+
+        for node in nodes:
+            if (node.get("cycle") or '') == self.cycle:
+                node_type = node.get("type")
+                if node_type in [NodeType.START, NodeType.CYCLE_START]:
+                    self.start_node_id = node.get("id")
+                elif node_type == NodeType.NOTES:
+                    continue
+                self.nodes.append(node)
+                self.node_map[node.get("id")] = node
+
+        for edge in edges:
+            source_in = edge.get("source") in self.node_map
+            target_in = edge.get("target") in self.node_map
+            if source_in ^ target_in:
+                raise ValueError(
+                    f"Cycle node is connected to external node, "
+                    f"source: {edge.get('source')}, target: {edge.get('target')}"
+                )
+
+            if source_in and target_in:
+                self.edges.append(edge)
+
+        self.reachable_nodes = WorkflowValidator.get_reachable_nodes(self.start_node_id, self.edges)
+        self.end_nodes = [
+            node
+            for node in self.nodes
+            if node.get("type") == "end" and node.get("id") in self.reachable_nodes
+        ]
+        self._build_adj()
+        self._find_upstream_activation_dep: Callable = lru_cache(
+            maxsize=len(self.nodes)*2
+        )(self._find_upstream_activation_dep)
+
+        self.graph = StateGraph(WorkflowState)
+        self.add_nodes()
+        self.add_edges()
+
+        self._analyze_end_node_output()
         checkpointer = InMemorySaver()
-        self.graph = self.graph.compile(checkpointer=checkpointer)
-        return self.graph
+        return self.graph.compile(checkpointer=checkpointer)
diff --git a/api/app/core/workflow/engine/result_builder.py b/api/app/core/workflow/engine/result_builder.py
index 31bccf57..be0c957a 100644
--- a/api/app/core/workflow/engine/result_builder.py
+++ b/api/app/core/workflow/engine/result_builder.py
@@ -2,6 +2,7 @@
 # Author: Eternity
 # @Email: 1533512157@qq.com
 # @Time : 2026/2/10 13:33
+from app.core.workflow.engine.runtime_schema import ExecutionContext
 from app.core.workflow.engine.variable_pool import VariablePool
 
 
@@ -9,9 +10,11 @@ class WorkflowResultBuilder:
     def build_final_output(
             self,
             result: dict,
+            execution_context: ExecutionContext,
             variable_pool: VariablePool,
             elapsed_time: float,
             final_output: str,
+            success: bool
     ):
         """Construct the final standardized output of the workflow execution.
 
@@ -25,10 +28,13 @@ class WorkflowResultBuilder:
                     - "node_outputs" (dict): Outputs of executed nodes.
                     - "messages" (list): Conversation messages exchanged during execution.
                     - "error" (str, optional): Error message if any node failed.
+            execution_context (ExecutionContext): The execution context containing metadata like
+                execution ID, workspace ID, and user ID.)
             variable_pool (VariablePool): Variable Pool
             elapsed_time (float): Total execution time in seconds.
             final_output (Any): The aggregated or final output content of the workflow
                 (e.g., combined messages from all End nodes).
+            success (bool): Whether the execution was successful.
 
         Returns:
             dict: A dictionary containing the final workflow execution result with keys:
@@ -46,18 +52,23 @@ class WorkflowResultBuilder:
         """
         node_outputs = result.get("node_outputs", {})
         token_usage = self.aggregate_token_usage(node_outputs)
-        conversation_id = variable_pool.get_value("sys.conversation_id")
+        conversation_vars = {}
+        sys_vars = {}
+
+        if variable_pool:
+            conversation_vars = variable_pool.get_all_conversation_vars()
+            sys_vars = variable_pool.get_all_system_vars()
 
         return {
-            "status": "completed",
+            "status": "completed" if success else "failed",
             "output": final_output,
             "variables": {
-                "conv": variable_pool.get_all_conversation_vars(),
-                "sys": variable_pool.get_all_system_vars()
+                "conv": conversation_vars,
+                "sys": sys_vars
             },
             "node_outputs": node_outputs,
             "messages": result.get("messages", []),
-            "conversation_id": conversation_id,
+            "conversation_id": execution_context.conversation_id,
             "elapsed_time": elapsed_time,
             "token_usage": token_usage,
             "error": result.get("error"),
diff --git a/api/app/core/workflow/engine/runtime_schema.py b/api/app/core/workflow/engine/runtime_schema.py
index e4bf65af..036ce0e8 100644
--- a/api/app/core/workflow/engine/runtime_schema.py
+++ b/api/app/core/workflow/engine/runtime_schema.py
@@ -12,14 +12,29 @@ class ExecutionContext(BaseModel):
     execution_id: str
     workspace_id: str
     user_id: str
+    conversation_id: str
+    memory_storage_type: str
+    user_rag_memory_id: str
     checkpoint_config: RunnableConfig
 
     @classmethod
-    def create(cls, execution_id: str, workspace_id: str, user_id: str):
+    def create(
+            cls,
+            execution_id: str,
+            workspace_id: str,
+            user_id: str,
+            conversation_id: str,
+            memory_storage_type: str,
+            user_rag_memory_id: str
+    ):
         return cls(
             execution_id=execution_id,
             workspace_id=workspace_id,
             user_id=user_id,
+            conversation_id=conversation_id,
+            memory_storage_type=memory_storage_type,
+            user_rag_memory_id=user_rag_memory_id,
+
             checkpoint_config=RunnableConfig(
                 configurable={
                     "thread_id": uuid.uuid4(),
diff --git a/api/app/core/workflow/engine/state_manager.py b/api/app/core/workflow/engine/state_manager.py
index 0a4a1463..2da0d3a8 100644
--- a/api/app/core/workflow/engine/state_manager.py
+++ b/api/app/core/workflow/engine/state_manager.py
@@ -33,6 +33,8 @@ class WorkflowState(dict):
         "workspace_id",
         "user_id",
         "activate",
+        "memory_storage_type",
+        "user_rag_memory_id"
     })
     __optional_keys__ = frozenset({
         "error",
@@ -62,6 +64,9 @@ class WorkflowState(dict):
     # node activate status
     activate: Annotated[dict[str, bool], merge_activate_state]
 
+    memory_storage_type: str
+    user_rag_memory_id: str
+
 
 class WorkflowStateManager:
     def create_initial_state(
@@ -85,7 +90,9 @@ class WorkflowStateManager:
             looping=0,
             activate={
                 start_node_id: True
-            }
+            },
+            memory_storage_type=execution_context.memory_storage_type,
+            user_rag_memory_id=execution_context.user_rag_memory_id
         )
 
     @staticmethod
diff --git a/api/app/core/workflow/engine/stream_output_coordinator.py b/api/app/core/workflow/engine/stream_output_coordinator.py
index ddee9adc..dcc92fdb 100644
--- a/api/app/core/workflow/engine/stream_output_coordinator.py
+++ b/api/app/core/workflow/engine/stream_output_coordinator.py
@@ -3,6 +3,7 @@
 # @Email: 1533512157@qq.com
 # @Time : 2026/2/9 15:11
 import re
+from collections import deque
 from typing import AsyncGenerator
 
 from pydantic import BaseModel, Field, PrivateAttr
@@ -37,8 +38,8 @@ class OutputContent(BaseModel):
     activate: bool = Field(
         ...,
         description=(
-            "Whether this output segment is currently active.\n"
-            "- True: allowed to be emitted/output\n"
+            "Whether this output segment is currently active."
+            "- True: allowed to be emitted/output"
             "- False: blocked until activated by branch control"
         )
     )
@@ -46,8 +47,8 @@ class OutputContent(BaseModel):
     is_variable: bool = Field(
         ...,
         description=(
-            "Whether this segment represents a variable placeholder.\n"
-            "True  -> variable (e.g. {{ node.field }})\n"
+            "Whether this segment represents a variable placeholder."
+            "True  -> variable (e.g. {{ node.field }})"
             "False -> literal text"
         )
     )
@@ -86,12 +87,16 @@ class StreamOutputConfig(BaseModel):
     - which upstream branch/control nodes gate the activation
     - how each parsed output segment is streamed and activated
     """
+    id: str = Field(
+        ...,
+        description="ID of the End node this configuration belongs to."
+    )
 
     activate: bool = Field(
         ...,
         description=(
-            "Global activation flag for the End node output.\n"
-            "When False, output segments should not be emitted even if available.\n"
+            "Global activation flag for the End node output."
+            "When False, output segments should not be emitted even if available."
             "This flag typically becomes True once required control branch conditions "
             "are satisfied."
         )
@@ -100,17 +105,46 @@ class StreamOutputConfig(BaseModel):
     control_nodes: dict[str, list[str]] = Field(
         ...,
         description=(
-            "Control branch conditions for this End node output.\n"
-            "Mapping of `branch_node_id -> expected_branch_label`.\n"
+            "Control branch conditions for this End node output."
+            "Mapping of `branch_node_id -> expected_branch_label`."
             "The End node output becomes globally active when a controlling branch node "
             "reports a matching completion status."
         )
     )
 
+    upstream_output_nodes: list[str] = Field(
+        ...,
+        description=(
+            "Upstream output node dependencies (data flow)."
+            "Represents END/output nodes that this output depends on."
+            "These nodes provide data sources required before this output can be activated "
+            "or streamed."
+            "Used to ensure correct ordering and dependency resolution in streaming mode."
+        )
+    )
+
+    control_resolved: bool = Field(
+        ...,
+        description=(
+            "Whether all upstream branch control dependencies have been satisfied."
+            "True if no upstream branch nodes exist or the required branch "
+            "conditions have been met."
+        )
+    )
+
+    output_resolved: bool = Field(
+        ...,
+        description=(
+            "Whether all upstream output node dependencies have been completed."
+            "True if no upstream output nodes exist or all upstream output "
+            "nodes have finished their output."
+        )
+    )
+
     outputs: list[OutputContent] = Field(
         ...,
         description=(
-            "Ordered list of output segments parsed from the output template.\n"
+            "Ordered list of output segments parsed from the output template."
             "Each segment represents either a literal text block or a variable placeholder "
             "that may be activated independently."
         )
@@ -119,49 +153,97 @@ class StreamOutputConfig(BaseModel):
     cursor: int = Field(
         ...,
         description=(
-            "Streaming cursor index.\n"
-            "Indicates the next output segment index to be emitted.\n"
+            "Streaming cursor index."
+            "Indicates the next output segment index to be emitted."
             "Segments with index < cursor are considered already streamed."
         )
     )
 
+    force: bool = Field(
+        default=False,
+        description=(
+            "Force flag for output emission."
+            "When True, all output segments are emitted regardless of activation state."
+            "Triggered when this output node has finished execution."
+        )
+    )
+
     def update_activate(self, scope: str, status=None):
         """
-        Update streaming activation state based on an upstream node or special variable.
+        Update streaming activation state based on upstream events.
 
         Args:
             scope (str):
                 Identifier of the completed upstream entity.
                 - If a control branch node, it should match a key in `control_nodes`.
-                - If a variable placeholder (e.g., "sys.xxx"), it may appear in output segments.
+                - If an upstream output node, it should match an entry in `upstream_output_nodes`.
+                - If a variable placeholder (e.g., "sys.xxx" or "node_id.field"),
+                  it may appear in output segments.
+
             status (optional):
                 Completion status of the control branch node.
                 Required when `scope` refers to a control node.
 
         Behavior:
-        1. Control branch nodes:
-           - If `scope` matches a key in `control_nodes` and `status` matches the expected
-             branch label, the End node output becomes globally active (`activate = True`).
+        1. Force activation:
+           - If `self.force` is True, the method returns immediately.
+           - If `scope == self.id`, the node marks itself as completed:
+               - `activate = True`
+               - `force = True`
+             This is typically used for final flushing when the node finishes execution.
 
-        2. Variable output segments:
-           - For each segment that is a variable (`is_variable=True`):
-               - If the segment literal references `scope`, mark the segment as active.
-               - This applies both to regular node variables (e.g., "node_id.field")
-                 and special system variables (e.g., "sys.xxx").
+        2. Control dependency resolution:
+           - If `scope` matches a key in `control_nodes`:
+               - `status` must be provided.
+               - If `status` matches expected branch labels, mark control as resolved
+                 (`control_resolved = True`).
+
+        3. Upstream output dependency resolution:
+           - If `scope` is in `upstream_output_nodes`,
+             mark data dependency as resolved (`output_resolved = True`).
+
+        4. Global activation condition:
+           - The node becomes active when BOTH conditions are satisfied:
+               - control_resolved == True
+               - output_resolved == True
+           - Once activated, `activate` remains True.
+
+        5. Variable segment activation:
+           - For each output segment that is a variable (`is_variable=True`):
+               - If the segment depends on the given `scope`,
+                 mark the segment as active.
+           - This applies to both node variables (e.g., "node_id.field")
+             and system variables (e.g., "sys.xxx").
 
         Notes:
-        - This method does not emit output or advance the streaming cursor.
-        - It only updates activation flags based on upstream events or special variables.
+        - This method does NOT emit output or advance the streaming cursor.
+        - It only updates activation and dependency resolution states.
+        - Activation is driven by both control flow (branch nodes) and
+          data flow (upstream output nodes).
         """
+        if self.force:
+            return
 
-        # Case 1: resolve control branch dependency
+        if scope == self.id:
+            self.activate = True
+            self.force = True
+            return
+
+        # resolve control branch dependency
         if scope in self.control_nodes:
             if status is None:
                 raise RuntimeError("[Stream Output] Control node activation status not provided")
             if status in self.control_nodes[scope]:
-                self.activate = True
+                self.control_resolved = True
 
-        # Case 2: activate variable segments related to this node
+        if scope in self.upstream_output_nodes:
+            self.upstream_output_nodes.remove(scope)
+        if not self.upstream_output_nodes:
+            self.output_resolved = True
+
+        self.activate = self.activate or (self.control_resolved and self.output_resolved)
+
+        # activate variable segments related to this node
         for i in range(len(self.outputs)):
             if (
                     self.outputs[i].is_variable
@@ -174,12 +256,17 @@ class StreamOutputCoordinator:
     def __init__(self):
         self.end_outputs: dict[str, StreamOutputConfig] = {}
         self.activate_end: str | None = None
+        self.output_queue: deque[str] = deque()
+        self.processed_outputs = []
 
     def initialize_end_outputs(
             self,
             end_node_map: dict[str, StreamOutputConfig]
     ):
         self.end_outputs = end_node_map
+        self.processed_outputs = []
+        self.activate_end = None
+        self.output_queue = deque()
 
     @property
     def current_activate_end_info(self):
@@ -209,10 +296,13 @@ class StreamOutputCoordinator:
             scope (str): The node ID or scope that has completed execution.
             status (str | None): Optional status of the node (used for branch/control nodes).
         """
-        for node in self.end_outputs.keys():
+        for node in self.end_outputs:
             self.end_outputs[node].update_activate(scope, status)
-            if self.end_outputs[node].activate and self.activate_end is None:
-                self.activate_end = node
+            if self.end_outputs[node].activate and node not in self.processed_outputs:
+                self.output_queue.append(node)
+                self.processed_outputs.append(node)
+        if self.activate_end is None and self.output_queue:
+            self.activate_end = self.output_queue.popleft()
 
     async def emit_activate_chunk(
             self,
@@ -256,7 +346,7 @@ class StreamOutputCoordinator:
             final_chunk = ''
             current_segment = end_info.outputs[end_info.cursor]
 
-            if not current_segment.activate and not force:
+            if not current_segment.activate and not force and not end_info.force:
                 # Stop processing until this segment becomes active
                 break
 
@@ -273,7 +363,7 @@ class StreamOutputCoordinator:
                     logger.warning(f"[STREAM] Failed to evaluate segment: {current_segment.literal}, error: {e}")
 
             if final_chunk:
-                logger.info(f"[STREAM] StreamOutput Node:{self.activate_end}, chunk:{final_chunk}")
+                logger.info(f"[STREAM] StreamOutput Node:{self.activate_end}, chunk_length:{len(final_chunk)}")
                 yield {
                     "event": "message",
                     "data": {
@@ -285,8 +375,7 @@ class StreamOutputCoordinator:
             end_info.cursor += 1
 
         if end_info.cursor >= len(end_info.outputs):
-            self.end_outputs.pop(self.activate_end)
-            self.activate_end = None
+            self.pop_current_activate_end()
 
     async def flush_remaining_chunk(
             self,
@@ -325,6 +414,8 @@ class StreamOutputCoordinator:
                 async for msg_event in self.emit_activate_chunk(variable_pool, force=True):
                     yield msg_event
 
+                if self.output_queue:
+                    self.activate_end = self.output_queue.popleft()
                 # Move to next active End node if current one is done
                 if not self.activate_end and self.end_outputs:
                     self.activate_end = list(self.end_outputs.keys())[0]
diff --git a/api/app/core/workflow/engine/variable_pool.py b/api/app/core/workflow/engine/variable_pool.py
index bc88df19..60f1257e 100644
--- a/api/app/core/workflow/engine/variable_pool.py
+++ b/api/app/core/workflow/engine/variable_pool.py
@@ -13,7 +13,7 @@ from pydantic import BaseModel
 
 from app.core.workflow.engine.runtime_schema import ExecutionContext
 from app.core.workflow.variable.base_variable import VariableType, DEFAULT_VALUE
-from app.core.workflow.variable.variable_objects import T, create_variable_instance
+from app.core.workflow.variable.variable_objects import T, create_variable_instance, ArrayVariable, FileVariable
 
 logger = logging.getLogger(__name__)
 
@@ -351,12 +351,12 @@ class VariablePool:
             }
         return runtime_vars
 
-    def get_node_output(self, node_id: str, defalut: Any = None, strict: bool = True) -> dict[str, Any] | None:
+    def get_node_output(self, node_id: str, default: Any = None, strict: bool = True) -> dict[str, Any] | None:
         """获取指定节点的输出（运行时变量）
         
         Args:
             node_id: 节点 ID
-            defalut: 默认值
+            default: 默认值
             strict: 是否严格模式
         
         Returns:
@@ -368,11 +368,21 @@ class VariablePool:
         if strict:
             raise KeyError(f"node {node_id} output not exist")
         else:
-            return defalut
+            return default
 
     def copy(self, pool: 'VariablePool'):
         self.variables = deepcopy(pool.variables)
 
+    def is_file_variable(self, selector):
+        variable_struct = self.get_instance(selector, default=None, strict=False)
+        if variable_struct is None:
+            return False
+        if isinstance(variable_struct, FileVariable):
+            return True
+        elif isinstance(variable_struct, ArrayVariable) and variable_struct.child_type == FileVariable:
+            return True
+        return False
+
     def to_dict(self) -> dict[str, Any]:
         """导出为字典
         
diff --git a/api/app/core/workflow/executor.py b/api/app/core/workflow/executor.py
index ff979f2b..0a820826 100644
--- a/api/app/core/workflow/executor.py
+++ b/api/app/core/workflow/executor.py
@@ -3,6 +3,7 @@
 # @Email: 1533512157@qq.com
 # @Time : 2026/2/9 13:51
 import datetime
+import time
 import logging
 from typing import Any
 
@@ -82,13 +83,15 @@ class WorkflowExecutor:
             CompiledStateGraph: The compiled and ready-to-run state graph.
         """
         logger.info(f"Starting workflow graph build: execution_id={self.execution_context.execution_id}")
+        start_time = time.time()
         builder = GraphBuilder(
             self.workflow_config,
             stream=stream,
         )
+
+        self.graph = builder.build()
         self.start_node_id = builder.start_node_id
         self.variable_pool = builder.variable_pool
-        self.graph = builder.build()
 
         self.stream_coordinator.initialize_end_outputs(builder.end_node_map)
         self.event_handler = EventStreamHandler(
@@ -96,7 +99,8 @@ class WorkflowExecutor:
             variable_pool=self.variable_pool,
             execution_id=self.execution_context.execution_id
         )
-        logger.info(f"Workflow graph build completed: execution_id={self.execution_context.execution_id}")
+        logger.info(f"Workflow graph build completed: execution_id={self.execution_context.execution_id}, "
+                    f"cost: {time.time() - start_time:.4f}s")
 
         return self.graph
 
@@ -128,89 +132,18 @@ class WorkflowExecutor:
                   - token_usage: aggregated token usage if available
                   - error: error message if any
         """
-        logger.info(f"Starting workflow execution: execution_id={self.execution_context.execution_id}")
-
-        start_time = datetime.datetime.now()
-
-        # Execute the workflow
-        try:
-            # Build the workflow graph
-            graph = self.build_graph()
-
-            # Initialize the variable pool with input data
-            await self.variable_initializer.initialize(
-                variable_pool=self.variable_pool,
-                input_data=input_data,
-                execution_context=self.execution_context
-            )
-            initial_state = self.state_manager.create_initial_state(
-                workflow_config=self.workflow_config,
-                input_data=input_data,
-                execution_context=self.execution_context,
-                start_node_id=self.start_node_id
-            )
-
-            result = await graph.ainvoke(initial_state, config=self.execution_context.checkpoint_config)
-
-            # Aggregate output from all End nodes
-            full_content = ''
-            for end_id in self.stream_coordinator.end_outputs.keys():
-                full_content += self.variable_pool.get_value(f"{end_id}.output", default="", strict=False)
-
-            # Append messages for user and assistant
-            if input_data.get("files"):
-                result["messages"].extend(
-                    [
-                        {
-                            "role": "user",
-                            "content": input_data.get("message", '')
-                        },
-                        {
-                            "role": "user",
-                            "content": input_data.get("files")
-                        },
-                        {
-                            "role": "assistant",
-                            "content": full_content
-                        }
-                    ]
-                )
-            else:
-                result["messages"].extend(
-                    [
-                        {
-                            "role": "user",
-                            "content": input_data.get("message", '')
-                        },
-                        {
-                            "role": "assistant",
-                            "content": full_content
-                        }
-                    ]
-                )
-            # Calculate elapsed time
-            end_time = datetime.datetime.now()
-            elapsed_time = (end_time - start_time).total_seconds()
-
-            logger.info(
-                f"Workflow execution completed: execution_id={self.execution_context.execution_id}, elapsed_time={elapsed_time:.2f}ms")
-
-            return self.result_builder.build_final_output(result, self.variable_pool, elapsed_time, full_content)
-
-        except Exception as e:
-            end_time = datetime.datetime.now()
-            elapsed_time = (end_time - start_time).total_seconds()
-
-            logger.error(f"Workflow execution failed: execution_id={self.execution_context.execution_id}, error={e}",
-                         exc_info=True)
-            return {
-                "status": "failed",
-                "error": str(e),
-                "output": None,
-                "node_outputs": {},
-                "elapsed_time": elapsed_time,
-                "token_usage": None
-            }
+        start = datetime.datetime.now()
+        async for event in self.execute_stream(input_data):
+            if event.get("event") == "workflow_end":
+                return event.get("data")
+        return self.result_builder.build_final_output(
+            {"error": "Workflow execution did not end as expected"},
+            self.execution_context,
+            self.variable_pool,
+            (datetime.datetime.now() - start).total_seconds(),
+            "",
+            success=False
+        )
 
     async def execute_stream(
             self,
@@ -244,11 +177,12 @@ class WorkflowExecutor:
             "data": {
                 "execution_id": self.execution_context.execution_id,
                 "workspace_id": self.execution_context.workspace_id,
-                "conversation_id": input_data.get("conversation_id"),
+                "conversation_id": self.execution_context.conversation_id,
                 "timestamp": int(start_time.timestamp() * 1000)
             }
         }
-
+        result = None
+        full_content = ''
         try:
             # Build the workflow graph in streaming mode
             graph = self.build_graph(stream=True)
@@ -266,7 +200,6 @@ class WorkflowExecutor:
                 start_node_id=self.start_node_id
             )
 
-            full_content = ''
             self.stream_coordinator.update_scope_activation("sys")
 
             # Execute the workflow with streaming
@@ -363,7 +296,13 @@ class WorkflowExecutor:
 
             yield {
                 "event": "workflow_end",
-                "data": self.result_builder.build_final_output(result, self.variable_pool, elapsed_time, full_content)
+                "data": self.result_builder.build_final_output(
+                    result,
+                    self.execution_context,
+                    self.variable_pool,
+                    elapsed_time,
+                    full_content,
+                    success=True)
             }
 
         except Exception as e:
@@ -372,16 +311,20 @@ class WorkflowExecutor:
 
             logger.error(f"Workflow execution failed: execution_id={self.execution_context.execution_id}, error={e}",
                          exc_info=True)
-
+            if result is None:
+                result = {"error": str(e)}
+            else:
+                result["error"] = str(e)
             yield {
                 "event": "workflow_end",
-                "data": {
-                    "execution_id": self.execution_context.execution_id,
-                    "status": "failed",
-                    "error": str(e),
-                    "elapsed_time": elapsed_time,
-                    "timestamp": end_time.isoformat()
-                }
+                "data": self.result_builder.build_final_output(
+                    result,
+                    self.execution_context,
+                    self.variable_pool,
+                    elapsed_time,
+                    full_content,
+                    success=False
+                )
             }
 
 
@@ -390,7 +333,9 @@ async def execute_workflow(
         input_data: dict[str, Any],
         execution_id: str,
         workspace_id: str,
-        user_id: str
+        user_id: str,
+        memory_storage_type: str,
+        user_rag_memory_id: str
 ) -> dict[str, Any]:
     """
     Execute a workflow (convenience function, non-streaming).
@@ -401,6 +346,8 @@ async def execute_workflow(
         execution_id (str): Execution ID.
         workspace_id (str): Workspace ID.
         user_id (str): User ID.
+        user_rag_memory_id: rag knowledge db id
+        memory_storage_type: neo4j / rag
 
     Returns:
         dict: Workflow execution result.
@@ -408,7 +355,10 @@ async def execute_workflow(
     execution_context = ExecutionContext.create(
         execution_id=execution_id,
         workspace_id=workspace_id,
-        user_id=user_id
+        user_id=user_id,
+        conversation_id=input_data.get("conversation_id"),
+        memory_storage_type=memory_storage_type,
+        user_rag_memory_id=user_rag_memory_id
     )
     executor = WorkflowExecutor(
         workflow_config=workflow_config,
@@ -422,7 +372,9 @@ async def execute_workflow_stream(
         input_data: dict[str, Any],
         execution_id: str,
         workspace_id: str,
-        user_id: str
+        user_id: str,
+        memory_storage_type: str,
+        user_rag_memory_id: str
 ):
     """
     Execute a workflow in streaming mode (convenience function).
@@ -433,6 +385,8 @@ async def execute_workflow_stream(
         execution_id (str): Execution ID.
         workspace_id (str): Workspace ID.
         user_id (str): User ID.
+        user_rag_memory_id: rag knowledge db id
+        memory_storage_type: neo4j / rag
 
     Yields:
         dict: Streaming workflow events, e.g. node start, node end, chunk messages, workflow end.
@@ -440,7 +394,10 @@ async def execute_workflow_stream(
     execution_context = ExecutionContext.create(
         execution_id=execution_id,
         workspace_id=workspace_id,
-        user_id=user_id
+        user_id=user_id,
+        memory_storage_type=memory_storage_type,
+        conversation_id=input_data.get("conversation_id"),
+        user_rag_memory_id=user_rag_memory_id
     )
     executor = WorkflowExecutor(
         workflow_config=workflow_config,
diff --git a/api/app/core/workflow/nodes/agent/node.py b/api/app/core/workflow/nodes/agent/node.py
index 8959e27c..7b146a9c 100644
--- a/api/app/core/workflow/nodes/agent/node.py
+++ b/api/app/core/workflow/nodes/agent/node.py
@@ -64,9 +64,7 @@ class AgentNode(BaseNode):
         
         if not release:
             raise ValueError(f"Agent 不存在: {agent_id}")
-        
 
-        
         return release, message
     
     async def execute(self, state: WorkflowState, variable_pool: VariablePool) -> dict[str, Any]:
diff --git a/api/app/core/workflow/nodes/assigner/node.py b/api/app/core/workflow/nodes/assigner/node.py
index 4c897d5a..f5bdf000 100644
--- a/api/app/core/workflow/nodes/assigner/node.py
+++ b/api/app/core/workflow/nodes/assigner/node.py
@@ -14,8 +14,8 @@ logger = logging.getLogger(__name__)
 
 
 class AssignerNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.variable_updater = True
         self.typed_config: AssignerNodeConfig | None = None
 
diff --git a/api/app/core/workflow/nodes/base_node.py b/api/app/core/workflow/nodes/base_node.py
index 0e3fecee..8567ebbe 100644
--- a/api/app/core/workflow/nodes/base_node.py
+++ b/api/app/core/workflow/nodes/base_node.py
@@ -28,7 +28,7 @@ class BaseNode(ABC):
     All node types should inherit from this class and implement the `execute` method.
     """
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
         """Initialize the node.
 
         Args:
@@ -41,6 +41,7 @@ class BaseNode(ABC):
         self.node_type = node_config["type"]
         self.cycle = node_config.get("cycle")
         self.node_name = node_config.get("name", self.node_id)
+        self.down_stream_nodes = down_stream_nodes
         # 使用 or 运算符处理 None 值
         self.config = node_config.get("config") or {}
         self.error_handling = node_config.get("error_handling") or {}
@@ -93,18 +94,16 @@ class BaseNode(ABC):
             dict: A dict with a single key 'activate', mapping node IDs to
                   their activation status (True/False).
         """
-        edges = self.workflow_config.get("edges")
-        under_stream_nodes = [
-            edge.get("target")
-            for edge in edges
-            if edge.get("source") == self.node_id and self.node_type not in BRANCH_NODES
-        ]
-        return {
-            "activate": {
-                            node_id: self.check_activate(state)
-                            for node_id in under_stream_nodes
-                        } | {self.node_id: self.check_activate(state)}
-        }
+        activate_flag = self.check_activate(state)
+
+        if self.node_type not in BRANCH_NODES:
+            activate = {node_id: activate_flag for node_id in self.down_stream_nodes}
+        else:
+            activate = {}
+
+        activate[self.node_id] = activate_flag
+
+        return {"activate": activate}
 
     @abstractmethod
     async def execute(self, state: WorkflowState, variable_pool: VariablePool) -> Any:
@@ -315,8 +314,8 @@ class BaseNode(ABC):
 
             elapsed_time = (time.time() - start_time) * 1000
 
-            logger.info(f"Node {self.node_id} streaming execution finished, "
-                        f"time elapsed: {elapsed_time:.2f}ms, chunks: {chunk_count}")
+            logger.debug(f"Node {self.node_id} streaming execution finished, "
+                         f"time elapsed: {elapsed_time:.2f}ms, chunks: {chunk_count}")
 
             # Extract processed output (call subclass's _extract_output)
             extracted_output = self._extract_output(final_result)
@@ -428,8 +427,8 @@ class BaseNode(ABC):
             when an error edge exists. If no error edge exists, this method
             raises an exception to stop the workflow.
         """
-        # Check if the node has an error edge defined
-        error_edge = self._find_error_edge()
+        # # Check if the node has an error edge defined
+        # error_edge = self._find_error_edge()
 
         # Extract input data (for logging or audit purposes)
         input_data = self._extract_input(state, variable_pool)
@@ -447,27 +446,26 @@ class BaseNode(ABC):
             "error": error_message
         }
 
-        if error_edge:
-            # If an error edge exists, log a warning and continue to error node
-            logger.warning(
-                f"Node {self.node_id} execution failed, redirecting to error node: {error_edge['target']}"
-            )
-            return {
-                "node_outputs": {
-                    self.node_id: node_output
-                },
-                "error": error_message,
-                "error_node": self.node_id
-            }
-        else:
-            # If no error edge, send the error via stream writer and stop the workflow
-            writer = get_stream_writer()
-            writer({
-                "type": "node_error",
-                **node_output
-            })
-            logger.error(f"Node {self.node_id} execution failed, stopping workflow: {error_message}")
-            raise Exception(f"Node {self.node_id} execution failed: {error_message}")
+        # if error_edge:
+        #     # If an error edge exists, log a warning and continue to error node
+        #     logger.warning(
+        #         f"Node {self.node_id} execution failed, redirecting to error node: {error_edge['target']}"
+        #     )
+        #     return {
+        #         "node_outputs": {
+        #             self.node_id: node_output
+        #         },
+        #         "error": error_message,
+        #         "error_node": self.node_id
+        #     }
+        # else:
+        writer = get_stream_writer()
+        writer({
+            "type": "node_error",
+            **node_output
+        })
+        logger.error(f"Node {self.node_id} execution failed, stopping workflow: {error_message}")
+        raise Exception(f"Node {self.node_id} execution failed: {error_message}")
 
     def _extract_input(self, state: WorkflowState, variable_pool: VariablePool) -> dict[str, Any]:
         """Extracts the input data for this node (used for logging or audit).
@@ -623,7 +621,6 @@ class BaseNode(ABC):
     async def process_message(
             api_config: ModelInfo,
             content: str | dict | FileObject,
-            end_user_id: str,
             enable_file=False
     ) -> list | str | None:
         provider = api_config.provider
@@ -642,10 +639,10 @@ class BaseNode(ABC):
             return content
 
         elif isinstance(content, FileObject):
-            if content.content_cache.get(provider):
-                return content.content_cache[provider]
+            if content.content_cache.get(f"{provider}_{api_config.is_omni}"):
+                return content.content_cache[f"{provider}_{api_config.is_omni}"]
             with get_db_read() as db:
-                multimodel_service = MultimodalService(db, api_config=api_config)
+                multimodal_service = MultimodalService(db, api_config=api_config)
                 file_obj = FileInput(
                     type=content.type,
                     url=content.url,
@@ -654,16 +651,15 @@ class BaseNode(ABC):
                     upload_file_id=uuid.UUID(content.file_id) if content.file_id else None,
                 )
                 file_obj.set_content(content.get_content())
-                message = await multimodel_service.process_files(
-                    end_user_id,
+                message = await multimodal_service.process_files(
                     [file_obj],
                 )
                 content.set_content(file_obj.get_content())
                 if message:
-                    content.content_cache[provider] = message
+                    content.content_cache[f"{provider}_{api_config.is_omni}"] = message
                     return message
                 return None
-        raise TypeError(f'Unexpect input value type - {type(content)}')
+        raise TypeError(f'Unexpected input value type - {type(content)}')
 
     @staticmethod
     def process_model_output(content) -> str:
diff --git a/api/app/core/workflow/nodes/code/node.py b/api/app/core/workflow/nodes/code/node.py
index 9303302d..d89b208b 100644
--- a/api/app/core/workflow/nodes/code/node.py
+++ b/api/app/core/workflow/nodes/code/node.py
@@ -51,8 +51,8 @@ console.log(result)
 
 
 class CodeNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: CodeNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
@@ -128,7 +128,7 @@ class CodeNode(BaseNode):
         else:
             raise ValueError(f"Unsupported language: {self.typed_config.language}")
 
-        async with httpx.AsyncClient() as client:
+        async with httpx.AsyncClient(timeout=60) as client:
             response = await client.post(
                 "http://sandbox:8194/v1/sandbox/run",
                 headers={
diff --git a/api/app/core/workflow/nodes/cycle_graph/config.py b/api/app/core/workflow/nodes/cycle_graph/config.py
index 52aca1d9..75358c47 100644
--- a/api/app/core/workflow/nodes/cycle_graph/config.py
+++ b/api/app/core/workflow/nodes/cycle_graph/config.py
@@ -51,7 +51,7 @@ class ConditionDetail(BaseModel):
     )
 
     right: Any = Field(
-        ...,
+        default=None,
         description="Right-hand operand of the comparison expression"
     )
 
diff --git a/api/app/core/workflow/nodes/cycle_graph/loop.py b/api/app/core/workflow/nodes/cycle_graph/loop.py
index d3ada1ec..84901bad 100644
--- a/api/app/core/workflow/nodes/cycle_graph/loop.py
+++ b/api/app/core/workflow/nodes/cycle_graph/loop.py
@@ -158,7 +158,7 @@ class LoopRuntime:
         self.variable_pool.variables["conv"].update(
             self.child_variable_pool.variables["conv"]
         )
-        loop_vars = self.child_variable_pool.get_node_output(self.node_id, defalut={}, strict=False)
+        loop_vars = self.child_variable_pool.get_node_output(self.node_id, default={}, strict=False)
         loopstate["node_outputs"][self.node_id] = loop_vars
 
     def evaluate_conditional(self) -> bool:
@@ -261,4 +261,4 @@ class LoopRuntime:
             idx += 1
 
         logger.info(f"loop node {self.node_id}: execution completed")
-        return self.child_variable_pool.get_node_output(self.node_id) | {"__child_state": child_state}
+        return self.child_variable_pool.get_node_output(self.node_id, default={}, strict=False) | {"__child_state": child_state}
diff --git a/api/app/core/workflow/nodes/cycle_graph/node.py b/api/app/core/workflow/nodes/cycle_graph/node.py
index 71e0dbdb..fc80939f 100644
--- a/api/app/core/workflow/nodes/cycle_graph/node.py
+++ b/api/app/core/workflow/nodes/cycle_graph/node.py
@@ -30,17 +30,13 @@ class CycleGraphNode(BaseNode):
     It acts as a container and execution controller for a subgraph.
     """
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
-
-        self.cycle_nodes = list()  # Nodes belonging to this cycle
-        self.cycle_edges = list()  # Edges connecting nodes within the cycle
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
+        self.cycle_nodes, self.cycle_edges = self.pure_cycle_graph()
         self.start_node_id = None  # ID of the start node within the cycle
 
         self.graph: StateGraph | CompiledStateGraph | None = None
         self.child_variable_pool: VariablePool | None = None
-        self.build_graph()
-        self.iteration_flag = True
 
     def _output_types(self) -> dict[str, VariableType]:
         outputs = {"__child_state": VariableType.ARRAY_OBJECT}
@@ -119,11 +115,11 @@ class CycleGraphNode(BaseNode):
             else:
                 remain_edges.append(edge)
 
-        # Update workflow_config by removing cycle nodes and internal edges
-        self.workflow_config["nodes"] = [
-            node for node in nodes if node.get("cycle") != self.node_id
-        ]
-        self.workflow_config["edges"] = remain_edges
+        # # Update workflow_config by removing cycle nodes and internal edges
+        # self.workflow_config["nodes"] = [
+        #     node for node in nodes if node.get("cycle") != self.node_id
+        # ]
+        # self.workflow_config["edges"] = remain_edges
 
         return cycle_nodes, cycle_edges
 
@@ -137,18 +133,18 @@ class CycleGraphNode(BaseNode):
         3. Compile the graph for runtime execution
         """
         from app.core.workflow.engine.graph_builder import GraphBuilder
-        self.cycle_nodes, self.cycle_edges = self.pure_cycle_graph()
+
         self.child_variable_pool = VariablePool()
         builder = GraphBuilder(
             {
                 "nodes": self.cycle_nodes,
                 "edges": self.cycle_edges,
             },
-            subgraph=True,
-            variable_pool=self.child_variable_pool
+            variable_pool=self.child_variable_pool,
+            cycle=self.node_id
         )
-        self.start_node_id = builder.start_node_id
         self.graph = builder.build()
+        self.start_node_id = builder.start_node_id
         self.child_variable_pool = builder.variable_pool
 
     async def execute(self, state: WorkflowState, variable_pool: VariablePool) -> Any:
@@ -169,6 +165,7 @@ class CycleGraphNode(BaseNode):
         Raises:
             RuntimeError: If the node type is unsupported.
         """
+        self.build_graph()
         if self.node_type == NodeType.LOOP:
             return await LoopRuntime(
                 start_id=self.start_node_id,
@@ -194,6 +191,7 @@ class CycleGraphNode(BaseNode):
         raise RuntimeError("Unknown cycle node type")
 
     async def execute_stream(self, state: WorkflowState, variable_pool: VariablePool):
+        self.build_graph()
         if self.node_type == NodeType.LOOP:
             yield {
                 "__final__": True,
diff --git a/api/app/core/workflow/nodes/document_extractor/__init__.py b/api/app/core/workflow/nodes/document_extractor/__init__.py
new file mode 100644
index 00000000..c51bc2c0
--- /dev/null
+++ b/api/app/core/workflow/nodes/document_extractor/__init__.py
@@ -0,0 +1,4 @@
+from .config import DocExtractorNodeConfig
+from .node import DocExtractorNode
+
+__all__ = ["DocExtractorNode", "DocExtractorNodeConfig"]
diff --git a/api/app/core/workflow/nodes/document_extractor/config.py b/api/app/core/workflow/nodes/document_extractor/config.py
new file mode 100644
index 00000000..69f7f76d
--- /dev/null
+++ b/api/app/core/workflow/nodes/document_extractor/config.py
@@ -0,0 +1,18 @@
+from pydantic import Field
+from app.core.workflow.nodes.base_config import BaseNodeConfig
+
+
+class DocExtractorNodeConfig(BaseNodeConfig):
+    file_selector: str = Field(
+        ...,
+        description="File variable selector, e.g. {{ sys.files }} or {{ node_id.file }}"
+    )
+
+    class Config:
+        json_schema_extra = {
+            "examples": [
+                {
+                    "file_selector": "{{ sys.files }}"
+                }
+            ]
+        }
diff --git a/api/app/core/workflow/nodes/document_extractor/node.py b/api/app/core/workflow/nodes/document_extractor/node.py
new file mode 100644
index 00000000..40641f3c
--- /dev/null
+++ b/api/app/core/workflow/nodes/document_extractor/node.py
@@ -0,0 +1,103 @@
+import logging
+from typing import Any
+
+from app.core.workflow.engine.state_manager import WorkflowState
+from app.core.workflow.engine.variable_pool import VariablePool
+from app.core.workflow.nodes.base_node import BaseNode
+from app.core.workflow.nodes.document_extractor.config import DocExtractorNodeConfig
+from app.core.workflow.variable.base_variable import VariableType, FileObject
+from app.db import get_db_read
+from app.schemas.app_schema import FileInput, FileType, TransferMethod
+
+logger = logging.getLogger(__name__)
+
+
+def _file_object_to_file_input(f: FileObject) -> FileInput:
+    """Convert workflow FileObject to multimodal FileInput."""
+    return FileInput(
+        type=FileType.DOCUMENT,
+        transfer_method=TransferMethod(f.transfer_method),
+        url=f.url or None,
+        upload_file_id=f.file_id or None,
+        file_type=f.origin_file_type or "",
+    )
+
+
+def _normalise_files(val: Any) -> list[FileObject]:
+    if isinstance(val, FileObject):
+        return [val]
+    if isinstance(val, dict) and val.get("is_file"):
+        return [FileObject(**val)]
+    if isinstance(val, list):
+        result: list[FileObject] = []
+        for item in val:
+            if isinstance(item, FileObject):
+                result.append(item)
+            elif isinstance(item, dict) and item.get("is_file"):
+                result.append(FileObject(**item))
+            else:
+                logger.warning("Ignoring non-file entry in file list for document extractor: %r", item)
+        return result
+    return []
+
+
+class DocExtractorNode(BaseNode):
+    """Document Extractor Node.
+
+    Reads one or more file variables and extracts their text content
+    by delegating to MultimodalService._extract_document_text.
+
+    Outputs:
+        text   (string)        – full concatenated text of all input files
+        chunks (array[string]) – per-file extracted text
+    """
+
+    def _output_types(self) -> dict[str, VariableType]:
+        return {
+            "text": VariableType.STRING,
+            "chunks": VariableType.ARRAY_STRING,
+        }
+
+    def _extract_output(self, business_result: Any) -> Any:
+        return business_result
+
+    def _extract_input(self, state: WorkflowState, variable_pool: VariablePool) -> dict[str, Any]:
+        return {"file_selector": self.config.get("file_selector")}
+
+    async def execute(self, state: WorkflowState, variable_pool: VariablePool) -> Any:
+        config = DocExtractorNodeConfig(**self.config)
+
+        raw_val = self.get_variable(config.file_selector, variable_pool, strict=False)
+        if raw_val is None:
+            logger.warning(f"Node {self.node_id}: file variable '{config.file_selector}' is empty")
+            return {"text": "", "chunks": []}
+
+        files = _normalise_files(raw_val)
+        if not files:
+            return {"text": "", "chunks": []}
+
+        chunks: list[str] = []
+        with get_db_read() as db:
+            from app.services.multimodal_service import MultimodalService
+            svc = MultimodalService(db)
+            for f in files:
+                try:
+                    file_input = _file_object_to_file_input(f)
+                    # Ensure URL is populated for local files
+                    if not file_input.url:
+                        file_input.url = await svc.get_file_url(file_input)
+                    # Reuse cached bytes if already fetched
+                    if f.get_content():
+                        file_input.set_content(f.get_content())
+                    text = await svc._extract_document_text(file_input)
+                    chunks.append(text)
+                except Exception as e:
+                    logger.error(
+                        f"Node {self.node_id}: failed to extract file url={f.url} file_id={f.file_id}: {e}",
+                        exc_info=True,
+                    )
+                    chunks.append("")
+
+        full_text = "\n\n".join(c for c in chunks if c)
+        logger.info(f"Node {self.node_id}: extracted {len(files)} file(s), total chars={len(full_text)}")
+        return {"text": full_text, "chunks": chunks}
diff --git a/api/app/core/workflow/nodes/end/config.py b/api/app/core/workflow/nodes/end/config.py
index 5c2a6c2a..02df5091 100644
--- a/api/app/core/workflow/nodes/end/config.py
+++ b/api/app/core/workflow/nodes/end/config.py
@@ -1,9 +1,7 @@
 """End 节点配置"""
-
 from pydantic import Field
 
-from app.core.workflow.nodes.base_config import BaseNodeConfig, VariableDefinition
-from app.core.workflow.variable.base_variable import VariableType
+from app.core.workflow.nodes.base_config import BaseNodeConfig
 
 
 class EndNodeConfig(BaseNodeConfig):
diff --git a/api/app/core/workflow/nodes/end/node.py b/api/app/core/workflow/nodes/end/node.py
index 2799316a..770cf328 100644
--- a/api/app/core/workflow/nodes/end/node.py
+++ b/api/app/core/workflow/nodes/end/node.py
@@ -36,8 +36,6 @@ class EndNode(BaseNode):
         Returns:
             最终输出字符串
         """
-        logger.info(f"节点 {self.node_id} (End) 开始执行")
-
         # 获取配置的输出模板
         output_template = self.config.get("output")
 
@@ -46,11 +44,4 @@ class EndNode(BaseNode):
             output = self._render_template(output_template, variable_pool, strict=False)
         else:
             output = ""
-
-        # 统计信息（用于日志）
-        node_outputs = state.get("node_outputs", {})
-        total_nodes = len(node_outputs)
-
-        logger.info(f"节点 {self.node_id} (End) 执行完成，共执行 {total_nodes} 个节点")
-
         return output
diff --git a/api/app/core/workflow/nodes/enums.py b/api/app/core/workflow/nodes/enums.py
index 43ab593b..529cd0b3 100644
--- a/api/app/core/workflow/nodes/enums.py
+++ b/api/app/core/workflow/nodes/enums.py
@@ -23,12 +23,13 @@ class NodeType(StrEnum):
     BREAK = "break"
     MEMORY_READ = "memory-read"
     MEMORY_WRITE = "memory-write"
+    DOCUMENT_EXTRACTOR = "document-extractor"
 
     UNKNOWN = "unknown"
     NOTES = "notes"
 
 
-BRANCH_NODES = [NodeType.IF_ELSE, NodeType.HTTP_REQUEST, NodeType.QUESTION_CLASSIFIER]
+BRANCH_NODES = frozenset({NodeType.IF_ELSE, NodeType.HTTP_REQUEST, NodeType.QUESTION_CLASSIFIER})
 
 
 class ComparisonOperator(StrEnum):
diff --git a/api/app/core/workflow/nodes/http_request/config.py b/api/app/core/workflow/nodes/http_request/config.py
index fe38fafb..e1b84f0c 100644
--- a/api/app/core/workflow/nodes/http_request/config.py
+++ b/api/app/core/workflow/nodes/http_request/config.py
@@ -115,7 +115,7 @@ class HttpRetryConfig(BaseModel):
     )
 
 
-class HttpErrorDefaultTamplete(BaseModel):
+class HttpErrorDefaultTemplate(BaseModel):
     body: str = Field(
         default="",
         description="Default body returned on HTTP error",
@@ -143,7 +143,7 @@ class HttpErrorHandleConfig(BaseModel):
         description="Error handling strategy: 'none', 'default', or 'branch'",
     )
 
-    default: HttpErrorDefaultTamplete | None = Field(
+    default: HttpErrorDefaultTemplate | None = Field(
         default=None,
         description="Default response template for error handling",
     )
diff --git a/api/app/core/workflow/nodes/http_request/node.py b/api/app/core/workflow/nodes/http_request/node.py
index 23378c83..086bee4a 100644
--- a/api/app/core/workflow/nodes/http_request/node.py
+++ b/api/app/core/workflow/nodes/http_request/node.py
@@ -16,7 +16,7 @@ from app.core.workflow.engine.variable_pool import VariablePool
 from app.core.workflow.nodes.base_node import BaseNode
 from app.core.workflow.nodes.enums import HttpRequestMethod, HttpErrorHandle, HttpAuthType, HttpContentType
 from app.core.workflow.nodes.http_request.config import HttpRequestNodeConfig, HttpRequestNodeOutput
-from app.core.workflow.utils.file_processer import mime_to_file_type
+from app.core.workflow.utils.file_processor import mime_to_file_type
 from app.core.workflow.variable.base_variable import VariableType, FileObject
 from app.core.workflow.variable.variable_objects import FileVariable, ArrayVariable
 from app.schemas import FileType, TransferMethod
@@ -157,8 +157,8 @@ class HttpRequestNode(BaseNode):
     or a branch identifier string when error branching is enabled.
     """
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: HttpRequestNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
diff --git a/api/app/core/workflow/nodes/if_else/config.py b/api/app/core/workflow/nodes/if_else/config.py
index 894898f0..638e4b2d 100644
--- a/api/app/core/workflow/nodes/if_else/config.py
+++ b/api/app/core/workflow/nodes/if_else/config.py
@@ -18,7 +18,7 @@ class ConditionDetail(BaseModel):
     )
 
     right: Any = Field(
-        ...,
+        default=None,
         description="Value to compare with"
     )
 
diff --git a/api/app/core/workflow/nodes/if_else/node.py b/api/app/core/workflow/nodes/if_else/node.py
index 7e98efab..ec46b20b 100644
--- a/api/app/core/workflow/nodes/if_else/node.py
+++ b/api/app/core/workflow/nodes/if_else/node.py
@@ -14,8 +14,8 @@ logger = logging.getLogger(__name__)
 
 
 class IfElseNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: IfElseNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
@@ -31,13 +31,13 @@ class IfElseNode(BaseNode):
                 expressions.append({
                     "left": self.get_variable(expression.left, variable_pool, strict=False),
                     "right": expression.right
-                    if expression.input_type == ValueInputType.CONSTANT
+                    if expression.input_type == ValueInputType.CONSTANT or expression.right is None
                     else self.get_variable(expression.right, variable_pool, strict=False),
-                    "operator": expression.operator,
+                    "operator": str(expression.operator),
                 })
             result.append({
                 "expressions": expressions,
-                "logical_operator": case.logical_operator,
+                "logical_operator": str(case.logical_operator),
             })
         return {
             "cases": result
diff --git a/api/app/core/workflow/nodes/jinja_render/node.py b/api/app/core/workflow/nodes/jinja_render/node.py
index e13709d4..abf21524 100644
--- a/api/app/core/workflow/nodes/jinja_render/node.py
+++ b/api/app/core/workflow/nodes/jinja_render/node.py
@@ -12,8 +12,8 @@ logger = logging.getLogger(__name__)
 
 
 class JinjaRenderNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: JinjaRenderNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
diff --git a/api/app/core/workflow/nodes/knowledge/node.py b/api/app/core/workflow/nodes/knowledge/node.py
index d3e9efd9..92699cb4 100644
--- a/api/app/core/workflow/nodes/knowledge/node.py
+++ b/api/app/core/workflow/nodes/knowledge/node.py
@@ -21,8 +21,8 @@ logger = logging.getLogger(__name__)
 
 
 class KnowledgeRetrievalNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: KnowledgeRetrievalNodeConfig | None = None
         self.vector_service: ElasticSearchVector | None = None
 
diff --git a/api/app/core/workflow/nodes/llm/node.py b/api/app/core/workflow/nodes/llm/node.py
index b293d1f4..a691001f 100644
--- a/api/app/core/workflow/nodes/llm/node.py
+++ b/api/app/core/workflow/nodes/llm/node.py
@@ -70,8 +70,8 @@ class LLMNode(BaseNode):
     - ai/assistant: AI 消息（AIMessage）
     """
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: LLMNodeConfig | None = None
         self.messages = []
 
@@ -144,7 +144,6 @@ class LLMNode(BaseNode):
             f"创建 LLM 实例: provider={model_info.provider}, model={model_info.model_name}, streaming={stream}")
 
         messages_config = self.typed_config.messages
-
         if messages_config:
             # 使用 LangChain 消息格式
             messages = []
@@ -153,7 +152,6 @@ class LLMNode(BaseNode):
                 content_template = msg_config.content
                 content_template = self._render_context(content_template, variable_pool)
                 content = self._render_template(content_template, variable_pool)
-                user_id = self.get_variable("sys.user_id", variable_pool)
                 # 根据角色创建对应的消息对象
                 if role == "system":
                     messages.append({
@@ -161,32 +159,31 @@ class LLMNode(BaseNode):
                         "content": await self.process_message(
                             model_info,
                             content,
-                            user_id,
                             self.typed_config.vision,
                         )
                     })
                 elif role in ["user", "human"]:
                     messages.append({
                         "role": "user",
-                        "content": await self.process_message(model_info, content, user_id, self.typed_config.vision)
+                        "content": await self.process_message(model_info, content, self.typed_config.vision)
                     })
                 elif role in ["ai", "assistant"]:
                     messages.append({
                         "role": "assistant",
-                        "content": await self.process_message(model_info, content, user_id, self.typed_config.vision)
+                        "content": await self.process_message(model_info, content, self.typed_config.vision)
                     })
                 else:
                     logger.warning(f"未知的消息角色: {role}，默认使用 user")
                     messages.append({
                         "role": "user",
-                        "content": await self.process_message(model_info, content, user_id, self.typed_config.vision)
+                        "content": await self.process_message(model_info, content, self.typed_config.vision)
                     })
 
             if self.typed_config.vision_input and self.typed_config.vision:
                 file_content = []
                 files = variable_pool.get_instance(self.typed_config.vision_input)
                 for file in files.value:
-                    content = await self.process_message(model_info, file.value, user_id, self.typed_config.vision)
+                    content = await self.process_message(model_info, file.value, self.typed_config.vision)
                     if content:
                         file_content.extend(content)
                 if messages and messages[-1]["role"] == 'user':
@@ -200,7 +197,7 @@ class LLMNode(BaseNode):
                     if isinstance(message["content"], list):
                         file_content = []
                         for file in message["content"]:
-                            content = await self.process_message(model_info, file, user_id, self.typed_config.vision)
+                            content = await self.process_message(model_info, file, self.typed_config.vision)
                             if content:
                                 file_content.extend(content)
                         history_message.append(
@@ -210,7 +207,6 @@ class LLMNode(BaseNode):
                         message["content"] = await self.process_message(
                             model_info,
                             message["content"],
-                            user_id,
                             self.typed_config.vision
                         )
                         history_message.append(message)
diff --git a/api/app/core/workflow/nodes/memory/node.py b/api/app/core/workflow/nodes/memory/node.py
index 1d42e82e..73c52b79 100644
--- a/api/app/core/workflow/nodes/memory/node.py
+++ b/api/app/core/workflow/nodes/memory/node.py
@@ -1,3 +1,4 @@
+import re
 from typing import Any
 
 from app.core.workflow.engine.state_manager import WorkflowState
@@ -5,14 +6,16 @@ from app.core.workflow.engine.variable_pool import VariablePool
 from app.core.workflow.nodes.base_node import BaseNode
 from app.core.workflow.nodes.memory.config import MemoryReadNodeConfig, MemoryWriteNodeConfig
 from app.core.workflow.variable.base_variable import VariableType
+from app.core.workflow.variable.variable_objects import FileVariable, ArrayVariable
 from app.db import get_db_read
+from app.schemas import FileInput
 from app.services.memory_agent_service import MemoryAgentService
 from app.tasks import write_message_task
 
 
 class MemoryReadNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: MemoryReadNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
@@ -36,19 +39,32 @@ class MemoryReadNode(BaseNode):
                 search_switch=self.typed_config.search_switch,
                 history=[],
                 db=db,
-                storage_type="neo4j",
-                user_rag_memory_id=""
+                storage_type=state["memory_storage_type"],
+                user_rag_memory_id=state["user_rag_memory_id"]
             )
 
 
 class MemoryWriteNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: MemoryWriteNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
         return {"output": VariableType.STRING}
 
+    @staticmethod
+    def _extract_multimodal_memory_variables(content: str, variable_pool: VariablePool) -> tuple[list[str], str]:
+        variable_pattern_string = r'\{\{\s*[a-zA-Z0-9_]+\.[a-zA-Z0-9_]+\s*\}\}'
+        variable_pattern = re.compile(variable_pattern_string)
+        variables = variable_pattern.findall(content)
+        file_variables = []
+        for variable in variables:
+            if variable_pool.is_file_variable(variable):
+                file_variables.append(variable)
+        for var in file_variables:
+            content = content.replace(var, "")
+        return file_variables, content
+
     async def execute(self, state: WorkflowState, variable_pool: VariablePool) -> Any:
         self.typed_config = MemoryWriteNodeConfig(**self.config)
         end_user_id = self.get_variable("sys.user_id", variable_pool)
@@ -63,17 +79,42 @@ class MemoryWriteNode(BaseNode):
             })
 
         for message in self.typed_config.messages:
+            file_variables, content = self._extract_multimodal_memory_variables(
+                message.content,
+                variable_pool
+            )
+            file_info = []
+            for var in file_variables:
+                instence: FileVariable | ArrayVariable[FileVariable] = variable_pool.get_instance(var)
+                if isinstance(instence, FileVariable):
+                    file_info.append(FileInput(
+                        type=instence.value.type,
+                        transfer_method=instence.value.transfer_method,
+                        upload_file_id=instence.value.file_id,
+                        url=instence.value.url,
+                        file_type=instence.value.origin_file_type
+                    ).model_dump())
+                elif isinstance(instence, ArrayVariable) and instence.child_type == FileVariable:
+                    for file_instence in instence.value:
+                        file_info.append(FileInput(
+                            type=file_instence.value.type,
+                            transfer_method=file_instence.value.transfer_method,
+                            upload_file_id=file_instence.value.file_id,
+                            url=file_instence.value.url,
+                            file_type=file_instence.value.origin_file_type
+                        ).model_dump())
             messages.append({
                 "role": message.role,
-                "content": self._render_template(message.content, variable_pool)
+                "content": self._render_template(content, variable_pool),
+                "files": file_info
             })
 
         write_message_task.delay(
-            end_user_id,
-            messages,
-            str(self.typed_config.config_id),
-            "neo4j",
-            ""
+            end_user_id=end_user_id,
+            message=messages,
+            config_id=str(self.typed_config.config_id),
+            storage_type=state["memory_storage_type"],
+            user_rag_memory_id=state["user_rag_memory_id"]
         )
 
         return "success"
diff --git a/api/app/core/workflow/nodes/node_factory.py b/api/app/core/workflow/nodes/node_factory.py
index 864e3251..49add867 100644
--- a/api/app/core/workflow/nodes/node_factory.py
+++ b/api/app/core/workflow/nodes/node_factory.py
@@ -26,6 +26,7 @@ from app.core.workflow.nodes.variable_aggregator import VariableAggregatorNode
 from app.core.workflow.nodes.question_classifier import QuestionClassifierNode
 from app.core.workflow.nodes.breaker import BreakNode
 from app.core.workflow.nodes.tool import ToolNode
+from app.core.workflow.nodes.document_extractor import DocExtractorNode
 
 logger = logging.getLogger(__name__)
 
@@ -49,7 +50,8 @@ WorkflowNode = Union[
     ToolNode,
     MemoryReadNode,
     MemoryWriteNode,
-    CodeNode
+    CodeNode,
+    DocExtractorNode
 ]
 
 
@@ -81,6 +83,7 @@ class NodeFactory:
         NodeType.MEMORY_READ: MemoryReadNode,
         NodeType.MEMORY_WRITE: MemoryWriteNode,
         NodeType.CODE: CodeNode,
+        NodeType.DOCUMENT_EXTRACTOR: DocExtractorNode
     }
 
     @classmethod
@@ -104,13 +107,15 @@ class NodeFactory:
     def create_node(
             cls,
             node_config: dict[str, Any],
-            workflow_config: dict[str, Any]
+            workflow_config: dict[str, Any],
+            down_stream_nodes: list[str]
     ) -> WorkflowNode | None:
         """创建节点实例
 
         Args:
             node_config: 节点配置
             workflow_config: 工作流配置
+            down_stream_nodes: 下游节点
 
         Returns:
             节点实例或 None（对于不支持的节点类型）
@@ -127,7 +132,7 @@ class NodeFactory:
 
         # 创建节点实例
         logger.debug(f"create node instance: {node_config.get('id')} (type={node_type})")
-        return node_class(node_config, workflow_config)
+        return node_class(node_config, workflow_config, down_stream_nodes)
 
     @classmethod
     def get_supported_types(cls) -> list[str]:
diff --git a/api/app/core/workflow/nodes/operators.py b/api/app/core/workflow/nodes/operators.py
index be33d35a..14fc9d9f 100644
--- a/api/app/core/workflow/nodes/operators.py
+++ b/api/app/core/workflow/nodes/operators.py
@@ -250,6 +250,8 @@ class ConditionBase(ABC):
         self.type_limit = getattr(self, "type_limit", None)
 
     def resolve_right_literal_value(self):
+        if self.right_selector is None:
+            return None
         if self.input_type == ValueInputType.VARIABLE:
             pattern = r"\{\{\s*(.*?)\s*\}\}"
             right_expression = re.sub(pattern, r"\1", self.right_selector).strip()
diff --git a/api/app/core/workflow/nodes/parameter_extractor/node.py b/api/app/core/workflow/nodes/parameter_extractor/node.py
index acac09e4..3dc5fcc3 100644
--- a/api/app/core/workflow/nodes/parameter_extractor/node.py
+++ b/api/app/core/workflow/nodes/parameter_extractor/node.py
@@ -21,8 +21,8 @@ logger = logging.getLogger(__name__)
 
 
 class ParameterExtractorNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: ParameterExtractorNodeConfig | None = None
         self.response_metadata = {}
 
diff --git a/api/app/core/workflow/nodes/question_classifier/node.py b/api/app/core/workflow/nodes/question_classifier/node.py
index 5cebd886..31fadaf6 100644
--- a/api/app/core/workflow/nodes/question_classifier/node.py
+++ b/api/app/core/workflow/nodes/question_classifier/node.py
@@ -22,8 +22,8 @@ DEFAULT_EMPTY_QUESTION_CASE = f"{DEFAULT_CASE_PREFIX}1"
 class QuestionClassifierNode(BaseNode):
     """问题分类器节点"""
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: QuestionClassifierNodeConfig | None = None
         self.category_to_case_map = {}
         self.response_metadata = {}
diff --git a/api/app/core/workflow/nodes/start/node.py b/api/app/core/workflow/nodes/start/node.py
index a9618f7b..7a324cc4 100644
--- a/api/app/core/workflow/nodes/start/node.py
+++ b/api/app/core/workflow/nodes/start/node.py
@@ -27,14 +27,8 @@ class StartNode(BaseNode):
     注意：变量的验证和默认值处理由 Executor 在初始化时完成。
     """
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        """初始化 Start 节点
-        
-        Args:
-            node_config: 节点配置
-            workflow_config: 工作流配置
-        """
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
 
         # 解析并验证配置
         self.typed_config: StartNodeConfig | None = None
@@ -62,7 +56,6 @@ class StartNode(BaseNode):
             包含系统参数、会话变量和自定义变量的字典
         """
         self.typed_config = StartNodeConfig(**self.config)
-        logger.info(f"节点 {self.node_id} (Start) 开始执行")
 
         # 处理自定义变量（传入 pool 避免重复创建）
         custom_vars = self._process_custom_variables(variable_pool)
@@ -77,9 +70,9 @@ class StartNode(BaseNode):
             **custom_vars  # 自定义变量作为节点输出的一部分
         }
 
-        logger.info(
-            f"节点 {self.node_id} (Start) 执行完成，"
-            f"输出了 {len(custom_vars)} 个自定义变量"
+        logger.debug(
+            f"Node {self.node_id} (Start) execution completed, "
+            f"outputting {len(custom_vars)} custom variables"
         )
 
         return result
diff --git a/api/app/core/workflow/nodes/tool/node.py b/api/app/core/workflow/nodes/tool/node.py
index 0e9d3c62..72c5c6a8 100644
--- a/api/app/core/workflow/nodes/tool/node.py
+++ b/api/app/core/workflow/nodes/tool/node.py
@@ -20,8 +20,8 @@ TEMPLATE_PATTERN = re.compile(r"\{\{.*?}}")
 class ToolNode(BaseNode):
     """工具节点"""
 
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: ToolNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
diff --git a/api/app/core/workflow/nodes/variable_aggregator/node.py b/api/app/core/workflow/nodes/variable_aggregator/node.py
index de82f8ff..9a9c5566 100644
--- a/api/app/core/workflow/nodes/variable_aggregator/node.py
+++ b/api/app/core/workflow/nodes/variable_aggregator/node.py
@@ -12,8 +12,8 @@ logger = logging.getLogger(__name__)
 
 
 class VariableAggregatorNode(BaseNode):
-    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any]):
-        super().__init__(node_config, workflow_config)
+    def __init__(self, node_config: dict[str, Any], workflow_config: dict[str, Any], down_stream_nodes: list[str]):
+        super().__init__(node_config, workflow_config, down_stream_nodes)
         self.typed_config: VariableAggregatorNodeConfig | None = None
 
     def _output_types(self) -> dict[str, VariableType]:
diff --git a/api/app/core/workflow/utils/file_processer.py b/api/app/core/workflow/utils/file_processor.py
similarity index 100%
rename from api/app/core/workflow/utils/file_processer.py
rename to api/app/core/workflow/utils/file_processor.py
diff --git a/api/app/core/workflow/utils/template_renderer.py b/api/app/core/workflow/utils/template_renderer.py
index 424fdf20..6a73efc4 100644
--- a/api/app/core/workflow/utils/template_renderer.py
+++ b/api/app/core/workflow/utils/template_renderer.py
@@ -153,7 +153,8 @@ class TemplateRenderer:
 
 
 # 全局渲染器实例（严格模式）
-_default_renderer = TemplateRenderer(strict=True)
+_strict_renderer = TemplateRenderer(strict=True)
+_lenient_renderer = TemplateRenderer(strict=False)
 
 
 def render_template(
@@ -184,7 +185,7 @@ def render_template(
         ... )
         '请分析: 这是一段文本'
     """
-    renderer = TemplateRenderer(strict=strict)
+    renderer = _strict_renderer if strict else _lenient_renderer
     return renderer.render(template, conv_vars, node_outputs, system_vars)
 
 
@@ -197,4 +198,4 @@ def validate_template(template: str) -> list[str]:
     Returns:
         错误列表
     """
-    return _default_renderer.validate(template)
+    return _strict_renderer.validate(template)
diff --git a/api/app/core/workflow/validator.py b/api/app/core/workflow/validator.py
index 3b6e9036..0ad74865 100644
--- a/api/app/core/workflow/validator.py
+++ b/api/app/core/workflow/validator.py
@@ -6,6 +6,7 @@
 
 import copy
 import logging
+from collections import defaultdict, deque
 from typing import Any, Union, TYPE_CHECKING
 
 from app.core.workflow.nodes.enums import NodeType
@@ -119,7 +120,6 @@ class WorkflowValidator:
         errors = []
 
         graphs = cls.get_subgraph(workflow_config)
-        logger.info(graphs)
         for index, graph in enumerate(graphs):
             nodes = graph.get("nodes", [])
             edges = graph.get("edges", [])
@@ -170,7 +170,7 @@ class WorkflowValidator:
                 # 仅在发布时验证所有节点可达
                 # 6. 验证所有节点可达（从 start 节点出发）
                 if start_nodes and not errors:  # 只有在前面验证通过时才检查可达性
-                    reachable = WorkflowValidator._get_reachable_nodes(
+                    reachable = WorkflowValidator.get_reachable_nodes(
                         start_nodes[0]["id"],
                         edges
                     )
@@ -183,7 +183,7 @@ class WorkflowValidator:
                 has_cycle, cycle_path = WorkflowValidator._has_cycle(nodes, edges)
                 if has_cycle:
                     errors.append(
-                        f"工作流存在循环依赖（请使用 loop 节点实现循环）: {' -> '.join(cycle_path)}"
+                        f"工作流存在循环依赖（请使用 loop/iteration 节点实现循环）: {' -> '.join(cycle_path)}"
                     )
 
             # 8. 验证变量名
@@ -194,7 +194,7 @@ class WorkflowValidator:
         return len(errors) == 0, errors
 
     @staticmethod
-    def _get_reachable_nodes(start_id: str, edges: list[dict]) -> set[str]:
+    def get_reachable_nodes(start_id: str, edges: list[dict]) -> set[str]:
         """获取从 start 节点可达的所有节点
         
         Args:
@@ -204,18 +204,18 @@ class WorkflowValidator:
         Returns:
             可达节点 ID 集合
         """
+        adj = defaultdict(list)
+        for edge in edges:
+            adj[edge["source"]].append(edge["target"])
+
         reachable = {start_id}
-        queue = [start_id]
-
+        queue = deque([start_id])
         while queue:
-            current = queue.pop(0)
-            for edge in edges:
-                if edge.get("source") == current:
-                    target = edge.get("target")
-                    if target and target not in reachable:
-                        reachable.add(target)
-                        queue.append(target)
-
+            current = queue.popleft()
+            for target in adj[current]:
+                if target not in reachable:
+                    reachable.add(target)
+                    queue.append(target)
         return reachable
 
     @staticmethod
@@ -229,10 +229,6 @@ class WorkflowValidator:
         Returns:
             (has_cycle, cycle_path): 是否有循环和循环路径
         """
-        # 排除 loop 类型的节点
-        loop_nodes = {n["id"] for n in nodes if n.get("type") == "loop"}
-
-        # 构建邻接表（排除 loop 节点的边和错误边）
         graph: dict[str, list[str]] = {}
         for edge in edges:
             source = edge.get("source")
@@ -243,10 +239,6 @@ class WorkflowValidator:
             if edge_type == "error":
                 continue
 
-            # 如果涉及 loop 节点，跳过
-            if source in loop_nodes or target in loop_nodes:
-                continue
-
             if source and target:
                 if source not in graph:
                     graph[source] = []
diff --git a/api/app/core/workflow/variable/base_variable.py b/api/app/core/workflow/variable/base_variable.py
index aea40cf6..f5d8ff8f 100644
--- a/api/app/core/workflow/variable/base_variable.py
+++ b/api/app/core/workflow/variable/base_variable.py
@@ -2,7 +2,7 @@ from enum import StrEnum
 from abc import abstractmethod, ABC
 from typing import Any
 
-from pydantic import BaseModel, Field
+from pydantic import BaseModel, Field, PrivateAttr
 
 from app.schemas import FileType
 
@@ -41,10 +41,10 @@ class VariableType(StrEnum):
         """
         if isinstance(var, str):
             return cls.STRING
-        elif isinstance(var, (int, float)):
-            return cls.NUMBER
         elif isinstance(var, bool):
             return cls.BOOLEAN
+        elif isinstance(var, (int, float)):
+            return cls.NUMBER
         elif isinstance(var, FileObject) or (isinstance(var, dict) and var.get('is_file')):
             return cls.FILE
         elif isinstance(var, dict):
@@ -116,7 +116,7 @@ class FileObject(BaseModel):
     content_cache: dict = Field(default_factory=dict)
     is_file: bool
 
-    _byte_content: bytes | None = None
+    _byte_content: bytes | None = PrivateAttr(default=None)
 
     def get_content(self):
         return self._byte_content
diff --git a/api/app/core/workflow/variable/variable_objects.py b/api/app/core/workflow/variable/variable_objects.py
index 63437fd9..79e023c1 100644
--- a/api/app/core/workflow/variable/variable_objects.py
+++ b/api/app/core/workflow/variable/variable_objects.py
@@ -10,6 +10,7 @@ T = TypeVar("T", bound=BaseVariable)
 
 
 class StringVariable(BaseVariable):
+    value: str
     type = 'str'
 
     def valid_value(self, value) -> str:
@@ -22,6 +23,7 @@ class StringVariable(BaseVariable):
 
 
 class NumberVariable(BaseVariable):
+    value: int | float
     type = 'number'
 
     def valid_value(self, value) -> int | float:
@@ -34,6 +36,7 @@ class NumberVariable(BaseVariable):
 
 
 class BooleanVariable(BaseVariable):
+    value: bool
     type = 'boolean'
 
     def valid_value(self, value) -> bool:
@@ -46,11 +49,12 @@ class BooleanVariable(BaseVariable):
 
 
 class DictVariable(BaseVariable):
+    value: dict
     type = 'object'
 
     def valid_value(self, value) -> dict:
         if not isinstance(value, dict):
-            raise TypeError(f"Value must be a dict  - {type(value)}:{value}")
+            raise TypeError(f"Value must be a dict - {type(value)}:{value}")
         return value
 
     def to_literal(self) -> str:
@@ -58,6 +62,7 @@ class DictVariable(BaseVariable):
 
 
 class FileVariable(BaseVariable):
+    value: FileObject
     type = 'file'
 
     def valid_value(self, value) -> FileObject:
@@ -102,6 +107,7 @@ class FileVariable(BaseVariable):
 
 
 class ArrayVariable(BaseVariable, Generic[T]):
+    value: list[T]
     type = 'array'
 
     def __init__(self, child_type: Type[T], value: list[Any]):
@@ -129,6 +135,7 @@ class ArrayVariable(BaseVariable, Generic[T]):
 
 
 class NestedArrayVariable(BaseVariable):
+    value: list[ArrayVariable]
     type = 'array_nest'
 
     def valid_value(self, value: list[T]) -> list[T]:
@@ -153,6 +160,7 @@ class NestedArrayVariable(BaseVariable):
     category=RuntimeWarning
 )
 class AnyVariable(BaseVariable):
+    value: Any
     type = 'any'
 
     def valid_value(self, value: Any) -> Any:
diff --git a/api/app/db.py b/api/app/db.py
index 80ab2756..32261c46 100644
--- a/api/app/db.py
+++ b/api/app/db.py
@@ -65,6 +65,7 @@ def get_db_read() -> Generator[Session, None, None]:
             yield db
         finally:
             db.rollback()  # 只读任务无需 commit
+            db.close()
 
 
 def get_pool_status():
diff --git a/api/app/main.py b/api/app/main.py
index f4c23ca8..9e501f11 100644
--- a/api/app/main.py
+++ b/api/app/main.py
@@ -1,5 +1,6 @@
 import os
 import subprocess
+from app.repositories.neo4j.create_indexes import create_all_indexes
 from contextlib import asynccontextmanager
 
 from fastapi import FastAPI, APIRouter
@@ -60,8 +61,10 @@ async def lifespan(app: FastAPI):
             logger.warning(f"加载预定义模型时出错: {str(e)}")
     else:
         logger.info("预定义模型加载已禁用 (LOAD_MODEL=false)")
-
+    await create_all_indexes()
     logger.info("应用程序启动完成")
+
+
     yield
     # 应用关闭事件
     logger.info("应用程序正在关闭")
diff --git a/api/app/models/__init__.py b/api/app/models/__init__.py
index c6098a6d..e889504a 100644
--- a/api/app/models/__init__.py
+++ b/api/app/models/__init__.py
@@ -16,6 +16,7 @@ from .agent_app_config_model import AgentConfig
 from .app_release_model import AppRelease
 from .memory_increment_model import MemoryIncrement
 from .end_user_model import EndUser
+from .end_user_info_model import EndUserInfo
 from .appshare_model import AppShare
 from .release_share_model import ReleaseShare
 from .conversation_model import Conversation, Message
@@ -60,6 +61,7 @@ __all__ = [
     "AppRelease",
     "MemoryIncrement",
     "EndUser",
+    "EndUserInfo",
     "AppShare",
     "ReleaseShare",
     "Conversation",
diff --git a/api/app/models/end_user_info_model.py b/api/app/models/end_user_info_model.py
new file mode 100644
index 00000000..c02f254c
--- /dev/null
+++ b/api/app/models/end_user_info_model.py
@@ -0,0 +1,24 @@
+import datetime
+import uuid
+
+from sqlalchemy import Column, DateTime, ForeignKey, String, Text, ARRAY
+from sqlalchemy.dialects.postgresql import UUID, JSONB
+from sqlalchemy.orm import relationship
+
+from app.db import Base
+
+
+class EndUserInfo(Base):
+    """终端用户信息表 - 存储用户的别名和扩展信息"""
+    __tablename__ = "end_user_info"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4, nullable=False, index=True)
+    end_user_id = Column(UUID(as_uuid=True), ForeignKey("end_users.id"), nullable=False, index=True, comment="关联的终端用户ID")
+    other_name = Column(String, nullable=False, comment="关联的用户名称")
+    aliases = Column(ARRAY(String), nullable=True, comment="用户别名列表（字符串数组）")
+    meta_data = Column(JSONB, nullable=True, comment="用户相关的扩展信息（JSON格式）")
+    created_at = Column(DateTime, default=datetime.datetime.now, comment="创建时间")
+    updated_at = Column(DateTime, default=datetime.datetime.now, onupdate=datetime.datetime.now, comment="更新时间")
+
+    # 与 EndUser 的关系
+    end_user = relationship("EndUser", back_populates="info")
diff --git a/api/app/models/end_user_model.py b/api/app/models/end_user_model.py
index 60600fcf..ff46786a 100644
--- a/api/app/models/end_user_model.py
+++ b/api/app/models/end_user_model.py
@@ -22,6 +22,14 @@ class EndUser(Base):
     created_at = Column(DateTime, default=datetime.datetime.now)
     updated_at = Column(DateTime, default=datetime.datetime.now, onupdate=datetime.datetime.now)
     
+    # 用户档案字段 - User Profile Fields
+    position = Column(String, nullable=True, comment="职位")
+    department = Column(String, nullable=True, comment="部门")
+    contact = Column(String, nullable=True, comment="联系方式")
+    phone = Column(String, nullable=True, comment="电话")
+    hire_date = Column(DateTime, nullable=True, comment="入职日期")
+    updatetime_profile = Column(DateTime, nullable=True, comment="核心档案信息最后更新时间")
+    
     memory_config_id = Column(
         UUID(as_uuid=True), 
         ForeignKey("memory_config.config_id"), 
@@ -30,14 +38,6 @@ class EndUser(Base):
         comment="关联的记忆配置ID"
     )
     
-    # 用户基本信息字段
-    position = Column(String, nullable=True, comment="职位")
-    department = Column(String, nullable=True, comment="部门")
-    contact = Column(String, nullable=True, comment="联系方式")
-    phone = Column(String, nullable=True, comment="电话")
-    hire_date = Column(DateTime, nullable=True, comment="入职日期")
-    updatetime_profile = Column(DateTime, nullable=True, comment="核心档案信息最后更新时间")
-    
     # 用户摘要四个维度 - User Summary Four Dimensions
     user_summary = Column(Text, nullable=True, comment="缓存的用户摘要（基本介绍）")
     personality_traits = Column(Text, nullable=True, comment="性格特点")
@@ -65,4 +65,7 @@ class EndUser(Base):
     )
 
     # 与 WorkSpace 的反向关系
-    workspace = relationship("Workspace", back_populates="end_users")
\ No newline at end of file
+    workspace = relationship("Workspace", back_populates="end_users")
+    
+    # 与 EndUserInfo 的反向关系
+    info = relationship("EndUserInfo", back_populates="end_user", cascade="all, delete-orphan")
\ No newline at end of file
diff --git a/api/app/models/memory_config_model.py b/api/app/models/memory_config_model.py
index 1095a386..616f7f3a 100644
--- a/api/app/models/memory_config_model.py
+++ b/api/app/models/memory_config_model.py
@@ -30,6 +30,9 @@ class MemoryConfig(Base):
     llm_id = Column(String, nullable=True, comment="LLM模型配置ID")
     embedding_id = Column(String, nullable=True, comment="嵌入模型配置ID")
     rerank_id = Column(String, nullable=True, comment="重排序模型配置ID")
+    vision_id = Column(String, nullable=True, comment="视觉模型配置ID")
+    audio_id = Column(String, nullable=True, comment="语音模型配置ID")
+    video_id = Column(String, nullable=True, comment="视频模型配置ID")
 
     # 记忆萃取引擎配置
     enable_llm_dedup_blockwise = Column(Boolean, default=True, comment="启用LLM决策去重")
diff --git a/api/app/models/memory_perceptual_model.py b/api/app/models/memory_perceptual_model.py
index 9fed7c5d..ae8cc1bd 100644
--- a/api/app/models/memory_perceptual_model.py
+++ b/api/app/models/memory_perceptual_model.py
@@ -9,7 +9,6 @@ from sqlalchemy.dialects.postgresql import JSONB
 from app.db import Base
 from app.schemas import FileType
 
-
 class PerceptualType(IntEnum):
     VISION = 1
     AUDIO = 2
diff --git a/api/app/models/models_model.py b/api/app/models/models_model.py
index 23fafcef..69bedc3d 100644
--- a/api/app/models/models_model.py
+++ b/api/app/models/models_model.py
@@ -2,10 +2,11 @@ import datetime
 import uuid
 from enum import StrEnum
 
-from sqlalchemy import Column, String, Boolean, DateTime, Text, ForeignKey, Enum as SQLEnum, UniqueConstraint, Integer, ARRAY, Table, text
-from sqlalchemy.dialects.postgresql import UUID, JSON
+from sqlalchemy import Column, String, Boolean, DateTime, Text, ForeignKey, UniqueConstraint, Integer, Table, text
+from sqlalchemy.dialects.postgresql import UUID, JSON, ARRAY
 from sqlalchemy.orm import relationship
 from sqlalchemy.sql import func
+
 from app.db import Base
 
 
@@ -26,9 +27,9 @@ class ModelType(StrEnum):
     RERANK = "rerank"
     # TTS = "tts"
     # SPEECH2TEXT = "speech2text"
-    # IMAGE = "image"
+    IMAGE = "image"
     # AUDIO = "audio"
-    # VISION = "vision"
+    VIDEO = "video"
 
 
 class ModelProvider(StrEnum):
@@ -45,6 +46,7 @@ class ModelProvider(StrEnum):
     XINFERENCE = "xinference"
     GPUSTACK = "gpustack"
     BEDROCK = "bedrock"
+    VOLCANO = "volcano"
     COMPOSITE = "composite"
 
 
diff --git a/api/app/models/tenant_model.py b/api/app/models/tenant_model.py
index 044857d2..a92b5629 100644
--- a/api/app/models/tenant_model.py
+++ b/api/app/models/tenant_model.py
@@ -23,6 +23,17 @@ class Tenants(Base):
     # 国际化语言配置字段
     default_language = Column(String(10), nullable=False, default='zh', server_default='zh', index=True)  # 租户默认语言
     supported_languages = Column(ARRAY(String(10)), nullable=False, default=lambda: ['zh', 'en'], server_default=text("'{zh,en}'"))  # 租户支持的语言列表
+
+    # 租户联系信息
+    contact_name = Column(String(100), nullable=True)   # 联系人姓名
+    contact_email = Column(String(255), nullable=True)  # 联系人邮箱
+    contact_phone = Column(String(50), nullable=True)   # 联系人电话
+
+    # 租户套餐信息
+    plan = Column(String(50), nullable=True)                        # 套餐类型
+    plan_expired_at = Column(DateTime, nullable=True)               # 套餐到期时间
+    api_ops_rate_limit = Column(String(100), nullable=True)         # API 调用频率限制
+    status = Column(String(50), nullable=True, default='active')    # 租户状态
     
     # Relationship to users - one tenant has many users
     users = relationship("User", back_populates="tenant")
diff --git a/api/app/models/user_model.py b/api/app/models/user_model.py
index b6de28ec..c0b17d14 100644
--- a/api/app/models/user_model.py
+++ b/api/app/models/user_model.py
@@ -9,7 +9,7 @@ class User(Base):
     __tablename__ = "users"
 
     id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4, index=True)
-    username = Column(String, unique=True, index=True, nullable=False)
+    username = Column(String, index=True, nullable=False)  # 社区版：用户名不唯一，仅邮箱唯一
     email = Column(String, unique=True, index=True, nullable=False)
     hashed_password = Column(String, nullable=False)
     is_active = Column(Boolean, default=True, nullable=False)
@@ -19,9 +19,12 @@ class User(Base):
     last_login_at = Column(DateTime, nullable=True)  # 最后登录时间，可为空
     
     # SSO 外部关联字段
-    external_id = Column(String(100), nullable=True)  # 外部用户ID
+    external_id = Column(String(100), nullable=True)  # 外部用户 ID
     external_source = Column(String(50), nullable=True)  # 来源系统
     
+    # 用户联系方式
+    phone = Column(String(50), nullable=True)  # 用户电话
+    
     # 用户语言偏好
     preferred_language = Column(String(10), server_default=text("'zh'"), default='zh', nullable=False, index=True)  # 用户偏好语言，默认中文
     
diff --git a/api/app/repositories/conversation_repository.py b/api/app/repositories/conversation_repository.py
index 90f2d6ec..0676a255 100644
--- a/api/app/repositories/conversation_repository.py
+++ b/api/app/repositories/conversation_repository.py
@@ -199,6 +199,96 @@ class ConversationRepository:
         )
         return conversations, total
 
+    def list_app_conversations(
+            self,
+            app_id: uuid.UUID,
+            workspace_id: uuid.UUID,
+            is_draft: Optional[bool] = None,
+            page: int = 1,
+            pagesize: int = 20
+    ) -> tuple[list[Conversation], int]:
+        """
+        查询应用日志会话列表（带分页和过滤）
+
+        Args:
+            app_id: 应用 ID
+            workspace_id: 工作空间 ID
+            is_draft: 是否草稿会话（None 表示不过滤）
+            page: 页码（从 1 开始）
+            pagesize: 每页数量
+
+        Returns:
+            Tuple[List[Conversation], int]: (会话列表，总数)
+        """
+        stmt = select(Conversation).where(
+            Conversation.app_id == app_id,
+            Conversation.workspace_id == workspace_id,
+            Conversation.is_active.is_(True)
+        )
+
+        if is_draft is not None:
+            stmt = stmt.where(Conversation.is_draft == is_draft)
+
+        # Calculate total number of records
+        total = int(self.db.execute(
+            select(func.count()).select_from(stmt.subquery())
+        ).scalar_one())
+
+        # Apply pagination
+        stmt = stmt.order_by(desc(Conversation.updated_at))
+        stmt = stmt.offset((page - 1) * pagesize).limit(pagesize)
+
+        conversations = list(self.db.scalars(stmt).all())
+
+        logger.info(
+            "Listed app conversations successfully",
+            extra={
+                "app_id": str(app_id),
+                "workspace_id": str(workspace_id),
+                "returned": len(conversations),
+                "total": total
+            }
+        )
+        return conversations, total
+
+    def get_conversation_for_app_log(
+            self,
+            conversation_id: uuid.UUID,
+            app_id: uuid.UUID,
+            workspace_id: uuid.UUID
+    ) -> Conversation:
+        """
+        查询应用日志的会话详情
+
+        Args:
+            conversation_id: 会话 ID
+            app_id: 应用 ID
+            workspace_id: 工作空间 ID
+
+        Returns:
+            Conversation: 会话对象
+
+        Raises:
+            ResourceNotFoundException: 当会话不存在时
+        """
+        logger.info(f"Fetching conversation for app log: {conversation_id}")
+
+        stmt = select(Conversation).where(
+            Conversation.id == conversation_id,
+            Conversation.app_id == app_id,
+            Conversation.workspace_id == workspace_id,
+            Conversation.is_active.is_(True)
+        )
+
+        conversation = self.db.scalars(stmt).first()
+
+        if not conversation:
+            logger.warning(f"Conversation not found: {conversation_id}")
+            raise ResourceNotFoundException("会话", str(conversation_id))
+
+        logger.info(f"Conversation fetched successfully: {conversation_id}")
+        return conversation
+
     def soft_delete_conversation_by_conversation_id(
             self,
             conversation_id: uuid.UUID,
@@ -290,6 +380,34 @@ class MessageRepository:
         self.db.add(message)
         return message
 
+    def get_messages_by_conversation(
+            self,
+            conversation_id: uuid.UUID
+    ) -> list[Message]:
+        """
+        查询会话的所有消息（按时间正序）
+
+        Args:
+            conversation_id: 会话 ID
+
+        Returns:
+            List[Message]: 消息列表
+        """
+        stmt = select(Message).where(
+            Message.conversation_id == conversation_id
+        ).order_by(Message.created_at)
+
+        messages = list(self.db.scalars(stmt).all())
+
+        logger.info(
+            "Fetched messages for conversation",
+            extra={
+                "conversation_id": str(conversation_id),
+                "message_count": len(messages)
+            }
+        )
+        return messages
+
     def get_message_by_conversation_id(
             self,
             conversation_id: uuid.UUID,
diff --git a/api/app/repositories/end_user_info_repository.py b/api/app/repositories/end_user_info_repository.py
new file mode 100644
index 00000000..f627b46f
--- /dev/null
+++ b/api/app/repositories/end_user_info_repository.py
@@ -0,0 +1,71 @@
+"""
+终端用户信息仓储层
+"""
+import uuid
+from typing import List, Optional
+from sqlalchemy.orm import Session
+
+from app.models.end_user_info_model import EndUserInfo
+from app.core.logging_config import get_logger
+
+logger = get_logger(__name__)
+
+
+class EndUserInfoRepository:
+    """终端用户信息仓储类"""
+    
+    def __init__(self, db: Session):
+        self.db = db
+    
+    def create(self, end_user_id: uuid.UUID, other_name: str, aliases: List[str] = None, meta_data: dict = None) -> EndUserInfo:
+        """创建终端用户信息"""
+        end_user_info = EndUserInfo(
+            end_user_id=end_user_id,
+            other_name=other_name,
+            aliases=aliases or [],
+            meta_data=meta_data
+        )
+        self.db.add(end_user_info)
+        self.db.commit()
+        self.db.refresh(end_user_info)
+        logger.info(f"创建终端用户信息: end_user_id={end_user_id}, aliases={aliases}")
+        return end_user_info
+    
+    def get_by_id(self, info_id: uuid.UUID) -> Optional[EndUserInfo]:
+        """根据ID获取用户信息"""
+        return self.db.query(EndUserInfo).filter(EndUserInfo.id == info_id).first()
+    
+
+    def get_by_end_user_id(self, end_user_id: uuid.UUID) -> Optional[EndUserInfo]:
+        """获取用户的信息记录"""
+        return self.db.query(EndUserInfo).filter(EndUserInfo.end_user_id == end_user_id).first()
+    
+    def update(self, info_id: uuid.UUID, aliases: List[str] = None, meta_data: dict = None) -> Optional[EndUserInfo]:
+        """更新用户信息"""
+        end_user_info = self.get_by_id(info_id)
+        if end_user_info:
+            if aliases is not None:
+                end_user_info.aliases = aliases
+            if meta_data is not None:
+                end_user_info.meta_data = meta_data
+            self.db.commit()
+            self.db.refresh(end_user_info)
+            logger.info(f"更新终端用户信息: info_id={info_id}")
+        return end_user_info
+    
+    def delete(self, info_id: uuid.UUID) -> bool:
+        """删除用户信息"""
+        end_user_info = self.get_by_id(info_id)
+        if end_user_info:
+            self.db.delete(end_user_info)
+            self.db.commit()
+            logger.info(f"删除终端用户信息: info_id={info_id}")
+            return True
+        return False
+    
+    def delete_by_end_user_id(self, end_user_id: uuid.UUID) -> int:
+        """删除用户的所有信息记录"""
+        count = self.db.query(EndUserInfo).filter(EndUserInfo.end_user_id == end_user_id).delete()
+        self.db.commit()
+        logger.info(f"删除用户所有信息记录: end_user_id={end_user_id}, count={count}")
+        return count
diff --git a/api/app/repositories/end_user_repository.py b/api/app/repositories/end_user_repository.py
index 71c93634..aad80707 100644
--- a/api/app/repositories/end_user_repository.py
+++ b/api/app/repositories/end_user_repository.py
@@ -7,6 +7,7 @@ from sqlalchemy.orm import Session
 from app.core.logging_config import get_db_logger
 from app.models.app_model import App
 from app.models.end_user_model import EndUser
+from app.models.end_user_info_model import EndUserInfo
 from app.models.workspace_model import Workspace
 
 # 获取数据库专用日志器
@@ -70,7 +71,8 @@ class EndUserRepository:
         app_id: uuid.UUID,
         workspace_id: uuid.UUID,
         other_id: str,
-        original_user_id: Optional[str] = None
+        original_user_id: Optional[str] = None,
+        other_name: Optional[str] = None
     ) -> EndUser:
         """获取或创建终端用户
         
@@ -79,6 +81,7 @@ class EndUserRepository:
             workspace_id: 工作空间ID
             other_id: 第三方ID
             original_user_id: 原始用户ID (存储到 other_id)
+            other_name: 用户名称（用于创建 EndUserInfo）
         """
         try:
             # 尝试查找现有用户
@@ -106,10 +109,22 @@ class EndUserRepository:
                 other_id=other_id
             )
             self.db.add(end_user)
+            self.db.flush()  # 刷新以获取 end_user.id，但不提交事务
+            
+            # 创建对应的 EndUserInfo 记录
+            end_user_info = EndUserInfo(
+                end_user_id=end_user.id,
+                other_name=other_name or "",  # 如果没有提供 other_name，使用空字符串
+                aliases=[],
+                meta_data={}  
+            )
+            self.db.add(end_user_info)
+            
+            # 一起提交
             self.db.commit()
             self.db.refresh(end_user)
             
-            db_logger.info(f"创建新终端用户: (other_id: {other_id}) for workspace {workspace_id}")
+            db_logger.info(f"创建新终端用户及其信息: (other_id: {other_id}) for workspace {workspace_id}")
             return end_user
             
         except Exception as e:
@@ -117,6 +132,82 @@ class EndUserRepository:
             db_logger.error(f"获取或创建终端用户时出错: {str(e)}")
             raise
 
+    def get_or_create_end_user_with_config(
+        self,
+        app_id: Optional[uuid.UUID],
+        workspace_id: uuid.UUID,
+        other_id: str,
+        memory_config_id: Optional[uuid.UUID] = None,
+        other_name: Optional[str] = None
+    ) -> EndUser:
+        """获取或创建终端用户，并在单次事务中关联记忆配置。
+        
+        与 get_or_create_end_user 类似，但额外支持在创建/获取时
+        一并设置 memory_config_id，避免多次提交。
+        
+        Args:
+            app_id: 应用ID（可为 None）
+            workspace_id: 工作空间ID
+            other_id: 第三方ID
+            memory_config_id: 记忆配置ID（可选，仅在用户尚无配置时设置）
+            other_name: 用户名称（用于创建 EndUserInfo）
+            
+        Returns:
+            EndUser: 终端用户对象（已关联记忆配置）
+        """
+        try:
+            end_user = (
+                self.db.query(EndUser)
+                .filter(
+                    EndUser.workspace_id == workspace_id,
+                    EndUser.other_id == other_id
+                )
+                .order_by(EndUser.created_at.asc())
+                .first()
+            )
+
+            if end_user:
+                db_logger.debug(f"找到现有终端用户: workspace_id={workspace_id}, other_id={other_id}")
+                if app_id is not None:
+                    end_user.app_id = app_id
+                if memory_config_id and not end_user.memory_config_id:
+                    end_user.memory_config_id = memory_config_id
+                self.db.commit()
+                self.db.refresh(end_user)
+                return end_user
+
+            # 创建新用户
+            end_user = EndUser(
+                app_id=app_id,
+                workspace_id=workspace_id,
+                other_id=other_id,
+                memory_config_id=memory_config_id,
+            )
+            self.db.add(end_user)
+            self.db.flush()
+
+            end_user_info = EndUserInfo(
+                end_user_id=end_user.id,
+                other_name=other_name or "",
+                aliases=[],
+                meta_data={}
+            )
+            self.db.add(end_user_info)
+
+            self.db.commit()
+            self.db.refresh(end_user)
+
+            db_logger.info(
+                f"创建新终端用户及其信息: (other_id: {other_id}) for workspace {workspace_id}, "
+                f"memory_config_id={memory_config_id}"
+            )
+            return end_user
+
+        except Exception as e:
+            self.db.rollback()
+            db_logger.error(f"获取或创建终端用户(含配置)时出错: {str(e)}")
+            raise
+
     def get_by_id(self, end_user_id: uuid.UUID) -> Optional[EndUser]:
         """根据ID获取终端用户（用于缓存操作）
         
@@ -500,6 +591,51 @@ class EndUserRepository:
             )
             raise
 
+    def batch_update_memory_config_id_by_app(
+            self,
+            app_id: uuid.UUID,
+            memory_config_id: uuid.UUID
+    ) -> int:
+        """批量更新应用下所有终端用户的 memory_config_id
+        
+        Args:
+            app_id: 应用ID
+            memory_config_id: 新的记忆配置ID
+            
+        Returns:
+            int: 更新的终端用户数量
+            
+        Raises:
+            Exception: 数据库操作失败时抛出
+        """
+        try:
+            from sqlalchemy import update
+            
+            stmt = (
+                update(EndUser)
+                .where(EndUser.app_id == app_id)
+                .values(memory_config_id=memory_config_id)
+            )
+
+            result = self.db.execute(stmt)
+            self.db.commit()
+
+            updated_count = result.rowcount
+
+            db_logger.info(
+                f"批量更新终端用户记忆配置: app_id={app_id}, "
+                f"memory_config_id={memory_config_id}, updated_count={updated_count}"
+            )
+
+            return updated_count
+        except Exception as e:
+            self.db.rollback()
+            db_logger.error(
+                f"批量更新终端用户记忆配置时出错: app_id={app_id}, "
+                f"memory_config_id={memory_config_id}, error={str(e)}"
+            )
+            raise
+
     def count_by_memory_config_id(
         self,
         memory_config_id: uuid.UUID
diff --git a/api/app/repositories/home_page_repository.py b/api/app/repositories/home_page_repository.py
index bcb3b622..6d74bcaf 100644
--- a/api/app/repositories/home_page_repository.py
+++ b/api/app/repositories/home_page_repository.py
@@ -2,7 +2,7 @@ from datetime import datetime, timedelta
 from sqlalchemy.orm import Session
 from sqlalchemy import func
 from uuid import UUID
-from typing import Dict
+from typing import Dict, Optional, Any
 
 from app.models.end_user_model import EndUser
 from app.models.user_model import User
@@ -190,4 +190,63 @@ class HomePageRepository:
         
         user_count_dict = {workspace_id: count for workspace_id, count in user_counts}
         
-        return workspaces, app_count_dict, user_count_dict
\ No newline at end of file
+        return workspaces, app_count_dict, user_count_dict
+    
+    @staticmethod
+    def get_version_introduction(db: Session, version: str) -> Optional[Dict[str, Any]]:
+        """
+        从数据库获取版本说明（优先读取已发布的版本）
+        使用反射方式读取表结构，不依赖 premium 模型类
+        
+        Args:
+            db: 数据库会话
+            version: 版本号，如 "v0.2.7"
+            
+        Returns:
+            版本说明字典，格式与 version_info.json 一致
+            如果数据库中没有该版本，返回 None
+        """
+        try:
+            from sqlalchemy import Table, MetaData
+            
+            metadata = MetaData()
+            version_notes = Table('version_notes', metadata, autoload_with=db.engine)
+            version_note_items = Table('version_note_items', metadata, autoload_with=db.engine)
+            
+            note = db.query(version_notes).filter(
+                version_notes.c.version == version,
+                version_notes.c.is_published == True
+            ).first()
+            
+            if not note:
+                return None
+            
+            items = db.query(version_note_items).filter(
+                version_note_items.c.note_id == note.id
+            ).order_by(version_note_items.c.sort_order).all()
+            
+            core_upgrades = []
+            for item in items:
+                title = item.title
+                content = item.content
+                if content:
+                    core_upgrades.append(f"{title}<br>{content}")
+                else:
+                    core_upgrades.append(title)
+            
+            return {
+                "introduction": {
+                    "codeName": "",
+                    "releaseDate": note.release_date.isoformat() if note.release_date else "",
+                    "upgradePosition": "",
+                    "coreUpgrades": core_upgrades
+                },
+                "introduction_en": {
+                    "codeName": "",
+                    "releaseDate": note.release_date.isoformat() if note.release_date else "",
+                    "upgradePosition": "",
+                    "coreUpgrades": core_upgrades
+                }
+            }
+        except Exception:
+            return None
\ No newline at end of file
diff --git a/api/app/repositories/memory_config_repository.py b/api/app/repositories/memory_config_repository.py
index 22f13449..e64d19a3 100644
--- a/api/app/repositories/memory_config_repository.py
+++ b/api/app/repositories/memory_config_repository.py
@@ -9,21 +9,22 @@ Classes:
 """
 
 import uuid
-from uuid import UUID
 from typing import Dict, List, Optional, Tuple
+from uuid import UUID
+
+from sqlalchemy import desc, select
+from sqlalchemy.orm import Session
+
 from app.core.exceptions import BusinessException
 from app.core.logging_config import get_config_logger, get_db_logger
 from app.models.memory_config_model import MemoryConfig
+from app.models.workspace_model import Workspace
 from app.schemas.memory_storage_schema import (
-    ConfigKey,
     ConfigParamsCreate,
     ConfigUpdate,
     ConfigUpdateExtracted,
     ConfigUpdateForget,
 )
-from sqlalchemy import desc, select
-from sqlalchemy.orm import Session
-
 from app.utils.config_utils import resolve_config_id
 
 # 获取数据库专用日志器
@@ -157,7 +158,7 @@ class MemoryConfigRepository:
         return memory_config_obj
 
     @staticmethod
-    def query_reflection_config_by_id(db: Session, config_id: uuid.UUID|int|str) -> MemoryConfig:
+    def query_reflection_config_by_id(db: Session, config_id: uuid.UUID | int | str) -> MemoryConfig:
         """构建反思配置查询语句，通过config_id查询反思配置（SQLAlchemy text() 命名参数）
 
         Args:
@@ -309,57 +310,21 @@ class MemoryConfigRepository:
 
         Returns:
             Optional[MemoryConfig]: 更新后的配置对象，不存在则返回None
-
-        Raises:
-            ValueError: 没有字段需要更新时抛出
         """
         db_logger.debug(f"更新萃取配置: config_id={update.config_id}")
 
         try:
-            db_config = db.query(MemoryConfig).filter(MemoryConfig.config_id == update.config_id).first()
+            stmt = select(MemoryConfig).where(MemoryConfig.config_id == update.config_id)
+            db_config = db.execute(stmt).scalar_one_or_none()
             if not db_config:
                 db_logger.warning(f"记忆配置不存在: config_id={update.config_id}")
                 return None
 
-            # 更新字段映射
-            field_mapping = {
-                # 模型选择
-                "llm_id": "llm_id",
-                "embedding_id": "embedding_id",
-                "rerank_id": "rerank_id",
-                # 记忆萃取引擎
-                "enable_llm_dedup_blockwise": "enable_llm_dedup_blockwise",
-                "enable_llm_disambiguation": "enable_llm_disambiguation",
-                "deep_retrieval": "deep_retrieval",
-                "t_type_strict": "t_type_strict",
-                "t_name_strict": "t_name_strict",
-                "t_overall": "t_overall",
-                "state": "state",
-                "chunker_strategy": "chunker_strategy",
-                # 句子提取
-                "statement_granularity": "statement_granularity",
-                "include_dialogue_context": "include_dialogue_context",
-                "max_context": "max_context",
-                # 剪枝配置
-                "pruning_enabled": "pruning_enabled",
-                "pruning_scene": "pruning_scene",
-                "pruning_threshold": "pruning_threshold",
-                # 自我反思配置
-                "enable_self_reflexion": "enable_self_reflexion",
-                "iteration_period": "iteration_period",
-                "reflexion_range": "reflexion_range",
-                "baseline": "baseline",
-            }
+            update_data = update.model_dump(exclude_unset=True)
+            update_data.pop("config_id", None)
 
-            has_update = False
-            for api_field, db_field in field_mapping.items():
-                value = getattr(update, api_field, None)
-                if value is not None:
-                    setattr(db_config, db_field, value)
-                    has_update = True
-
-            if not has_update:
-                raise ValueError("No fields to update")
+            for field, value in update_data.items():
+                setattr(db_config, field, value)
 
             db.commit()
             db.refresh(db_config)
@@ -443,6 +408,9 @@ class MemoryConfigRepository:
                 "llm_id": db_config.llm_id,
                 "embedding_id": db_config.embedding_id,
                 "rerank_id": db_config.rerank_id,
+                "vision_id": db_config.vision_id,
+                "audio_id": db_config.audio_id,
+                "video_id": db_config.video_id,
                 "enable_llm_dedup_blockwise": db_config.enable_llm_dedup_blockwise,
                 "enable_llm_disambiguation": db_config.enable_llm_disambiguation,
                 "deep_retrieval": db_config.deep_retrieval,
@@ -527,7 +495,10 @@ class MemoryConfigRepository:
             raise
 
     @staticmethod
-    def get_config_with_workspace(db: Session, config_id: uuid.UUID | int | str) -> Optional[tuple]:
+    def get_config_with_workspace(
+            db: Session,
+            config_id: uuid.UUID | int | str
+    ) -> Optional[tuple[MemoryConfig, Workspace]]:
         """Get memory config and its associated workspace information
 
         Args:
@@ -542,8 +513,6 @@ class MemoryConfigRepository:
         """
         import time
 
-        from app.models.workspace_model import Workspace
-
         start_time = time.time()
         config_id = resolve_config_id(config_id, db)
 
@@ -630,7 +599,7 @@ class MemoryConfigRepository:
 
             db_logger.debug(
                 f"Memory config and workspace query successful: config={config.config_name}, workspace={workspace.name}")
-            return (config, workspace)
+            return config, workspace
 
         except ValueError:
             # Re-raise known business exceptions
@@ -666,7 +635,7 @@ class MemoryConfigRepository:
             List[Tuple[MemoryConfig, Optional[str]]]: 配置列表，每项为 (配置对象, 场景名称)
         """
         from app.models.ontology_scene import OntologyScene
-        
+
         db_logger.debug(f"查询所有配置: workspace_id={workspace_id}")
 
         try:
@@ -730,7 +699,7 @@ class MemoryConfigRepository:
             Optional[MemoryConfig]: 默认配置对象，不存在则返回None
         """
         db_logger.debug(f"查询工作空间默认配置: workspace_id={workspace_id}")
-        
+
         try:
             # 优先查找显式标记为默认的配置
             stmt = (
@@ -742,13 +711,13 @@ class MemoryConfigRepository:
                 )
                 .limit(1)
             )
-            
+
             config = db.scalars(stmt).first()
-            
+
             if config:
                 db_logger.debug(f"找到默认配置: config_id={config.config_id}")
                 return config
-            
+
             # 回退：获取最早创建的活跃配置
             stmt = (
                 select(MemoryConfig)
@@ -759,25 +728,25 @@ class MemoryConfigRepository:
                 .order_by(MemoryConfig.created_at.asc())
                 .limit(1)
             )
-            
+
             config = db.scalars(stmt).first()
-            
+
             if config:
                 db_logger.debug(f"使用最早创建的配置作为默认: config_id={config.config_id}")
             else:
                 db_logger.warning(f"工作空间没有活跃的记忆配置: workspace_id={workspace_id}")
-            
+
             return config
-            
+
         except Exception as e:
             db_logger.error(f"查询工作空间默认配置失败: workspace_id={workspace_id} - {str(e)}")
             raise
 
     @staticmethod
     def get_with_fallback(
-        db: Session,
-        config_id: Optional[uuid.UUID],
-        workspace_id: uuid.UUID
+            db: Session,
+            config_id: Optional[uuid.UUID],
+            workspace_id: uuid.UUID
     ) -> Optional[MemoryConfig]:
         """获取记忆配置，支持回退到工作空间默认配置
         
@@ -792,19 +761,18 @@ class MemoryConfigRepository:
             Optional[MemoryConfig]: 配置对象，如果都不存在则返回None
         """
         db_logger.debug(f"查询配置（支持回退）: config_id={config_id}, workspace_id={workspace_id}")
-        
+
         if not config_id:
             db_logger.debug("config_id 为空，使用工作空间默认配置")
             return MemoryConfigRepository.get_workspace_default(db, workspace_id)
-        
+
         config = db.get(MemoryConfig, config_id)
-        
+
         if config:
             return config
-        
+
         db_logger.warning(
             f"配置不存在，回退到工作空间默认配置: missing_config_id={config_id}, workspace_id={workspace_id}"
         )
-        
-        return MemoryConfigRepository.get_workspace_default(db, workspace_id)
 
+        return MemoryConfigRepository.get_workspace_default(db, workspace_id)
diff --git a/api/app/repositories/model_repository.py b/api/app/repositories/model_repository.py
index f49227d3..8c477d39 100644
--- a/api/app/repositories/model_repository.py
+++ b/api/app/repositories/model_repository.py
@@ -1,14 +1,15 @@
-from sqlalchemy.orm import Session, joinedload, selectinload
-from sqlalchemy import and_, or_, func, desc, select
-from typing import List, Optional, Dict, Any, Tuple
 import uuid
+from typing import List, Optional, Dict, Any, Tuple
 
+from sqlalchemy import and_, or_, func, desc
+from sqlalchemy.orm import Session, joinedload
+
+from app.core.logging_config import get_db_logger
 from app.models.models_model import ModelConfig, ModelApiKey, ModelType, ModelBase, model_config_api_key_association
 from app.schemas.model_schema import (
     ModelConfigUpdate, ModelApiKeyCreate, ModelApiKeyUpdate,
     ModelConfigQuery, ModelConfigQueryNew
 )
-from app.core.logging_config import get_db_logger
 
 # 获取数据库专用日志器
 db_logger = get_db_logger()
@@ -137,6 +138,9 @@ class ModelConfigRepository:
                         type_values.append(ModelType.LLM)
                 filters.append(ModelConfig.type.in_(type_values))
 
+            if query.capability:
+                filters.append(ModelConfig.capability.contains(query.capability))
+
             if query.is_active is not None:
                 filters.append(ModelConfig.is_active == query.is_active)
 
@@ -435,7 +439,6 @@ class ModelConfigRepository:
                         ModelConfig.is_public
                     ),
                     ModelConfig.provider == provider,
-                    ModelConfig.is_active,
                     ~ModelConfig.is_composite
                 )
             ).all()
diff --git a/api/app/repositories/neo4j/add_nodes.py b/api/app/repositories/neo4j/add_nodes.py
index 42c178b3..1939a062 100644
--- a/api/app/repositories/neo4j/add_nodes.py
+++ b/api/app/repositories/neo4j/add_nodes.py
@@ -1,17 +1,22 @@
+import logging
 from typing import List, Optional
 
-from app.repositories.neo4j.cypher_queries import DIALOGUE_NODE_SAVE, STATEMENT_NODE_SAVE, CHUNK_NODE_SAVE,MEMORY_SUMMARY_NODE_SAVE
 from app.core.memory.models.graph_models import DialogueNode, StatementNode, ChunkNode, MemorySummaryNode
+from app.repositories.neo4j.cypher_queries import DIALOGUE_NODE_SAVE, STATEMENT_NODE_SAVE, CHUNK_NODE_SAVE, \
+    MEMORY_SUMMARY_NODE_SAVE
 # 使用新的仓储层
 from app.repositories.neo4j.neo4j_connector import Neo4jConnector
 
+logger = logging.getLogger(__name__)
+
 
 async def delete_all_nodes(end_user_id: str, connector: Neo4jConnector):
     """Delete all nodes in the database."""
     result = await connector.execute_query(f"MATCH (n {{end_user_id: '{end_user_id}'}}) DETACH DELETE n")
-    print(f"All end_user_id: {end_user_id} node and edge deleted successfully")
+    logger.warning(f"All end_user_id: {end_user_id} node and edge deleted successfully")
     return result
 
+
 async def add_dialogue_nodes(dialogues: List[DialogueNode], connector: Neo4jConnector) -> Optional[List[str]]:
     """Add dialogue nodes to Neo4j database.
 
@@ -23,7 +28,7 @@ async def add_dialogue_nodes(dialogues: List[DialogueNode], connector: Neo4jConn
         List of created node UUIDs or None if failed
     """
     if not dialogues:
-        print("No dialogues to save")
+        logger.info("No dialogues to save")
         return []
 
     try:
@@ -48,11 +53,11 @@ async def add_dialogue_nodes(dialogues: List[DialogueNode], connector: Neo4jConn
         )
 
         created_uuids = [record["uuid"] for record in result]
-        print(f"Successfully created {len(created_uuids)} dialogue nodes: {created_uuids}")
+        logger.info(f"Successfully created {len(created_uuids)} dialogue nodes: {created_uuids}")
         return created_uuids
 
     except Exception as e:
-        print(f"Error creating dialogue nodes: {e}")
+        logger.error(f"Error creating dialogue nodes: {e}")
         return None
 
 
@@ -67,7 +72,7 @@ async def add_statement_nodes(statements: List[StatementNode], connector: Neo4jC
         List of created node UUIDs or None if failed
     """
     if not statements:
-        print("No statements to save")
+        logger.info("No statements to save")
         return []
 
     try:
@@ -120,13 +125,14 @@ async def add_statement_nodes(statements: List[StatementNode], connector: Neo4jC
         )
 
         created_uuids = [record["uuid"] for record in result]
-        print(f"Successfully created {len(created_uuids)} statement nodes")
+        logger.info(f"Successfully created {len(created_uuids)} statement nodes")
         return created_uuids
 
     except Exception as e:
-        print(f"Error creating statement nodes: {e}")
+        logger.error(f"Error creating statement nodes: {e}")
         return None
 
+
 async def add_chunk_nodes(chunks: List[ChunkNode], connector: Neo4jConnector) -> Optional[List[str]]:
     """Add chunk nodes to Neo4j in batch.
 
@@ -138,7 +144,7 @@ async def add_chunk_nodes(chunks: List[ChunkNode], connector: Neo4jConnector) ->
         List of created chunk UUIDs or None if failed
     """
     if not chunks:
-        print("No chunk nodes to add")
+        logger.info("No chunk nodes to add")
         return []
 
     try:
@@ -171,16 +177,18 @@ async def add_chunk_nodes(chunks: List[ChunkNode], connector: Neo4jConnector) ->
         )
 
         created_uuids = [record["uuid"] for record in result]
-        print(f"Successfully created {len(created_uuids)} chunk nodes")
+        logger.info(f"Successfully created {len(created_uuids)} chunk nodes")
         return created_uuids
 
     except Exception as e:
-        print(f"Error creating chunk nodes: {e}")
+        logger.error(f"Error creating chunk nodes: {e}")
         return None
 
 
-
-async def add_memory_summary_nodes(summaries: List[MemorySummaryNode], connector: Neo4jConnector) -> Optional[List[str]]:
+async def add_memory_summary_nodes(
+        summaries: List[MemorySummaryNode],
+        connector: Neo4jConnector
+) -> Optional[List[str]]:
     """Add memory summary nodes to Neo4j in batch.
 
     Args:
@@ -191,7 +199,7 @@ async def add_memory_summary_nodes(summaries: List[MemorySummaryNode], connector
         List of created summary node ids or None if failed
     """
     if not summaries:
-        print("No memory summary nodes to add")
+        logger.info("No memory summary nodes to add")
         return []
 
     try:
@@ -211,16 +219,14 @@ async def add_memory_summary_nodes(summaries: List[MemorySummaryNode], connector
                 "summary_embedding": s.summary_embedding if s.summary_embedding else None,
                 "config_id": s.config_id,  # 添加 config_id
             })
-        
+
         result = await connector.execute_query(
             MEMORY_SUMMARY_NODE_SAVE,
             summaries=flattened
         )
         created_ids = [record.get("uuid") for record in result]
-        print(f"Successfully saved {len(created_ids)} MemorySummary nodes to Neo4j")
+        logger.info(f"Successfully saved {len(created_ids)} MemorySummary nodes to Neo4j")
         return created_ids
     except Exception as e:
-        print(f"Failed to save MemorySummary nodes to Neo4j: {e}")
+        logger.error(f"Failed to save MemorySummary nodes to Neo4j: {e}")
         return None
-
-
diff --git a/api/app/repositories/neo4j/community_repository.py b/api/app/repositories/neo4j/community_repository.py
index e89ee451..bd448c99 100644
--- a/api/app/repositories/neo4j/community_repository.py
+++ b/api/app/repositories/neo4j/community_repository.py
@@ -13,9 +13,14 @@ from app.repositories.neo4j.cypher_queries import (
     ENTITY_LEAVE_ALL_COMMUNITIES,
     GET_ENTITY_NEIGHBORS,
     GET_ALL_ENTITIES_FOR_USER,
+    GET_ENTITY_COUNT_FOR_USER,
+    GET_ALL_ENTITY_IDS_FOR_USER,
+    GET_ENTITIES_PAGE,
     GET_COMMUNITY_MEMBERS,
+    GET_COMMUNITY_RELATIONSHIPS,
     GET_ALL_COMMUNITY_MEMBERS_BATCH,
     GET_ALL_ENTITY_NEIGHBORS_BATCH,
+    GET_ENTITY_NEIGHBORS_BATCH_FOR_IDS,
     CHECK_USER_HAS_COMMUNITIES,
     UPDATE_COMMUNITY_MEMBER_COUNT,
     UPDATE_COMMUNITY_METADATA,
@@ -23,6 +28,7 @@ from app.repositories.neo4j.cypher_queries import (
     GET_INCOMPLETE_COMMUNITIES_WITH_EMBEDDING,
     CHECK_COMMUNITY_IS_COMPLETE,
     CHECK_COMMUNITY_IS_COMPLETE_WITH_EMBEDDING,
+    BATCH_UPDATE_COMMUNITY_METADATA,
 )
 
 logger = logging.getLogger(__name__)
@@ -114,10 +120,69 @@ class CommunityRepository:
             logger.error(f"get_all_entities failed: {e}")
             return []
 
+    async def get_entity_count(self, end_user_id: str) -> int:
+        """仅返回用户实体总数，不加载实体数据。"""
+        try:
+            result = await self.connector.execute_query(
+                GET_ENTITY_COUNT_FOR_USER,
+                end_user_id=end_user_id,
+            )
+            return result[0]["entity_count"] if result else 0
+        except Exception as e:
+            logger.error(f"get_entity_count failed: {e}")
+            return 0
+
+    async def get_all_entity_ids(self, end_user_id: str) -> List[str]:
+        """仅返回用户所有实体 ID 列表，不加载 embedding 等大字段。"""
+        try:
+            result = await self.connector.execute_query(
+                GET_ALL_ENTITY_IDS_FOR_USER,
+                end_user_id=end_user_id,
+            )
+            return [r["id"] for r in result]
+        except Exception as e:
+            logger.error(f"get_all_entity_ids failed: {e}")
+            return []
+
+    async def get_entities_page(
+        self, end_user_id: str, skip: int, limit: int
+    ) -> List[Dict]:
+        """分页拉取实体，用于全量聚类分批处理。"""
+        try:
+            return await self.connector.execute_query(
+                GET_ENTITIES_PAGE,
+                end_user_id=end_user_id,
+                skip=skip,
+                limit=limit,
+            )
+        except Exception as e:
+            logger.error(f"get_entities_page failed: {e}")
+            return []
+
+    async def get_entity_neighbors_for_ids(
+        self, entity_ids: List[str], end_user_id: str
+    ) -> Dict[str, List[Dict]]:
+        """批量拉取指定实体列表的邻居，返回 {entity_id: [neighbors]}。"""
+        try:
+            rows = await self.connector.execute_query(
+                GET_ENTITY_NEIGHBORS_BATCH_FOR_IDS,
+                entity_ids=entity_ids,
+                end_user_id=end_user_id,
+            )
+            result: Dict[str, List[Dict]] = {}
+            for row in rows:
+                eid = row["entity_id"]
+                neighbor = {k: v for k, v in row.items() if k != "entity_id"}
+                result.setdefault(eid, []).append(neighbor)
+            return result
+        except Exception as e:
+            logger.error(f"get_entity_neighbors_for_ids failed: {e}")
+            return {}
+
     async def get_community_members(
         self, community_id: str, end_user_id: str
     ) -> List[Dict]:
-        """查询社区成员列表。"""
+        """查询社区成员列表（含 example 字段）。"""
         try:
             return await self.connector.execute_query(
                 GET_COMMUNITY_MEMBERS,
@@ -128,6 +193,20 @@ class CommunityRepository:
             logger.error(f"get_community_members failed: {e}")
             return []
 
+    async def get_community_relationships(
+        self, community_id: str, end_user_id: str
+    ) -> List[Dict]:
+        """查询社区内实体间的关系三元组（subject, predicate, object）。"""
+        try:
+            return await self.connector.execute_query(
+                GET_COMMUNITY_RELATIONSHIPS,
+                community_id=community_id,
+                end_user_id=end_user_id,
+            )
+        except Exception as e:
+            logger.error(f"get_community_relationships failed: {e}")
+            return []
+
     async def get_all_community_members_batch(
         self, community_ids: List[str], end_user_id: str
     ) -> Dict[str, List[Dict]]:
@@ -221,5 +300,27 @@ class CommunityRepository:
             )
             return bool(result)
         except Exception as e:
-            logger.error(f"update_community_metadata failed: {e}")
+            logger.error(f"update_community_metadata failed: {e}", exc_info=True)
+            return False
+
+    async def batch_update_community_metadata(
+        self,
+        communities: List[Dict],
+    ) -> bool:
+        """批量更新多个社区的元数据。
+
+        Args:
+            communities: 每项包含 community_id, end_user_id, name, summary,
+                         core_entities, summary_embedding
+        """
+        if not communities:
+            return True
+        try:
+            await self.connector.execute_query(
+                BATCH_UPDATE_COMMUNITY_METADATA,
+                communities=communities,
+            )
+            return True
+        except Exception as e:
+            logger.error(f"batch_update_community_metadata failed: {e}")
             return False
diff --git a/api/app/repositories/neo4j/create_indexes.py b/api/app/repositories/neo4j/create_indexes.py
index 55dead1b..5132aa09 100644
--- a/api/app/repositories/neo4j/create_indexes.py
+++ b/api/app/repositories/neo4j/create_indexes.py
@@ -1,55 +1,47 @@
+import asyncio
 from app.repositories.neo4j.neo4j_connector import Neo4jConnector
-
-
 async def create_fulltext_indexes():
     """Create full-text indexes for keyword search with BM25 scoring."""
     connector = Neo4jConnector()
     try:
-        print("\n" + "=" * 70)
-        print("Creating Full-Text Indexes (for keyword search)")
-        print("=" * 70)
+
         
         # 创建 Statements 索引
         await connector.execute_query("""
             CREATE FULLTEXT INDEX statementsFulltext IF NOT EXISTS FOR (s:Statement) ON EACH [s.statement]
             OPTIONS { indexConfig: { `fulltext.analyzer`: 'cjk' } }
-        """)
-        print("✓ Created: statementsFulltext")
+        """)     
         
         # # 创建 Dialogues 索引
         # await connector.execute_query("""
         #     CREATE FULLTEXT INDEX dialoguesFulltext IF NOT EXISTS FOR (d:Dialogue) ON EACH [d.content]
         #     OPTIONS { indexConfig: { `fulltext.analyzer`: 'cjk' } }
         # """)
-
         # 创建 Entities 索引
         await connector.execute_query("""
             CREATE FULLTEXT INDEX entitiesFulltext IF NOT EXISTS FOR (e:ExtractedEntity) ON EACH [e.name]
             OPTIONS { indexConfig: { `fulltext.analyzer`: 'cjk' } }
-        """)
-        print("✓ Created: entitiesFulltext")
+        """)     
         
         # 创建 Chunks 索引
         await connector.execute_query("""
             CREATE FULLTEXT INDEX chunksFulltext IF NOT EXISTS FOR (c:Chunk) ON EACH [c.content]
             OPTIONS { indexConfig: { `fulltext.analyzer`: 'cjk' } }
-        """)
-        print("✓ Created: chunksFulltext")
+        """)      
         
         # 创建 MemorySummary 索引
         await connector.execute_query("""
             CREATE FULLTEXT INDEX summariesFulltext IF NOT EXISTS FOR (m:MemorySummary) ON EACH [m.content]
             OPTIONS { indexConfig: { `fulltext.analyzer`: 'cjk' } }
+        """)      
+        # 创建 Community 索引
+        await connector.execute_query("""
+            CREATE FULLTEXT INDEX communitiesFulltext IF NOT EXISTS FOR (c:Community) ON EACH [c.name, c.summary]
+            OPTIONS { indexConfig: { `fulltext.analyzer`: 'cjk' } }
         """)
-        print("✓ Created: summariesFulltext")
         
-        print("\nFull-text indexes created successfully with BM25 support.")
-    except Exception as e:
-        print(f"✗ Error creating full-text indexes: {e}")
     finally:
         await connector.close()
-
-
 async def create_vector_indexes():
     """Create vector indexes for fast embedding similarity search.
     
@@ -58,12 +50,7 @@ async def create_vector_indexes():
     """
     connector = Neo4jConnector()
     try:
-        print("\n" + "=" * 70)
-        print("Creating Vector Indexes (for embedding search)")
-        print("=" * 70)
-        print("Note: Adjust vector.dimensions if using different embedding model")
-        print("      Current setting: 1024 dimensions (for bge-m3)")
-        print()
+      
         
         # Statement embedding index
         await connector.execute_query("""
@@ -75,7 +62,7 @@ async def create_vector_indexes():
               `vector.similarity_function`: 'cosine'
             }}
         """)
-        print("✓ Created: statement_embedding_index")
+        
         
         # Chunk embedding index
         await connector.execute_query("""
@@ -87,7 +74,7 @@ async def create_vector_indexes():
               `vector.similarity_function`: 'cosine'
             }}
         """)
-        print("✓ Created: chunk_embedding_index")
+
         
         # Entity name embedding index
         await connector.execute_query("""
@@ -99,7 +86,7 @@ async def create_vector_indexes():
               `vector.similarity_function`: 'cosine'
             }}
         """)
-        print("✓ Created: entity_embedding_index")
+        
         
         # Memory summary embedding index
         await connector.execute_query("""
@@ -111,7 +98,17 @@ async def create_vector_indexes():
               `vector.similarity_function`: 'cosine'
             }}
         """)
-        print("✓ Created: summary_embedding_index")
+        
+        # Community summary embedding index
+        await connector.execute_query("""
+            CREATE VECTOR INDEX community_summary_embedding_index IF NOT EXISTS
+            FOR (c:Community)
+            ON c.summary_embedding
+            OPTIONS {indexConfig: {
+              `vector.dimensions`: 1024,
+              `vector.similarity_function`: 'cosine'
+            }}
+        """)       
         
         # Dialogue embedding index (optional)
         await connector.execute_query("""
@@ -123,79 +120,15 @@ async def create_vector_indexes():
               `vector.similarity_function`: 'cosine'
             }}
         """)
-        print("✓ Created: dialogue_embedding_index")
         
-        print("\nVector indexes created successfully!")
-        print("\nExpected performance improvement:")
-        print("  Before: ~1.4s for embedding search")
-        print("  After:  ~0.05-0.2s for embedding search (10-30x faster!)")
-        
-    except Exception as e:
-        print(f"✗ Error creating vector indexes: {e}")
     finally:
         await connector.close()
-
-
-async def create_config_id_indexes():
-    """Create indexes on config_id fields for improved query performance.
-    
-    These indexes enable fast filtering of nodes by configuration ID,
-    which is essential for configuration isolation and multi-tenant scenarios.
-    """
-    connector = Neo4jConnector()
-    try:
-        print("\n" + "=" * 70)
-        print("Creating Config ID Indexes")
-        print("=" * 70)
-        
-        # Dialogue.config_id index
-        await connector.execute_query("""
-            CREATE INDEX dialogue_config_id_index IF NOT EXISTS
-            FOR (d:Dialogue) ON (d.config_id)
-        """)
-        print("✓ Created: dialogue_config_id_index")
-        
-        # Statement.config_id index
-        await connector.execute_query("""
-            CREATE INDEX statement_config_id_index IF NOT EXISTS
-            FOR (s:Statement) ON (s.config_id)
-        """)
-        print("✓ Created: statement_config_id_index")
-        
-        # ExtractedEntity.config_id index
-        await connector.execute_query("""
-            CREATE INDEX entity_config_id_index IF NOT EXISTS
-            FOR (e:ExtractedEntity) ON (e.config_id)
-        """)
-        print("✓ Created: entity_config_id_index")
-        
-        # MemorySummary.config_id index
-        await connector.execute_query("""
-            CREATE INDEX summary_config_id_index IF NOT EXISTS
-            FOR (m:MemorySummary) ON (m.config_id)
-        """)
-        print("✓ Created: summary_config_id_index")
-        
-        print("\nConfig ID indexes created successfully!")
-        print("These indexes enable fast filtering by configuration ID.")
-        
-    except Exception as e:
-        print(f"✗ Error creating config_id indexes: {e}")
-    finally:
-        await connector.close()
-
-
 async def create_unique_constraints():
     """Create uniqueness constraints for core node identifiers.
-
     Ensures concurrent MERGE operations remain safe and prevents duplicates.
     """
     connector = Neo4jConnector()
-    try:
-        print("\n" + "=" * 70)
-        print("Creating Unique Constraints")
-        print("=" * 70)
-        
+    try: 
         # Dialogue.id unique
         await connector.execute_query(
             """
@@ -203,8 +136,7 @@ async def create_unique_constraints():
             FOR (d:Dialogue) REQUIRE d.id IS UNIQUE
             """
         )
-        print("✓ Created: dialog_id_unique")
-
+        
         # Statement.id unique
         await connector.execute_query(
             """
@@ -212,8 +144,7 @@ async def create_unique_constraints():
             FOR (s:Statement) REQUIRE s.id IS UNIQUE
             """
         )
-        print("✓ Created: statement_id_unique")
-
+        
         # Chunk.id unique
         await connector.execute_query(
             """
@@ -221,112 +152,13 @@ async def create_unique_constraints():
             FOR (c:Chunk) REQUIRE c.id IS UNIQUE
             """
         )
-        print("✓ Created: chunk_id_unique")
-
-        print("\nUnique constraints ensured for Dialogue, Statement, and Chunk.")
-    except Exception as e:
-        print(f"✗ Error creating unique constraints: {e}")
+     
     finally:
         await connector.close()
-
-
 async def create_all_indexes():
     """Create all indexes and constraints in one go."""
-    print("\n" + "=" * 70)
-    print("Neo4j Index & Constraint Setup")
-    print("=" * 70)
-    print("This will create:")
-    print("  1. Full-text indexes (for keyword/BM25 search)")
-    print("  2. Vector indexes (for embedding similarity search)")
-    print("  3. Config ID indexes (for configuration isolation)")
-    print("  4. Unique constraints (for data integrity)")
-    print("=" * 70)
-    
     await create_fulltext_indexes()
     await create_vector_indexes()
-    await create_config_id_indexes()
     await create_unique_constraints()
-    
-    print("\n" + "=" * 70)
     print("✓ All indexes and constraints created successfully!")
-    print("=" * 70)
-    print("\nTo verify, run in Neo4j Browser:")
-    print("  SHOW INDEXES")
-    print("  SHOW CONSTRAINTS")
-    print()
-
-
-async def check_indexes():
-    """Check what indexes currently exist."""
-    connector = Neo4jConnector()
-    
-    try:
-        print("\n" + "=" * 70)
-        print("Checking Existing Indexes")
-        print("=" * 70)
         
-        query = "SHOW INDEXES"
-        result = await connector.execute_query(query)
-        
-        fulltext_indexes = [idx for idx in result if idx.get('type') == 'FULLTEXT']
-        vector_indexes = [idx for idx in result if idx.get('type') == 'VECTOR']
-        range_indexes = [idx for idx in result if idx.get('type') == 'RANGE']
-        
-        print(f"\nFull-text indexes: {len(fulltext_indexes)}")
-        for idx in fulltext_indexes:
-            print(f"  ✓ {idx.get('name')}")
-        
-        print(f"\nVector indexes: {len(vector_indexes)}")
-        for idx in vector_indexes:
-            print(f"  ✓ {idx.get('name')}")
-        
-        print(f"\nRange indexes (including config_id): {len(range_indexes)}")
-        for idx in range_indexes:
-            print(f"  ✓ {idx.get('name')}")
-        
-        if not vector_indexes:
-            print("\n⚠️  WARNING: No vector indexes found!")
-            print("   Embedding search will be VERY SLOW (~1.4s)")
-            print("   Run: python create_indexes.py")
-        
-        # Check for config_id indexes
-        config_id_indexes = [idx for idx in range_indexes if 'config_id' in idx.get('name', '')]
-        if len(config_id_indexes) < 4:
-            print("\n⚠️  WARNING: Not all config_id indexes found!")
-            print(f"   Expected 4, found {len(config_id_indexes)}")
-            print("   Run: python create_indexes.py config_id")
-        
-        print("=" * 70)
-        
-    finally:
-        await connector.close()
-
-
-if __name__ == "__main__":
-    import asyncio
-    import sys
-    
-    if len(sys.argv) > 1:
-        command = sys.argv[1]
-        if command == "check":
-            asyncio.run(check_indexes())
-        elif command == "fulltext":
-            asyncio.run(create_fulltext_indexes())
-        elif command == "vector":
-            asyncio.run(create_vector_indexes())
-        elif command == "config_id":
-            asyncio.run(create_config_id_indexes())
-        elif command == "constraints":
-            asyncio.run(create_unique_constraints())
-        else:
-            print(f"Unknown command: {command}")
-            print("\nUsage:")
-            print("  python create_indexes.py              # Create all indexes")
-            print("  python create_indexes.py check        # Check existing indexes")
-            print("  python create_indexes.py fulltext     # Create only full-text indexes")
-            print("  python create_indexes.py vector       # Create only vector indexes")
-            print("  python create_indexes.py config_id    # Create only config_id indexes")
-            print("  python create_indexes.py constraints  # Create only constraints")
-    else:
-        asyncio.run(create_all_indexes())
-
diff --git a/api/app/repositories/neo4j/cypher_queries.py b/api/app/repositories/neo4j/cypher_queries.py
index 66d24fab..26ffe350 100644
--- a/api/app/repositories/neo4j/cypher_queries.py
+++ b/api/app/repositories/neo4j/cypher_queries.py
@@ -336,6 +336,53 @@ ORDER BY score DESC
 LIMIT $limit
 """
 
+SEARCH_ENTITIES_BY_NAME_OR_ALIAS = """
+CALL db.index.fulltext.queryNodes("entitiesFulltext", $q) YIELD node AS e, score
+WHERE ($end_user_id IS NULL OR e.end_user_id = $end_user_id)
+WITH e, score
+WITH collect({entity: e, score: score}) AS fulltextResults
+
+OPTIONAL MATCH (ae:ExtractedEntity)
+WHERE ($end_user_id IS NULL OR ae.end_user_id = $end_user_id)
+  AND ae.aliases IS NOT NULL
+  AND ANY(alias IN ae.aliases WHERE toLower(alias) CONTAINS toLower($q))
+WITH fulltextResults, collect(ae) AS aliasEntities
+
+UNWIND (fulltextResults + [x IN aliasEntities | {entity: x, score:
+     CASE 
+       WHEN ANY(alias IN x.aliases WHERE toLower(alias) = toLower($q)) THEN 1.0
+       WHEN ANY(alias IN x.aliases WHERE toLower(alias) STARTS WITH toLower($q)) THEN 0.9
+       ELSE 0.8
+     END
+}]) AS row
+WITH row.entity AS e, row.score AS score
+WITH DISTINCT e, MAX(score) AS score
+OPTIONAL MATCH (s:Statement)-[:REFERENCES_ENTITY]->(e)
+OPTIONAL MATCH (c:Chunk)-[:CONTAINS]->(s)
+RETURN e.id AS id,
+       e.name AS name,
+       e.end_user_id AS end_user_id,
+       e.entity_type AS entity_type,
+       e.created_at AS created_at,
+       e.expired_at AS expired_at,
+       e.entity_idx AS entity_idx,
+       e.statement_id AS statement_id,
+       e.description AS description,
+       e.aliases AS aliases,
+       e.name_embedding AS name_embedding,
+       e.connect_strength AS connect_strength,
+       collect(DISTINCT s.id) AS statement_ids,
+       collect(DISTINCT c.id) AS chunk_ids,
+       COALESCE(e.activation_value, e.importance_score, 0.5) AS activation_value,
+       COALESCE(e.importance_score, 0.5) AS importance_score,
+       e.last_access_time AS last_access_time,
+       COALESCE(e.access_count, 0) AS access_count,
+       score
+ORDER BY score DESC
+LIMIT $limit
+"""
+
+
 SEARCH_CHUNKS_BY_CONTENT = """
 CALL db.index.fulltext.queryNodes("chunksFulltext", $q) YIELD node AS c, score
 WHERE ($end_user_id IS NULL OR c.end_user_id = $end_user_id)
@@ -709,7 +756,6 @@ SET r.end_user_id = e.end_user_id,
 RETURN elementId(r) AS uuid
 """
 
-
 # Entity Merge Query
 MERGE_ENTITIES = """
 MATCH (canonical:ExtractedEntity {id: $canonical_id})
@@ -829,9 +875,8 @@ neo4j_query_all = """
                 other as entity2
                           """
 
-
 '''针对当前节点下扩长的句子，实体和总结'''
-Memory_Timeline_ExtractedEntity="""
+Memory_Timeline_ExtractedEntity = """
 MATCH (n)-[r1]-(e)-[r2]-(ms)
 WHERE elementId(n) = $id
   AND (ms:ExtractedEntity OR ms:MemorySummary)
@@ -869,7 +914,7 @@ RETURN
 
 
 """
-Memory_Timeline_MemorySummary=""" 
+Memory_Timeline_MemorySummary = """ 
 MATCH (n)-[r1]-(e)-[r2]-(ms)
 WHERE elementId(n) =$id
   AND (ms:MemorySummary OR ms:ExtractedEntity)
@@ -904,7 +949,7 @@ RETURN
     }
   ) AS statement;
 """
-Memory_Timeline_Statement="""
+Memory_Timeline_Statement = """
 MATCH (n)
 WHERE elementId(n) = $id
 
@@ -947,7 +992,7 @@ RETURN
 """
 
 '''针对当前节点，主要获取更加完整的句子节点'''
-Memory_Space_Emotion_Statement="""
+Memory_Space_Emotion_Statement = """
 MATCH (n)
 WHERE elementId(n) = $id
 RETURN
@@ -957,7 +1002,7 @@ RETURN
   n.statement         AS statement;
 
 """
-Memory_Space_Emotion_MemorySummary="""
+Memory_Space_Emotion_MemorySummary = """
 MATCH (n)-[]-(e)
 WHERE elementId(n) = $id
   AND EXISTS {
@@ -970,7 +1015,7 @@ RETURN DISTINCT
   e.emotion_type      AS emotion_type,
   e.statement         AS statement;
 """
-Memory_Space_Emotion_ExtractedEntity="""
+Memory_Space_Emotion_ExtractedEntity = """
 MATCH (n)-[]-(e)
 WHERE elementId(n) = $id
   AND EXISTS {
@@ -985,18 +1030,18 @@ RETURN DISTINCT
 
 '''获取实体'''
 
-Memory_Space_User="""
+Memory_Space_User = """
 MATCH (n)-[r]->(m)
 WHERE n.end_user_id = $end_user_id  AND m.name="用户" 
 return DISTINCT elementId(m) as id
 """
-Memory_Space_Entity="""
+Memory_Space_Entity = """
 MATCH (n)-[]-(m)
 WHERE elementId(m) = $id AND  m.entity_type = "Person"
 RETURN
 DISTINCT m.name as name,m.end_user_id as end_user_id
 """
-Memory_Space_Associative="""
+Memory_Space_Associative = """
 MATCH (u)-[]-(x)-[]-(h)
 WHERE elementId(u) = $user_id
   AND elementId(h) = $id
@@ -1005,61 +1050,69 @@ RETURN DISTINCT
 """
 
 Graph_Node_query = """
-            MATCH (n:MemorySummary)
-                WHERE n.end_user_id = $end_user_id
-                RETURN
-                  elementId(n) AS id,
-                  labels(n) AS labels,
-                  properties(n) AS properties,
-                  0 AS priority
-                LIMIT $limit
+MATCH (n:MemorySummary)
+WHERE n.end_user_id = $end_user_id
+RETURN
+  elementId(n) AS id,
+  labels(n) AS labels,
+  properties(n) AS properties,
+  0 AS priority
+LIMIT $limit
                 
-                UNION ALL
+UNION ALL
 
-                    MATCH (n:Dialogue)
-                    WHERE n.end_user_id =  $end_user_id
-                    RETURN
-                      elementId(n) AS id,
-                      labels(n) AS labels,
-                      properties(n) AS properties,
-                      1 AS priority
-                    LIMIT 1
+MATCH (n:Dialogue)
+WHERE n.end_user_id =  $end_user_id
+RETURN
+  elementId(n) AS id,
+  labels(n) AS labels,
+  properties(n) AS properties,
+  1 AS priority
+LIMIT 1
 
-                UNION ALL
+UNION ALL
 
-                MATCH (n:Statement)
-                WHERE n.end_user_id =  $end_user_id
-                RETURN
-                  elementId(n) AS id,
-                  labels(n) AS labels,
-                  properties(n) AS properties,
-                  1 AS priority
-                LIMIT $limit
+MATCH (n:Statement)
+WHERE n.end_user_id =  $end_user_id
+RETURN
+  elementId(n) AS id,
+  labels(n) AS labels,
+  properties(n) AS properties,
+  1 AS priority
+LIMIT $limit
 
-                UNION ALL
+UNION ALL
 
-                MATCH (n:ExtractedEntity)
-                WHERE n.end_user_id =  $end_user_id
-                RETURN
-                  elementId(n) AS id,
-                  labels(n) AS labels,
-                  properties(n) AS properties,
-                  2 AS priority
-                LIMIT $limit
+MATCH (n:ExtractedEntity)
+WHERE n.end_user_id =  $end_user_id
+RETURN
+  elementId(n) AS id,
+  labels(n) AS labels,
+  properties(n) AS properties,
+  2 AS priority
+LIMIT $limit
 
-                UNION ALL
+UNION ALL
 
-                MATCH (n:Chunk)
-                WHERE n.end_user_id =  $end_user_id
-                RETURN
-                  elementId(n) AS id,
-                  labels(n) AS labels,
-                  properties(n) AS properties,
-                  3 AS priority
-                LIMIT $limit
+MATCH (n:Chunk)
+WHERE n.end_user_id =  $end_user_id
+RETURN
+  elementId(n) AS id,
+  labels(n) AS labels,
+  properties(n) AS properties,
+  3 AS priority
+LIMIT $limit
 
-            """
+UNION ALL
+MATCH (n:Perceptual)
+WHERE n.end_user_id = $end_user_id
+RETURN
+  elementId(n) AS id,
+  labels(n) AS labels,
+  properties(n) AS properties,
+  4 AS priority
 
+"""
 
 # ============================================================
 # Community 节点 & BELONGS_TO_COMMUNITY 边
@@ -1069,6 +1122,7 @@ Graph_Node_query = """
 
 COMMUNITY_NODE_UPSERT = """
 MERGE (c:Community {community_id: $community_id})
+ON CREATE SET c.id = $community_id
 SET c.end_user_id = $end_user_id,
     c.member_count = $member_count,
     c.updated_at = datetime()
@@ -1122,21 +1176,43 @@ RETURN e.id AS id,
        CASE WHEN c IS NOT NULL THEN c.community_id ELSE null END AS community_id
 """
 
+GET_ENTITY_COUNT_FOR_USER = """
+MATCH (e:ExtractedEntity {end_user_id: $end_user_id})
+RETURN count(e) AS entity_count
+"""
+
+GET_ALL_ENTITY_IDS_FOR_USER = """
+MATCH (e:ExtractedEntity {end_user_id: $end_user_id})
+RETURN e.id AS id
+"""
+
 GET_COMMUNITY_MEMBERS = """
 MATCH (e:ExtractedEntity {end_user_id: $end_user_id})-[:BELONGS_TO_COMMUNITY]->(c:Community {community_id: $community_id})
 RETURN e.id AS id, e.name AS name, e.entity_type AS entity_type,
        e.importance_score AS importance_score, e.activation_value AS activation_value,
-       e.name_embedding AS name_embedding
+       e.name_embedding AS name_embedding,
+       e.aliases AS aliases, e.description AS description,
+       e.example AS example
 ORDER BY coalesce(e.activation_value, 0) DESC
 """
 
+GET_COMMUNITY_RELATIONSHIPS = """
+MATCH (e1:ExtractedEntity {end_user_id: $end_user_id})-[:BELONGS_TO_COMMUNITY]->(c:Community {community_id: $community_id})
+MATCH (e2:ExtractedEntity {end_user_id: $end_user_id})-[:BELONGS_TO_COMMUNITY]->(c)
+MATCH (e1)-[r:EXTRACTED_RELATIONSHIP]->(e2)
+RETURN e1.name AS subject, r.predicate AS predicate, e2.name AS object
+ORDER BY e1.name, r.predicate, e2.name
+LIMIT 20
+"""
+
 GET_ALL_COMMUNITY_MEMBERS_BATCH = """
 MATCH (e:ExtractedEntity {end_user_id: $end_user_id})-[:BELONGS_TO_COMMUNITY]->(c:Community)
-WHERE c.community_id IN $community_ids
 RETURN c.community_id AS community_id,
-       e.id AS id,
+       e.id AS id, e.name AS name, e.entity_type AS entity_type,
+       e.importance_score AS importance_score, e.activation_value AS activation_value,
        e.name_embedding AS name_embedding,
-       e.activation_value AS activation_value
+       e.aliases AS aliases, e.description AS description
+ORDER BY c.community_id, coalesce(e.activation_value, 0) DESC
 """
 
 CHECK_USER_HAS_COMMUNITIES = """
@@ -1153,7 +1229,8 @@ RETURN c.community_id AS community_id, cnt AS member_count
 
 UPDATE_COMMUNITY_METADATA = """
 MATCH (c:Community {community_id: $community_id, end_user_id: $end_user_id})
-SET c.name             = $name,
+SET c.id               = coalesce(c.id, $community_id),
+    c.name             = $name,
     c.summary          = $summary,
     c.core_entities    = $core_entities,
     c.summary_embedding = $summary_embedding,
@@ -1161,6 +1238,51 @@ SET c.name             = $name,
 RETURN c.community_id AS community_id
 """
 
+BATCH_UPDATE_COMMUNITY_METADATA = """
+UNWIND $communities AS row
+MATCH (c:Community {community_id: row.community_id, end_user_id: row.end_user_id})
+SET c.id               = coalesce(c.id, row.community_id),
+    c.name             = row.name,
+    c.summary          = row.summary,
+    c.core_entities    = row.core_entities,
+    c.summary_embedding = row.summary_embedding,
+    c.updated_at       = datetime()
+RETURN c.community_id AS community_id
+"""
+
+GET_ENTITIES_PAGE = """
+MATCH (e:ExtractedEntity {end_user_id: $end_user_id})
+OPTIONAL MATCH (e)-[:BELONGS_TO_COMMUNITY]->(c:Community)
+RETURN e.id AS id,
+       e.name AS name,
+       e.name_embedding AS name_embedding,
+       e.activation_value AS activation_value,
+       CASE WHEN c IS NOT NULL THEN c.community_id ELSE null END AS community_id
+ORDER BY e.id
+SKIP $skip LIMIT $limit
+"""
+
+GET_ENTITY_NEIGHBORS_BATCH_FOR_IDS = """
+// 批量拉取指定实体列表的邻居（用于分批全量聚类）
+MATCH (e:ExtractedEntity {end_user_id: $end_user_id})
+WHERE e.id IN $entity_ids
+OPTIONAL MATCH (e)-[:EXTRACTED_RELATIONSHIP]-(nb1:ExtractedEntity {end_user_id: $end_user_id})
+OPTIONAL MATCH (s:Statement)-[:REFERENCES_ENTITY]->(e)
+OPTIONAL MATCH (s)-[:REFERENCES_ENTITY]->(nb2:ExtractedEntity {end_user_id: $end_user_id})
+WHERE nb2.id <> e.id
+WITH e, collect(DISTINCT nb1) + collect(DISTINCT nb2) AS all_neighbors
+UNWIND all_neighbors AS nb
+WITH e, nb WHERE nb IS NOT NULL
+OPTIONAL MATCH (nb)-[:BELONGS_TO_COMMUNITY]->(c:Community)
+RETURN DISTINCT
+    e.id                AS entity_id,
+    nb.id               AS id,
+    nb.name             AS name,
+    nb.name_embedding   AS name_embedding,
+    nb.activation_value AS activation_value,
+    CASE WHEN c IS NOT NULL THEN c.community_id ELSE null END AS community_id
+"""
+
 GET_ALL_ENTITY_NEIGHBORS_BATCH = """
 // 批量拉取某用户下所有实体的邻居（用于全量聚类预加载）
 MATCH (e:ExtractedEntity {end_user_id: $end_user_id})
@@ -1238,3 +1360,92 @@ WHERE c.name IS NULL OR c.name = ''
    OR (c.summary_embedding IS NULL AND c.summary IS NOT NULL AND c.summary <> '(empty)')
 RETURN c.community_id AS community_id
 """
+
+# Community keyword search: matches name or summary via fulltext index
+SEARCH_COMMUNITIES_BY_KEYWORD = """
+CALL db.index.fulltext.queryNodes("communitiesFulltext", $q) YIELD node AS c, score
+WHERE ($end_user_id IS NULL OR c.end_user_id = $end_user_id)
+RETURN c.community_id AS id,
+       c.name AS name,
+       c.summary AS content,
+       c.core_entities AS core_entities,
+       c.member_count AS member_count,
+       c.end_user_id AS end_user_id,
+       c.updated_at AS updated_at,
+       score
+ORDER BY score DESC
+LIMIT $limit
+"""
+
+# Community 向量检索 ──────────────────────────────────────────────────
+# Community embedding-based search: cosine similarity on Community.summary_embedding
+COMMUNITY_EMBEDDING_SEARCH = """
+CALL db.index.vector.queryNodes('community_summary_embedding_index', $limit * 100, $embedding)
+YIELD node AS c, score
+WHERE c.summary_embedding IS NOT NULL
+  AND ($end_user_id IS NULL OR c.end_user_id = $end_user_id)
+RETURN c.community_id AS id,
+       c.name AS name,
+       c.summary AS content,
+       c.core_entities AS core_entities,
+       c.member_count AS member_count,
+       c.end_user_id AS end_user_id,
+       c.updated_at AS updated_at,
+       score
+ORDER BY score DESC
+LIMIT $limit
+"""
+
+# Community 展开检索 ──────────────────────────────────────────────────
+# 命中社区后，拉取该社区所有成员实体关联的 Statement 节点（主题→细节两级检索）
+EXPAND_COMMUNITY_STATEMENTS = """
+MATCH (c:Community {community_id: $community_id})
+MATCH (e:ExtractedEntity)-[:BELONGS_TO_COMMUNITY]->(c)
+MATCH (s:Statement)-[:REFERENCES_ENTITY]->(e)
+WHERE s.end_user_id = $end_user_id
+RETURN s.statement AS statement,
+       s.id AS id,
+       s.end_user_id AS end_user_id,
+       s.created_at AS created_at,
+       s.valid_at AS valid_at,
+       s.invalid_at AS invalid_at,
+       COALESCE(s.activation_value, s.importance_score, 0.5) AS activation_value,
+       COALESCE(s.importance_score, 0.5) AS importance_score,
+       e.name AS source_entity,
+       c.name AS community_name
+ORDER BY COALESCE(s.activation_value, 0) DESC
+LIMIT $limit
+"""
+
+# 感知记忆节点保存
+PERCEPTUAL_NODE_SAVE = """
+UNWIND $perceptuals AS p
+MERGE (n:Perceptual {id: p.id})
+SET n += {
+    id: p.id,
+    end_user_id: p.end_user_id,
+    perceptual_type: p.perceptual_type,
+    file_path: p.file_path,
+    file_name: p.file_name,
+    file_ext: p.file_ext,
+    summary: p.summary,
+    keywords: p.keywords,
+    topic: p.topic,
+    domain: p.domain,
+    created_at: p.created_at,
+    file_type: p.file_type,
+    summary_embedding: p.summary_embedding
+}
+RETURN n.id AS uuid
+"""
+
+# 感知记忆与对话的关联边
+PERCEPTUAL_CHUNK_EDGE_SAVE = """
+UNWIND $edges AS edge
+MATCH (p:Perceptual {id: edge.perceptual_id, end_user_id: edge.end_user_id})
+MATCH (c:Chunk {id: edge.chunk_id, end_user_id: edge.end_user_id})
+MERGE (c)-[r:HAS_PERCEPTUAL]->(p)
+ON CREATE SET r.end_user_id = edge.end_user_id,
+    r.created_at = edge.created_at
+RETURN elementId(r) AS uuid
+"""
diff --git a/api/app/repositories/neo4j/graph_saver.py b/api/app/repositories/neo4j/graph_saver.py
index cbd2b532..adc266fe 100644
--- a/api/app/repositories/neo4j/graph_saver.py
+++ b/api/app/repositories/neo4j/graph_saver.py
@@ -22,13 +22,18 @@ from app.core.memory.models.graph_models import (
     StatementNode,
     ExtractedEntityNode,
     EntityEntityEdge,
+    PerceptualNode,
+    PerceptualEdge,
 )
 import logging
+
 logger = logging.getLogger(__name__)
+
+
 async def save_entities_and_relationships(
-    entity_nodes: List[ExtractedEntityNode],
-    entity_entity_edges: List[EntityEntityEdge],
-    connector: Neo4jConnector
+        entity_nodes: List[ExtractedEntityNode],
+        entity_entity_edges: List[EntityEntityEdge],
+        connector: Neo4jConnector
 ):
     """Save entities and their relationships using graph models"""
     all_entities = [entity.model_dump() for entity in entity_nodes]
@@ -73,8 +78,8 @@ async def save_entities_and_relationships(
 
 
 async def save_chunk_nodes(
-    chunk_nodes: List[ChunkNode],
-    connector: Neo4jConnector
+        chunk_nodes: List[ChunkNode],
+        connector: Neo4jConnector
 ):
     """Save chunk nodes using graph models"""
     if not chunk_nodes:
@@ -89,8 +94,8 @@ async def save_chunk_nodes(
 
 
 async def save_statement_chunk_edges(
-    statement_chunk_edges: List[StatementChunkEdge],
-    connector: Neo4jConnector
+        statement_chunk_edges: List[StatementChunkEdge],
+        connector: Neo4jConnector
 ):
     """Save statement-chunk edges using graph models"""
     if not statement_chunk_edges:
@@ -118,8 +123,8 @@ async def save_statement_chunk_edges(
 
 
 async def save_statement_entity_edges(
-    statement_entity_edges: List[StatementEntityEdge],
-    connector: Neo4jConnector
+        statement_entity_edges: List[StatementEntityEdge],
+        connector: Neo4jConnector
 ):
     """Save statement-entity edges using graph models"""
     if not statement_entity_edges:
@@ -142,7 +147,7 @@ async def save_statement_entity_edges(
     if all_se_edges:
         try:
             await connector.execute_query(
-                STATEMENT_ENTITY_EDGE_SAVE, 
+                STATEMENT_ENTITY_EDGE_SAVE,
                 relationships=all_se_edges
             )
         except Exception:
@@ -154,23 +159,28 @@ async def save_dialog_and_statements_to_neo4j(
         chunk_nodes: List[ChunkNode],
         statement_nodes: List[StatementNode],
         entity_nodes: List[ExtractedEntityNode],
+        perceptual_nodes: List[PerceptualNode],
         entity_edges: List[EntityEntityEdge],
         statement_chunk_edges: List[StatementChunkEdge],
         statement_entity_edges: List[StatementEntityEdge],
+        perceptual_edges: List[PerceptualEdge],
         connector: Neo4jConnector,
-        config_id: Optional[str] = None,
-        llm_model_id: Optional[str] = None,
 ) -> bool:
     """Save dialogue nodes, chunk nodes, statement nodes, entities, and all relationships to Neo4j using graph models.
 
+    只负责数据写入，不触发聚类。聚类由调用方在写入成功后通过
+    _trigger_clustering_sync() 显式触发。
+
     Args:
         dialogue_nodes: List of DialogueNode objects to save
         chunk_nodes: List of ChunkNode objects to save
         statement_nodes: List of StatementNode objects to save
         entity_nodes: List of ExtractedEntityNode objects to save
+        perceptual_nodes: List of PerceptualNode objects to save
         entity_edges: List of EntityEntityEdge objects to save
         statement_chunk_edges: List of StatementChunkEdge objects to save
         statement_entity_edges: List of StatementEntityEdge objects to save
+        perceptual_edges: List of PerceptualEdge objects to save
         connector: Neo4j connector instance
 
     Returns:
@@ -189,7 +199,7 @@ async def save_dialog_and_statements_to_neo4j(
             result = await tx.run(DIALOGUE_NODE_SAVE, dialogues=dialogue_data)
             dialogue_uuids = [record["uuid"] async for record in result]
             results['dialogues'] = dialogue_uuids
-            print(f"Dialogues saved to Neo4j with UUIDs: {dialogue_uuids}")
+            logger.info(f"Dialogues saved to Neo4j with UUIDs: {dialogue_uuids}")
 
         # 2. Save all chunk nodes in batch
         if chunk_nodes:
@@ -200,6 +210,14 @@ async def save_dialog_and_statements_to_neo4j(
             results['chunks'] = chunk_uuids
             logger.info(f"Successfully saved {len(chunk_uuids)} chunk nodes to Neo4j")
 
+        if perceptual_nodes:
+            from app.repositories.neo4j.cypher_queries import PERCEPTUAL_NODE_SAVE
+            perceptual_data = [node.model_dump() for node in perceptual_nodes]
+            result = await tx.run(PERCEPTUAL_NODE_SAVE, perceptuals=perceptual_data)
+            perceptual_uuids = [record["uuid"] async for record in result]
+            results["perceptuals"] = perceptual_uuids
+            logger.info(f"Successfully saved {len(perceptual_uuids)} perceptual nodes to Neo4j")
+
         # 3. Save all statement nodes in batch
         if statement_nodes:
             from app.repositories.neo4j.cypher_queries import STATEMENT_NODE_SAVE
@@ -280,6 +298,22 @@ async def save_dialog_and_statements_to_neo4j(
             results['statement_entity_edges'] = se_uuids
             logger.info(f"Successfully saved {len(se_uuids)} statement-entity edges to Neo4j")
 
+        if perceptual_edges:
+            from app.repositories.neo4j.cypher_queries import PERCEPTUAL_CHUNK_EDGE_SAVE
+            perceptual_edge_data = []
+            for edge in perceptual_edges:
+                print(edge.source, edge.target)
+                perceptual_edge_data.append({
+                    "perceptual_id": edge.source,
+                    "chunk_id": edge.target,
+                    "end_user_id": edge.end_user_id,
+                    "created_at": edge.created_at.isoformat() if edge.created_at else None,
+                })
+            result = await tx.run(PERCEPTUAL_CHUNK_EDGE_SAVE, edges=perceptual_edge_data)
+            perceptual_edges_uuids = [record["uuid"] async for record in result]
+            results['perceptual_chunk_edges'] = perceptual_edges_uuids
+            logger.info(f"Successfully saved {len(perceptual_edges_uuids)} perceptual-chunk edges to Neo4j")
+
         return results
 
     try:
@@ -293,9 +327,6 @@ async def save_dialog_and_statements_to_neo4j(
         logger.info("Transaction completed. Summary: %s", summary)
         logger.debug("Full transaction results: %r", results)
 
-        # 写入成功后，异步触发聚类（不阻塞写入响应）
-        schedule_clustering_after_write(entity_nodes, config_id=config_id, llm_model_id=llm_model_id)
-
         return True
 
     except Exception as e:
@@ -305,16 +336,13 @@ async def save_dialog_and_statements_to_neo4j(
         return False
 
 
-def schedule_clustering_after_write(
-    entity_nodes: List,
-    config_id: Optional[str] = None,
-    llm_model_id: Optional[str] = None,
+async def _trigger_clustering_sync(
+        entity_nodes: List,
+        llm_model_id: Optional[str] = None,
+        embedding_model_id: Optional[str] = None,
 ) -> None:
     """
-    写入 Neo4j 成功后，调度后台聚类任务。
-
-    可通过环境变量 CLUSTERING_ENABLED=false 禁用（用于基准测试对比）。
-    使用 asyncio.create_task 异步触发，不阻塞写入响应。
+    同步等待聚类完成，避免与其他 LLM 任务并发冲突。
     """
     if not entity_nodes:
         return
@@ -326,15 +354,16 @@ def schedule_clustering_after_write(
 
     end_user_id = entity_nodes[0].end_user_id
     new_entity_ids = [e.id for e in entity_nodes]
-    logger.info(f"[Clustering] 准备触发聚类，实体数: {len(new_entity_ids)}, end_user_id: {end_user_id}")
-    asyncio.create_task(_trigger_clustering(new_entity_ids, end_user_id, config_id=config_id, llm_model_id=llm_model_id))
+    logger.info(f"[Clustering] 准备触发聚类（同步），实体数: {len(new_entity_ids)}, end_user_id: {end_user_id}")
+    await _trigger_clustering(new_entity_ids, end_user_id, llm_model_id=llm_model_id,
+                              embedding_model_id=embedding_model_id)
 
 
 async def _trigger_clustering(
-    new_entity_ids: List[str],
-    end_user_id: str,
-    config_id: Optional[str] = None,
-    llm_model_id: Optional[str] = None,
+        new_entity_ids: List[str],
+        end_user_id: str,
+        llm_model_id: Optional[str] = None,
+        embedding_model_id: Optional[str] = None,
 ) -> None:
     """
     聚类触发函数，自动判断全量初始化还是增量更新。
@@ -344,7 +373,7 @@ async def _trigger_clustering(
         from app.core.memory.storage_services.clustering_engine import LabelPropagationEngine
         logger.info(f"[Clustering] 开始聚类，end_user_id={end_user_id}, 实体数={len(new_entity_ids)}")
         connector = Neo4jConnector()
-        engine = LabelPropagationEngine(connector, config_id=config_id, llm_model_id=llm_model_id)
+        engine = LabelPropagationEngine(connector, llm_model_id=llm_model_id, embedding_model_id=embedding_model_id)
         await engine.run(end_user_id=end_user_id, new_entity_ids=new_entity_ids)
         logger.info(f"[Clustering] 聚类完成，end_user_id={end_user_id}")
     except Exception as e:
diff --git a/api/app/repositories/neo4j/graph_search.py b/api/app/repositories/neo4j/graph_search.py
index e8f52535..c5d3bcca 100644
--- a/api/app/repositories/neo4j/graph_search.py
+++ b/api/app/repositories/neo4j/graph_search.py
@@ -4,12 +4,16 @@ from typing import Any, Dict, List, Optional
 
 from app.repositories.neo4j.cypher_queries import (
     CHUNK_EMBEDDING_SEARCH,
+    COMMUNITY_EMBEDDING_SEARCH,
     ENTITY_EMBEDDING_SEARCH,
+    EXPAND_COMMUNITY_STATEMENTS,
     MEMORY_SUMMARY_EMBEDDING_SEARCH,
     SEARCH_CHUNK_BY_CHUNK_ID,
     SEARCH_CHUNKS_BY_CONTENT,
+    SEARCH_COMMUNITIES_BY_KEYWORD,
     SEARCH_DIALOGUE_BY_DIALOG_ID,
     SEARCH_ENTITIES_BY_NAME,
+    SEARCH_ENTITIES_BY_NAME_OR_ALIAS,
     SEARCH_MEMORY_SUMMARIES_BY_KEYWORD,
     SEARCH_STATEMENTS_BY_CREATED_AT,
     SEARCH_STATEMENTS_BY_KEYWORD,
@@ -261,7 +265,7 @@ async def search_graph(
     
     if "entities" in include:
         tasks.append(connector.execute_query(
-            SEARCH_ENTITIES_BY_NAME,
+            SEARCH_ENTITIES_BY_NAME_OR_ALIAS,
             q=q,
             end_user_id=end_user_id,
             limit=limit,
@@ -285,6 +289,15 @@ async def search_graph(
             limit=limit,
         ))
         task_keys.append("summaries")
+
+    if "communities" in include:
+        tasks.append(connector.execute_query(
+            SEARCH_COMMUNITIES_BY_KEYWORD,
+            q=q,
+            end_user_id=end_user_id,
+            limit=limit,
+        ))
+        task_keys.append("communities")
     
     # Execute all queries in parallel
     task_results = await asyncio.gather(*tasks, return_exceptions=True)
@@ -293,6 +306,7 @@ async def search_graph(
     results = {}
     for key, result in zip(task_keys, task_results):
         if isinstance(result, Exception):
+            logger.warning(f"search_graph: {key} 关键词查询异常: {result}")
             results[key] = []
         else:
             results[key] = result
@@ -349,7 +363,11 @@ async def search_graph_by_embedding(
     print(f"[PERF] Embedding generation took: {embed_time:.4f}s")
     
     if not embeddings or not embeddings[0]:
-        return {"statements": [], "chunks": [], "entities": [], "summaries": []}
+        logger.warning(
+            f"search_graph_by_embedding: embedding 生成失败或为空，"
+            f"query='{query_text[:50]}', end_user_id={end_user_id}，向量检索跳过"
+        )
+        return {"statements": [], "chunks": [], "entities": [], "summaries": [], "communities": []}
     embedding = embeddings[0]
 
     # Prepare tasks for parallel execution
@@ -396,6 +414,16 @@ async def search_graph_by_embedding(
         ))
         task_keys.append("summaries")
 
+    # Communities (向量语义匹配)
+    if "communities" in include:
+        tasks.append(connector.execute_query(
+            COMMUNITY_EMBEDDING_SEARCH,
+            embedding=embedding,
+            end_user_id=end_user_id,
+            limit=limit,
+        ))
+        task_keys.append("communities")
+
     # Execute all queries in parallel
     query_start = time.time()
     task_results = await asyncio.gather(*tasks, return_exceptions=True)
@@ -408,10 +436,12 @@ async def search_graph_by_embedding(
         "chunks": [],
         "entities": [],
         "summaries": [],
+        "communities": [],
     }
     
     for key, result in zip(task_keys, task_results):
         if isinstance(result, Exception):
+            logger.warning(f"search_graph_by_embedding: {key} 向量查询异常: {result}")
             results[key] = []
         else:
             results[key] = result
@@ -661,6 +691,62 @@ async def search_graph_by_chunk_id(
     return {"chunks": chunks}
 
 
+async def search_graph_community_expand(
+    connector: Neo4jConnector,
+    community_ids: List[str],
+    end_user_id: str,
+    limit: int = 10,
+) -> Dict[str, List[Dict[str, Any]]]:
+    """
+    三期：社区展开检索 —— 主题 → 细节两级检索。
+
+    命中 Community 节点后，沿 BELONGS_TO_COMMUNITY 关系拉取成员实体，
+    再沿 REFERENCES_ENTITY 关系拉取关联的 Statement 节点，
+    按 activation_value 降序返回，实现"主题摘要 → 具体记忆"的深度召回。
+
+    Args:
+        connector: Neo4j 连接器
+        community_ids: 已命中的社区 ID 列表
+        end_user_id: 用户 ID，用于数据隔离
+        limit: 每个社区最多返回的 Statement 数量
+
+    Returns:
+        {"expanded_statements": [Statement 列表，含 community_name / source_entity 字段]}
+    """
+    if not community_ids or not end_user_id:
+        return {"expanded_statements": []}
+
+    tasks = [
+        connector.execute_query(
+            EXPAND_COMMUNITY_STATEMENTS,
+            community_id=cid,
+            end_user_id=end_user_id,
+            limit=limit,
+        )
+        for cid in community_ids
+    ]
+
+    task_results = await asyncio.gather(*tasks, return_exceptions=True)
+
+    expanded: List[Dict[str, Any]] = []
+    for cid, result in zip(community_ids, task_results):
+        if isinstance(result, Exception):
+            logger.warning(f"社区展开检索失败 community_id={cid}: {result}")
+        else:
+            expanded.extend(result)
+
+    # 按 activation_value 全局排序后去重
+    from app.core.memory.src.search import _deduplicate_results
+    expanded.sort(
+        key=lambda x: float(x.get("activation_value") or 0),
+        reverse=True,
+    )
+    expanded = _deduplicate_results(expanded)
+
+    logger.info(f"社区展开检索完成: community_ids={community_ids}, 展开 statements={len(expanded)}")
+    return {"expanded_statements": expanded}
+
+
 async def search_graph_by_created_at(
     connector: Neo4jConnector,
     end_user_id: Optional[str] = None,
diff --git a/api/app/repositories/user_repository.py b/api/app/repositories/user_repository.py
index b4c11aa4..af4449e5 100644
--- a/api/app/repositories/user_repository.py
+++ b/api/app/repositories/user_repository.py
@@ -19,18 +19,22 @@ class UserRepository:
         self.db = db
 
     def get_user_by_id(self, user_id: uuid.UUID) -> Optional[User]:
-        """根据ID获取用户"""
-        db_logger.debug(f"根据ID查询用户: user_id={user_id}")
+        """根据 ID 获取用户（租户禁用时返回 None）"""
+        db_logger.debug(f"根据 ID 查询用户：user_id={user_id}")
         
         try:
             user = self.db.query(User).options(joinedload(User.tenant)).filter(User.id == user_id).first()
             if user:
-                db_logger.debug(f"用户查询成功: {user.username} (ID: {user_id})")
+                # 检查租户状态，租户禁用时返回 None
+                if user.tenant and not user.tenant.is_active:
+                    db_logger.warning(f"用户 {user.username} (ID: {user_id}) 所属租户 {user.tenant_id} 已被禁用")
+                    return None
+                db_logger.debug(f"用户查询成功：{user.username} (ID: {user_id})")
             else:
-                db_logger.debug(f"用户不存在: user_id={user_id}")
+                db_logger.debug(f"用户不存在：user_id={user_id}")
             return user
         except Exception as e:
-            db_logger.error(f"根据ID查询用户失败: user_id={user_id} - {str(e)}")
+            db_logger.error(f"根据 ID 查询用户失败：user_id={user_id} - {str(e)}")
             raise
 
     def get_user_by_email(self, email: str) -> Optional[User]:
@@ -154,22 +158,26 @@ class UserRepository:
             raise
 
     def get_users_by_tenant(
-        self, 
-        tenant_id: uuid.UUID, 
-        skip: int = 0, 
+        self,
+        tenant_id: uuid.UUID,
+        skip: int = 0,
         limit: int = 100,
         is_active: Optional[bool] = None,
+        is_superuser: Optional[bool] = None,
         search: Optional[str] = None
     ) -> List[User]:
         """获取租户下的用户列表"""
         db_logger.debug(f"查询租户用户: tenant_id={tenant_id}")
-        
+
         try:
             query = self.db.query(User).options(joinedload(User.tenant)).filter(User.tenant_id == tenant_id)
-            
+
             if is_active is not None:
                 query = query.filter(User.is_active == is_active)
-            
+
+            if is_superuser is not None:
+                query = query.filter(User.is_superuser == is_superuser)
+
             if search:
                 query = query.filter(
                     or_(
@@ -177,7 +185,7 @@ class UserRepository:
                         User.email.ilike(f"%{search}%")
                     )
                 )
-            
+
             users = query.offset(skip).limit(limit).all()
             db_logger.debug(f"租户用户查询成功: tenant_id={tenant_id}, count={len(users)}")
             return users
@@ -186,18 +194,22 @@ class UserRepository:
             raise
 
     def count_users_by_tenant(
-        self, 
+        self,
         tenant_id: uuid.UUID,
         is_active: Optional[bool] = None,
+        is_superuser: Optional[bool] = None,
         search: Optional[str] = None
     ) -> int:
         """统计租户下的用户数量"""
         try:
             query = self.db.query(func.count(User.id)).filter(User.tenant_id == tenant_id)
-            
+
             if is_active is not None:
                 query = query.filter(User.is_active == is_active)
-            
+
+            if is_superuser is not None:
+                query = query.filter(User.is_superuser == is_superuser)
+
             if search:
                 query = query.filter(
                     or_(
@@ -205,7 +217,7 @@ class UserRepository:
                         User.email.ilike(f"%{search}%")
                     )
                 )
-            
+
             return query.scalar()
         except Exception as e:
             db_logger.error(f"统计租户用户失败: tenant_id={tenant_id} - {str(e)}")
diff --git a/api/app/schemas/app_log_schema.py b/api/app/schemas/app_log_schema.py
new file mode 100644
index 00000000..bda78138
--- /dev/null
+++ b/api/app/schemas/app_log_schema.py
@@ -0,0 +1,53 @@
+"""应用日志（消息记录）Schema"""
+import uuid
+import datetime
+from typing import Optional, Dict, Any, List
+
+from pydantic import BaseModel, Field, ConfigDict, field_serializer
+
+
+class AppLogMessage(BaseModel):
+    """单条消息记录"""
+    model_config = ConfigDict(from_attributes=True)
+
+    id: uuid.UUID
+    conversation_id: uuid.UUID
+    role: str = Field(description="角色: user / assistant / system")
+    content: str
+    meta_data: Optional[Dict[str, Any]] = None
+    created_at: datetime.datetime
+
+    @field_serializer("created_at", when_used="json")
+    def _serialize_created_at(self, dt: datetime.datetime):
+        return int(dt.timestamp() * 1000) if dt else None
+
+    @field_serializer("meta_data", when_used="json")
+    def _serialize_meta_data(self, data: Optional[Dict[str, Any]]):
+        return data or {}
+
+
+class AppLogConversation(BaseModel):
+    """会话摘要（用于列表）"""
+    model_config = ConfigDict(from_attributes=True)
+
+    id: uuid.UUID
+    app_id: uuid.UUID
+    user_id: Optional[str] = None
+    title: Optional[str] = None
+    message_count: int = 0
+    is_draft: bool
+    created_at: datetime.datetime
+    updated_at: datetime.datetime
+
+    @field_serializer("created_at", when_used="json")
+    def _serialize_created_at(self, dt: datetime.datetime):
+        return int(dt.timestamp() * 1000) if dt else None
+
+    @field_serializer("updated_at", when_used="json")
+    def _serialize_updated_at(self, dt: datetime.datetime):
+        return int(dt.timestamp() * 1000) if dt else None
+
+
+class AppLogConversationDetail(AppLogConversation):
+    """会话详情（包含消息列表）"""
+    messages: List[AppLogMessage] = Field(default_factory=list)
diff --git a/api/app/schemas/app_schema.py b/api/app/schemas/app_schema.py
index 1582d862..f1e9132f 100644
--- a/api/app/schemas/app_schema.py
+++ b/api/app/schemas/app_schema.py
@@ -196,6 +196,13 @@ class CitationConfig(BaseModel):
     enabled: bool = Field(default=False)
 
 
+class Citation(BaseModel):
+    document_id: str
+    file_name: str
+    knowledge_id: str
+    score: float
+
+
 class WebSearchConfig(BaseModel):
     """联网搜索配置"""
     enabled: bool = Field(default=False)
@@ -269,7 +276,7 @@ class AgentConfigCreate(BaseModel):
 
     # 记忆配置
     memory: MemoryConfig = Field(
-        default_factory=lambda: MemoryConfig(enabled=True),
+        default_factory=lambda: MemoryConfig(enabled=False),
         description="对话历史记忆配置"
     )
 
diff --git a/api/app/schemas/end_user_info_schema.py b/api/app/schemas/end_user_info_schema.py
new file mode 100644
index 00000000..60bdf9d6
--- /dev/null
+++ b/api/app/schemas/end_user_info_schema.py
@@ -0,0 +1,35 @@
+import uuid
+import datetime
+from typing import Optional, Dict, Any, List
+from pydantic import BaseModel, Field
+from pydantic import ConfigDict
+
+
+class EndUserInfoBase(BaseModel):
+    """终端用户信息基础模型"""
+    other_name: str = Field(description="关联的用户名称")
+    aliases: Optional[List[str]] = Field(description="用户别名列表", default=None)
+    meta_data: Optional[Dict[str, Any]] = Field(description="用户相关的扩展信息", default=None)
+
+
+class EndUserInfoCreate(EndUserInfoBase):
+    """创建终端用户信息请求模型"""
+    end_user_id: str = Field(description="关联的终端用户ID")
+
+
+class EndUserInfoUpdate(BaseModel):
+    """更新终端用户信息请求模型"""
+    end_user_id: str = Field(description="终端用户ID")
+    other_name: Optional[str] = Field(description="用户名称", default=None)
+    aliases: Optional[List[str]] = Field(description="用户别名列表", default=None)
+    meta_data: Optional[Dict[str, Any]] = Field(description="用户相关的扩展信息", default=None)
+
+
+class EndUserInfoResponse(EndUserInfoBase):
+    """终端用户信息响应模型"""
+    model_config = ConfigDict(from_attributes=True)
+    
+    end_user_info_id: uuid.UUID = Field(description="终端用户信息记录ID")
+    end_user_id: uuid.UUID = Field(description="关联的终端用户ID")
+    created_at: datetime.datetime = Field(description="创建时间")
+    updated_at: datetime.datetime = Field(description="更新时间")
diff --git a/api/app/schemas/end_user_schema.py b/api/app/schemas/end_user_schema.py
index bbb6fd5c..c2498203 100644
--- a/api/app/schemas/end_user_schema.py
+++ b/api/app/schemas/end_user_schema.py
@@ -1,6 +1,6 @@
 import uuid
 import datetime
-from typing import Optional
+from typing import Optional, List
 from pydantic import BaseModel, Field
 from pydantic import ConfigDict
 
@@ -17,40 +17,6 @@ class EndUser(BaseModel):
     created_at: datetime.datetime = Field(description="创建时间", default_factory=datetime.datetime.now)
     updated_at: datetime.datetime = Field(description="更新时间", default_factory=datetime.datetime.now)
     
-    # 用户基本信息字段
-    position: Optional[str] = Field(description="职位", default=None)
-    department: Optional[str] = Field(description="部门", default=None)
-    contact: Optional[str] = Field(description="联系方式", default=None)
-    phone: Optional[str] = Field(description="电话", default=None)
-    hire_date: Optional[datetime.datetime] = Field(description="入职日期", default=None)
-    updatetime_profile: Optional[datetime.datetime] = Field(description="核心档案信息最后更新时间", default=None)
-    
     # 用户摘要和洞察更新时间
     user_summary_updated_at: Optional[datetime.datetime] = Field(description="用户摘要最后更新时间", default=None)
-    memory_insight_updated_at: Optional[datetime.datetime] = Field(description="洞察报告最后更新时间", default=None)
-
-
-class EndUserProfileResponse(BaseModel):
-    """终端用户基本信息响应模型"""
-    model_config = ConfigDict(from_attributes=True)
-    
-    id: uuid.UUID = Field(description="终端用户ID")
-    other_name: Optional[str] = Field(description="其他名称", default="")
-    position: Optional[str] = Field(description="职位", default=None)
-    department: Optional[str] = Field(description="部门", default=None)
-    contact: Optional[str] = Field(description="联系方式", default=None)
-    phone: Optional[str] = Field(description="电话", default=None)
-    hire_date: Optional[datetime.datetime] = Field(description="入职日期", default=None)
-    updatetime_profile: Optional[datetime.datetime] = Field(description="核心档案信息最后更新时间", default=None)
-
-
-
-class EndUserProfileUpdate(BaseModel):
-    """终端用户基本信息更新请求模型"""
-    end_user_id: str = Field(description="终端用户ID")
-    other_name: Optional[str] = Field(description="其他名称", default="")
-    position: Optional[str] = Field(description="职位", default=None)
-    department: Optional[str] = Field(description="部门", default=None)
-    contact: Optional[str] = Field(description="联系方式", default=None)
-    phone: Optional[str] = Field(description="电话", default=None)
-    hire_date: Optional[int] = Field(description="入职日期（时间戳，毫秒）", default=None)
\ No newline at end of file
+    memory_insight_updated_at: Optional[datetime.datetime] = Field(description="洞察报告最后更新时间", default=None)
\ No newline at end of file
diff --git a/api/app/schemas/memory_api_schema.py b/api/app/schemas/memory_api_schema.py
index 98d257c1..84a34e8a 100644
--- a/api/app/schemas/memory_api_schema.py
+++ b/api/app/schemas/memory_api_schema.py
@@ -21,7 +21,7 @@ class MemoryWriteRequest(BaseModel):
     """
     end_user_id: str = Field(..., description="End user ID (required)")
     message: str = Field(..., description="Message content to store")
-    config_id: Optional[str] = Field(None, description="Memory configuration ID")
+    config_id: str = Field(..., description="Memory configuration ID (required)")
     storage_type: str = Field("neo4j", description="Storage type: neo4j or rag")
     user_rag_memory_id: Optional[str] = Field(None, description="RAG memory ID")
 
@@ -68,7 +68,7 @@ class MemoryReadRequest(BaseModel):
         "0", 
         description="Search mode: 0=verify, 1=direct, 2=context"
     )
-    config_id: Optional[str] = Field(None, description="Memory configuration ID")
+    config_id: str = Field(..., description="Memory configuration ID (required)")
     storage_type: str = Field("neo4j", description="Storage type: neo4j or rag")
     user_rag_memory_id: Optional[str] = Field(None, description="RAG memory ID")
 
@@ -132,3 +132,79 @@ class MemoryReadResponse(BaseModel):
         description="Intermediate retrieval outputs"
     )
     end_user_id: str = Field(..., description="End user ID")
+
+
+class CreateEndUserRequest(BaseModel):
+    """Request schema for creating an end user.
+    
+    Attributes:
+        workspace_id: Workspace ID (required)
+        other_id: External user identifier (required)
+        other_name: Display name for the end user
+    """
+    workspace_id: str = Field(..., description="Workspace ID (required)")
+    other_id: str = Field(..., description="External user identifier (required)")
+    other_name: Optional[str] = Field("", description="Display name")
+
+    @field_validator("workspace_id")
+    @classmethod
+    def validate_workspace_id(cls, v: str) -> str:
+        """Validate that workspace_id is not empty."""
+        if not v or not v.strip():
+            raise ValueError("workspace_id is required and cannot be empty")
+        return v.strip()
+
+    @field_validator("other_id")
+    @classmethod
+    def validate_other_id(cls, v: str) -> str:
+        """Validate that other_id is not empty."""
+        if not v or not v.strip():
+            raise ValueError("other_id is required and cannot be empty")
+        return v.strip()
+
+
+class CreateEndUserResponse(BaseModel):
+    """Response schema for end user creation.
+    
+    Attributes:
+        id: Created end user UUID
+        other_id: External user identifier
+        other_name: Display name
+        workspace_id: Workspace the user belongs to
+    """
+    id: str = Field(..., description="End user UUID")
+    other_id: str = Field(..., description="External user identifier")
+    other_name: str = Field("", description="Display name")
+    workspace_id: str = Field(..., description="Workspace ID")
+
+
+class MemoryConfigItem(BaseModel):
+    """Schema for a single memory config in the list response.
+    
+    Attributes:
+        config_id: Configuration UUID
+        config_name: Configuration name
+        config_desc: Configuration description
+        is_default: Whether this is the workspace default config
+        scene_name: Associated ontology scene name
+        created_at: Creation timestamp
+        updated_at: Last update timestamp
+    """
+    config_id: str = Field(..., description="Configuration ID")
+    config_name: str = Field(..., description="Configuration name")
+    config_desc: Optional[str] = Field(None, description="Configuration description")
+    is_default: bool = Field(False, description="Whether this is the workspace default")
+    scene_name: Optional[str] = Field(None, description="Associated ontology scene name")
+    created_at: Optional[str] = Field(None, description="Creation timestamp")
+    updated_at: Optional[str] = Field(None, description="Last update timestamp")
+
+
+class ListConfigsResponse(BaseModel):
+    """Response schema for listing memory configs.
+    
+    Attributes:
+        configs: List of memory config items
+        total: Total number of configs
+    """
+    configs: List[MemoryConfigItem] = Field(default_factory=list, description="List of configs")
+    total: int = Field(0, description="Total number of configs")
diff --git a/api/app/schemas/memory_config_schema.py b/api/app/schemas/memory_config_schema.py
index 0c359d70..e186e54b 100644
--- a/api/app/schemas/memory_config_schema.py
+++ b/api/app/schemas/memory_config_schema.py
@@ -387,6 +387,12 @@ class MemoryConfig:
     
     rerank_model_id: Optional[UUID] = None
     rerank_model_name: Optional[str] = None
+    video_model_id: Optional[UUID] = None
+    video_model_name: Optional[str] = None
+    vision_model_id: Optional[UUID] = None
+    vision_model_name: Optional[str] = None
+    audio_model_id: Optional[UUID] = None
+    audio_model_name: Optional[str] = None
     
     llm_params: Dict[str, Any] = field(default_factory=dict)
     embedding_params: Dict[str, Any] = field(default_factory=dict)
@@ -417,7 +423,7 @@ class MemoryConfig:
     
     # Ontology scene association
     scene_id: Optional[UUID] = None
-    ontology_classes: Optional[list] = field(default=None)
+    ontology_class_infos: list[dict] = field(default_factory=list)
     
     def __post_init__(self):
         """Validate configuration after initialization."""
diff --git a/api/app/schemas/memory_storage_schema.py b/api/app/schemas/memory_storage_schema.py
index 046b79e7..bfcf6337 100644
--- a/api/app/schemas/memory_storage_schema.py
+++ b/api/app/schemas/memory_storage_schema.py
@@ -8,9 +8,6 @@ import uuid
 from pydantic import BaseModel, Field, ConfigDict, field_validator, model_validator
 
 
-
-
-
 # ============================================================================
 # 从 json_schema.py 迁移的 Schema
 # ============================================================================
@@ -58,10 +55,13 @@ class MemoryVerifySchema(BaseModel):
 
 class ConflictResultSchema(BaseModel):
     """Schema for the conflict result data in the reflexion_data.json file."""
-    data: List[BaseDataSchema] = Field(..., description="The conflict memory data. Only contains conflicting records when conflict is True.")
+    data: List[BaseDataSchema] = Field(...,
+                                       description="The conflict memory data. Only contains conflicting records when conflict is True.")
     conflict: bool = Field(..., description="Whether the memory is in conflict.")
-    quality_assessment: Optional[QualityAssessmentSchema] = Field(None, description="The quality assessment object. Contains score and summary when quality_assessment is enabled, null otherwise.")
-    memory_verify: Optional[MemoryVerifySchema] = Field(None, description="The memory privacy verification object. Contains privacy detection results when memory_verify is enabled, null otherwise.")
+    quality_assessment: Optional[QualityAssessmentSchema] = Field(None,
+                                                                  description="The quality assessment object. Contains score and summary when quality_assessment is enabled, null otherwise.")
+    memory_verify: Optional[MemoryVerifySchema] = Field(None,
+                                                        description="The memory privacy verification object. Contains privacy detection results when memory_verify is enabled, null otherwise.")
 
     @model_validator(mode="before")
     def _normalize_data(cls, v):
@@ -101,16 +101,19 @@ class ChangeRecordSchema(BaseModel):
     - entity2等嵌套对象的字段也遵循 [old_value, new_value] 格式
     """
     field: List[Dict[str, Any]] = Field(
-        ..., 
+        ...,
         description="List of field changes. First item: {id: value}, followed by changed fields as {field_name: [old_value, new_value]} or {field_name: new_value} or nested structures like {entity2: {field_name: [old, new]}}"
     )
 
+
 class ResolvedSchema(BaseModel):
     """Schema for the resolved memory data in the reflexion_data"""
     original_memory_id: Optional[str] = Field(None, description="The original memory identifier.")
     # resolved_memory: Optional[BaseDataSchema] = Field(None, description="The resolved memory data (only contains records that need modification).")
-    resolved_memory: Optional[Union[BaseDataSchema, List[BaseDataSchema]]] = Field(None, description="The resolved memory data (only contains records that need modification). Can be a single record or list of records.")
-    change: Optional[List[ChangeRecordSchema]] = Field(None, description="List of detailed change records with IDs and field information.")
+    resolved_memory: Optional[Union[BaseDataSchema, List[BaseDataSchema]]] = Field(None,
+                                                                                   description="The resolved memory data (only contains records that need modification). Can be a single record or list of records.")
+    change: Optional[List[ChangeRecordSchema]] = Field(None,
+                                                       description="List of detailed change records with IDs and field information.")
 
 
 class SingleReflexionResultSchema(BaseModel):
@@ -120,9 +123,11 @@ class SingleReflexionResultSchema(BaseModel):
     resolved: Optional[ResolvedSchema] = Field(None, description="The resolved memory data for this conflict.")
     type: str = Field("reflexion_result", description="The type identifier.")
 
+
 class ReflexionResultSchema(BaseModel):
     """Schema for the complete reflexion result data - a list of individual conflict resolutions."""
-    results: List[SingleReflexionResultSchema] = Field(..., description="List of individual conflict resolution results, grouped by conflict type.")
+    results: List[SingleReflexionResultSchema] = Field(...,
+                                                       description="List of individual conflict resolution results, grouped by conflict type.")
 
     @model_validator(mode="before")
     def _normalize_resolved(cls, v):
@@ -147,9 +152,9 @@ class ReflexionResultSchema(BaseModel):
 # Composite key identifying a config row
 class ConfigKey(BaseModel):  # 配置参数键模型
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    config_id:Union[uuid.UUID, int, str] = Field(..., description="配置唯一标识（UUID或int)")
-    user_id: str = Field("user_id", description="用户标识（字符串）")
-    apply_id: str = Field("apply_id", description="应用或场景标识（字符串）")
+    config_id: Union[uuid.UUID, int, str] = Field(..., description="配置唯一标识（UUID或int)")
+    user_id: str | None = Field(default=None, description="用户标识（字符串）")
+    apply_id: str | None = Field(default=None, description="应用或场景标识（字符串）")
 
 
 # Allowed chunking strategies (extendable later)
@@ -228,23 +233,25 @@ class ConfigParamsCreate(BaseModel):  # 创建配置参数模型（仅 body，
     config_name: str = Field("配置名称", description="配置名称（字符串）")
     config_desc: str = Field("配置描述", description="配置描述（字符串）")
     workspace_id: Optional[uuid.UUID] = Field(None, description="工作空间ID（UUID）")
-    
+
     # 本体场景关联（可选）
     scene_id: Optional[uuid.UUID] = Field(None, description="本体场景ID（UUID），关联ontology_scene表")
-    
+
     # 语义剪枝场景（由 service 层根据 scene_id 自动推导，值为关联场景的 scene_name，前端无需传入）
     pruning_scene: Optional[str] = Field(None, description="语义剪枝场景，由 scene_id 对应的 scene_name 自动填充")
-    
+
     # 模型配置字段（可选，用于手动指定或自动填充）
     llm_id: Optional[str] = Field(None, description="LLM模型配置ID")
     embedding_id: Optional[str] = Field(None, description="嵌入模型配置ID")
     rerank_id: Optional[str] = Field(None, description="重排序模型配置ID")
     reflection_model_id: Optional[str] = Field(None, description="反思模型ID，默认与llm_id一致")
     emotion_model_id: Optional[str] = Field(None, description="情绪分析模型ID，默认与llm_id一致")
+
+
 class ConfigParamsDelete(BaseModel):  # 删除配置参数模型（请求体）
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
     # config_name: str = Field("配置名称", description="配置名称（字符串）")
-    config_id:Union[uuid.UUID, int, str]  = Field(..., description="配置ID（支持UUID、整数或字符串）")
+    config_id: Union[uuid.UUID, int, str] = Field(..., description="配置ID（支持UUID、整数或字符串）")
 
 
 class ConfigUpdate(BaseModel):  # 更新记忆萃取引擎配置参数时使用的模型
@@ -255,8 +262,11 @@ class ConfigUpdate(BaseModel):  # 更新记忆萃取引擎配置参数时使用
 
 
 class ConfigUpdateExtracted(BaseModel):  # 更新记忆萃取引擎配置参数时使用的模型
-    config_id:Union[uuid.UUID, int, str]  = None
+    config_id: Union[uuid.UUID, int, str] = None
     llm_id: Optional[str] = Field(None, description="LLM模型配置ID")
+    audio_id: Optional[str] = Field(None, description="语音模型ID")
+    vision_id: Optional[str] = Field(None, description="视觉模型ID")
+    video_id: Optional[str] = Field(None, description="视频模型ID")
     embedding_id: Optional[str] = Field(None, description="嵌入模型配置ID")
     rerank_id: Optional[str] = Field(None, description="重排序模型配置ID")
     enable_llm_dedup_blockwise: Optional[bool] = None
@@ -322,14 +332,14 @@ class ConfigUpdateExtracted(BaseModel):  # 更新记忆萃取引擎配置参数
 
 class ConfigUpdateForget(BaseModel):  # 更新遗忘引擎配置参数时使用的模型
     # 遗忘引擎配置参数更新模型
-    config_id:Union[uuid.UUID, int, str]  = None
+    config_id: Union[uuid.UUID, int, str] = None
     lambda_time: Optional[float] = Field(0.5, ge=0.0, le=1.0, description="最低保持度，0-1 小数；默认 0.5")
     lambda_mem: Optional[float] = Field(0.5, ge=0.0, le=1.0, description="遗忘率，0-1 小数；默认 0.5")
     offset: Optional[float] = Field(0.0, ge=0.0, le=1.0, description="偏移度，0-1 小数；默认 0.0")
 
 
 class ConfigPilotRun(BaseModel):  # 试运行触发请求模型
-    config_id:Union[uuid.UUID, int, str] = Field(..., description="配置ID（唯一，支持UUID、整数或字符串）")
+    config_id: Union[uuid.UUID, int, str] = Field(..., description="配置ID（唯一，支持UUID、整数或字符串）")
     dialogue_text: str = Field(..., description="前端传入的对话文本，格式如 '用户: ...\nAI: ...' 可多行，试运行必填")
     custom_text: Optional[str] = Field(None, description="自定义输入文本，当配置关联本体场景时使用此字段进行试运行")
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
@@ -364,11 +374,11 @@ def ok(msg: str = "OK", data: Optional[Any] = None, time: Optional[int] = None)
 
 
 def fail(
-    msg: str,
-    error_code: str = "ERROR",
-    data: Optional[Any] = None,
-    time: Optional[int] = None,
-    query_preview: Optional[str] = None,
+        msg: str,
+        error_code: str = "ERROR",
+        data: Optional[Any] = None,
+        time: Optional[int] = None,
+        query_preview: Optional[str] = None,
 ) -> ApiResponse:
     payload = data
     if query_preview is not None:
@@ -387,12 +397,13 @@ def fail(
         time=time or _now_ms(),
     )
 
+
 class GenerateCacheRequest(BaseModel):
     """缓存生成请求模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     end_user_id: Optional[str] = Field(
-        None, 
+        None,
         description="终端用户ID（UUID格式）。如果提供，只为该用户生成；如果不提供，为当前工作空间的所有用户生成"
     )
 
@@ -404,7 +415,7 @@ class GenerateCacheRequest(BaseModel):
 class ForgettingTriggerRequest(BaseModel):
     """手动触发遗忘周期请求模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     end_user_id: str = Field(..., description="组ID（即终端用户ID，必填）")
     max_merge_batch_size: int = Field(100, ge=1, le=1000, description="单次最大融合节点对数（默认100）")
     min_days_since_access: int = Field(30, ge=1, le=365, description="最小未访问天数（默认30天）")
@@ -413,7 +424,7 @@ class ForgettingTriggerRequest(BaseModel):
 class ForgettingConfigResponse(BaseModel):
     """遗忘引擎配置响应模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     config_id: Union[uuid.UUID, int, str] = Field(..., description="配置ID（支持UUID、整数或字符串）")
     decay_constant: float = Field(..., description="衰减常数 d")
     lambda_time: float = Field(..., description="时间衰减参数")
@@ -432,7 +443,7 @@ class ForgettingConfigUpdateRequest(BaseModel):
     """遗忘引擎配置更新请求模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
 
-    config_id: Union[uuid.UUID, int,str] = Field(..., description="配置唯一标识（UUID或int)")
+    config_id: Union[uuid.UUID, int, str] = Field(..., description="配置唯一标识（UUID或int)")
     decay_constant: Optional[float] = Field(None, ge=0.0, le=1.0, description="衰减常数 d")
     lambda_time: Optional[float] = Field(None, ge=0.0, le=1.0, description="时间衰减参数")
     lambda_mem: Optional[float] = Field(None, ge=0.0, le=1.0, description="记忆衰减参数")
@@ -448,7 +459,7 @@ class ForgettingConfigUpdateRequest(BaseModel):
 class ForgettingCycleHistoryPoint(BaseModel):
     """遗忘周期历史数据点模型（用于趋势图）"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     date: str = Field(..., description="日期（格式: '1/1', '1/2'）")
     merged_count: int = Field(..., description="每日融合节点数")
     average_activation: Optional[float] = Field(None, description="平均激活值")
@@ -459,7 +470,7 @@ class ForgettingCycleHistoryPoint(BaseModel):
 class PendingForgettingNode(BaseModel):
     """待遗忘节点模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     node_id: str = Field(..., description="节点ID")
     node_type: str = Field(..., description="节点类型：statement/entity/summary")
     content_summary: str = Field(..., description="内容摘要")
@@ -467,20 +478,36 @@ class PendingForgettingNode(BaseModel):
     last_access_time: int = Field(..., description="最后访问时间（Unix时间戳，秒）")
 
 
+class PageInfo(BaseModel):
+    """分页信息模型"""
+    model_config = ConfigDict(populate_by_name=True, extra="forbid")
+    page: int = Field(..., description="当前页码（从1开始）")
+    pagesize: int = Field(..., description="每页数量")
+    total: int = Field(..., description="总记录数")
+    hasnext: bool = Field(..., description="是否有下一页")
+
+
+class PendingNodesResponse(BaseModel):
+    """待遗忘节点列表响应模型（独立分页接口）"""
+    model_config = ConfigDict(populate_by_name=True, extra="forbid")
+    items: List[PendingForgettingNode] = Field(..., description="待遗忘节点列表")
+    page: PageInfo = Field(..., description="分页信息")
+
+
 class ForgettingStatsResponse(BaseModel):
     """遗忘引擎统计信息响应模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
     activation_metrics: Dict[str, Any] = Field(..., description="激活值相关指标")
     node_distribution: Dict[str, int] = Field(..., description="节点类型分布")
-    recent_trends: List[ForgettingCycleHistoryPoint] = Field(..., description="最近7个日期的遗忘趋势数据（每天取最后一次执行）")
-    pending_nodes: List[PendingForgettingNode] = Field(..., description="待遗忘节点列表（前20个满足遗忘条件的节点）")
+    recent_trends: List[ForgettingCycleHistoryPoint] = Field(...,
+                                                             description="最近7个日期的遗忘趋势数据（每天取最后一次执行）")
     timestamp: int = Field(..., description="统计时间（时间戳）")
 
 
 class ForgettingReportResponse(BaseModel):
     """遗忘周期报告响应模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     merged_count: int = Field(..., description="融合的节点对数量")
     nodes_before: int = Field(..., description="遗忘前的节点总数")
     nodes_after: int = Field(..., description="遗忘后的节点总数")
@@ -495,7 +522,7 @@ class ForgettingReportResponse(BaseModel):
 class ForgettingCurvePoint(BaseModel):
     """遗忘曲线数据点模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     day: int = Field(..., description="天数")
     activation: float = Field(..., description="激活值")
     retention_rate: float = Field(..., description="保持率（与激活值相同）")
@@ -504,7 +531,7 @@ class ForgettingCurvePoint(BaseModel):
 class ForgettingCurveRequest(BaseModel):
     """遗忘曲线请求模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     importance_score: float = Field(0.5, ge=0.0, le=1.0, description="重要性分数（0-1）")
     days: int = Field(60, ge=1, le=365, description="模拟天数（默认60天）")
     config_id: Union[uuid.UUID, int, str] = Field(..., description="配置唯一标识（UUID或int)")
@@ -513,6 +540,6 @@ class ForgettingCurveRequest(BaseModel):
 class ForgettingCurveResponse(BaseModel):
     """遗忘曲线响应模型"""
     model_config = ConfigDict(populate_by_name=True, extra="forbid")
-    
+
     curve_data: List[ForgettingCurvePoint] = Field(..., description="遗忘曲线数据点列表")
     config: Dict[str, Any] = Field(..., description="使用的配置参数")
diff --git a/api/app/schemas/model_schema.py b/api/app/schemas/model_schema.py
index 058f082d..668a84a8 100644
--- a/api/app/schemas/model_schema.py
+++ b/api/app/schemas/model_schema.py
@@ -81,6 +81,12 @@ class ModelConfig(ModelConfigBase):
     updated_at: datetime.datetime
     api_keys: List["ModelApiKey"] = []
 
+    @staticmethod
+    def mask_api_key(key: str, prefix: int = 4, suffix: int = 4) -> str:
+        if not key or len(key) <= prefix + suffix:
+            return "*" * len(key)
+        return key[:prefix] + "*" * (len(key) - prefix - suffix) + key[-suffix:]
+
     @field_validator("api_keys", mode="after")
     @classmethod
     def filter_active_api_keys(cls, api_keys: List["ModelApiKey"]) -> List["ModelApiKey"]:
@@ -90,6 +96,15 @@ class ModelConfig(ModelConfigBase):
     def _serialize_created_at(self, dt: datetime.datetime | None):
         return int(dt.timestamp() * 1000) if dt else None
 
+    @field_serializer("api_keys", when_used="json")
+    def _serialize_api_keys(self, api_keys: List["ModelApiKey"]):
+        result = []
+        for api_key in api_keys:
+            data = api_key.model_dump()
+            data["api_key"] = self.mask_api_key(api_key.api_key)
+            result.append(data)
+        return result
+
     @field_serializer("updated_at", when_used="json")
     def _serialize_updated_at(self, dt: datetime.datetime):
         return int(dt.timestamp() * 1000) if dt else None
@@ -165,20 +180,20 @@ class ModelApiKey(ModelApiKeyBase):
                 if hasattr(self.model_configs, '__iter__') and not isinstance(self.model_configs, dict):
                     self.model_config_ids = [
                         mc.id for mc in self.model_configs
-                        if hasattr(mc, 'id') 
-                        and not getattr(mc, 'is_composite', False)
-                        and getattr(mc, 'name', None) == self.model_name
+                        if hasattr(mc, 'id')
+                           and not getattr(mc, 'is_composite', False)
+                           and getattr(mc, 'name', None) == self.model_name
                     ]
                 # 情况2：字典列表
                 elif isinstance(self.model_configs, list):
                     self.model_config_ids = [
                         mc['id'] if isinstance(mc, dict) else mc.id
                         for mc in self.model_configs
-                        if ((isinstance(mc, dict) 
-                             and 'id' in mc 
+                        if ((isinstance(mc, dict)
+                             and 'id' in mc
                              and not mc.get('is_composite', False)
-                             and mc.get('name') == self.model_name) or 
-                            (hasattr(mc, 'id') 
+                             and mc.get('name') == self.model_name) or
+                            (hasattr(mc, 'id')
                              and not getattr(mc, 'is_composite', False)
                              and getattr(mc, 'name', None) == self.model_name))
                     ]
@@ -193,11 +208,10 @@ class ModelApiKey(ModelApiKeyBase):
         validate_assignment=True  # 确保赋值触发校验
     )
 
-
     @field_serializer("created_at", when_used="json")
     def _serialize_created_at(self, dt: datetime.datetime):
         return int(dt.timestamp() * 1000) if dt else None
-    
+
     @field_serializer("updated_at", when_used="json")
     def _serialize_updated_at(self, dt: datetime.datetime):
         return int(dt.timestamp() * 1000) if dt else None
@@ -211,6 +225,7 @@ class ModelConfigQuery(BaseModel):
     """模型配置查询Schema"""
     type: Optional[List[ModelType]] = Field(None, description="模型类型筛选（支持多个）")
     provider: Optional[ModelProvider] = Field(None, description="提供商筛选(通过API Key)")
+    capability: Optional[List[str]] = Field(None, description="能力筛选（支持多个）")
     is_active: Optional[bool] = Field(None, description="激活状态筛选")
     is_public: Optional[bool] = Field(None, description="公开状态筛选")
     search: Optional[str] = Field(None, description="搜索关键词", max_length=255)
@@ -228,6 +243,7 @@ class ModelConfigQueryNew(BaseModel):
     is_composite: Optional[bool] = Field(None, description="组合模型筛选")
     search: Optional[str] = Field(None, description="搜索关键词", max_length=255)
 
+
 class ModelMarketplace(BaseModel):
     """模型广场响应Schema"""
     llm_models: List[ModelConfig] = []
@@ -304,7 +320,7 @@ class ModelBaseUpdate(BaseModel):
 class ModelBase(BaseModel):
     """基础模型Schema"""
     model_config = ConfigDict(from_attributes=True)
-    
+
     id: uuid.UUID
     name: str
     type: str
@@ -327,6 +343,7 @@ class ModelBaseQuery(BaseModel):
     is_deprecated: Optional[bool] = Field(None, description="是否弃用")
     search: Optional[str] = Field(None, description="搜索关键词", max_length=255)
 
+
 class ModelInfo(BaseModel):
     """模型信息Schema"""
     model_name: str = Field(..., description="模型名称")
@@ -336,4 +353,3 @@ class ModelInfo(BaseModel):
     is_omni: bool = Field(default=False, description="是否为omni模型")
     model_type: ModelType = Field(..., description="模型类型")
     capability: List[str] = Field(default_factory=list, description="模型能力列表")
-
diff --git a/api/app/schemas/user_schema.py b/api/app/schemas/user_schema.py
index 6b880696..aa9ac256 100644
--- a/api/app/schemas/user_schema.py
+++ b/api/app/schemas/user_schema.py
@@ -1,6 +1,6 @@
 from dataclasses import field
 from pydantic import BaseModel, EmailStr, Field, field_validator, validator, ConfigDict
-from typing import Optional
+from typing import Optional, List
 import datetime
 import uuid
 
@@ -20,6 +20,7 @@ class UserCreate(UserBase):
 class UserUpdate(BaseModel):
     username: Optional[str] = None
     email: Optional[EmailStr] = None
+    phone: Optional[str] = None
     is_active: Optional[bool] = None
     is_superuser: Optional[bool] = None
 
@@ -85,6 +86,8 @@ class User(UserBase):
     current_workspace_name: Optional[str] = None
     role: Optional[WorkspaceRole] = None
     preferred_language: Optional[str] = "zh"  # 用户语言偏好
+    phone: Optional[str] = None  # 用户电话
+    permissions: Optional[List[str]] = None  # 用户权限列表，由 external_source 的 permissions 控制
 
     # 将 datetime 转换为毫秒时间戳
     @validator("created_at", pre=True)
diff --git a/api/app/services/app_chat_service.py b/api/app/services/app_chat_service.py
index 6fcf680b..bdccd787 100644
--- a/api/app/services/app_chat_service.py
+++ b/api/app/services/app_chat_service.py
@@ -93,7 +93,8 @@ class AppChatService:
         tools.extend(skill_tools)
         if skill_prompts:
             system_prompt = f"{system_prompt}\n\n{skill_prompts}"
-        tools.extend(self.agent_service.load_knowledge_retrieval_config(config.knowledge_retrieval, user_id))
+        kb_tools, citations_collector = self.agent_service.load_knowledge_retrieval_config(config.knowledge_retrieval, user_id)
+        tools.extend(kb_tools)
         memory_flag = False
         if memory:
             memory_tools, memory_flag = self.agent_service.load_memory_config(
@@ -128,46 +129,38 @@ class AppChatService:
             model_type=ModelType.LLM
         )
 
-        # 加载历史消息
-        messages = self.conversation_service.get_messages(
+        # 加载历史消息（包含开场白）
+        history = await self.conversation_service.get_conversation_history(
             conversation_id=conversation_id,
-            limit=10
+            max_history=10,
+            current_provider=api_key_obj.provider,
+            current_is_omni=api_key_obj.is_omni
         )
-        history = []
-        for msg in messages:
-            content = [{"type": "text", "text": msg.content}]
 
-            # 处理 meta_data 中的 files
-            if msg.meta_data and msg.meta_data.get("files"):
-                files = msg.meta_data.get("files", [])
-                # 使用 MultimodalService 处理文件
-                multimodal_service = MultimodalService(self.db, api_config=model_info)
-
-                # 将 files 转换为 FileInput 格式
-                file_inputs = []
-                for file in files:
-                    from app.schemas.app_schema import FileInput, TransferMethod
-                    file_input = FileInput(
-                        type=file.get("type"),
-                        transfer_method=TransferMethod.REMOTE_URL,
-                        url=file.get("url")
-                    )
-                    file_inputs.append(file_input)
-
-                history_processed_files = await multimodal_service.history_process_files(files=file_inputs)
-
-                content.extend(history_processed_files)
-
-            history.append({
-                "role": msg.role,
-                "content": content
-            })
+        # 如果是新会话且有开场白，作为第一条 assistant 消息写入数据库
+        is_new_conversation = len(history) == 0
+        if is_new_conversation:
+            opening, suggested_questions = self.agent_service._get_opening_statement(features_config, True, variables)
+            if opening:
+                self.conversation_service.add_message(
+                    conversation_id=conversation_id,
+                    role="assistant",
+                    content=opening,
+                    meta_data={"suggested_questions": suggested_questions}
+                )
+                # 重新加载历史（包含刚写入的开场白）
+                history = await self.conversation_service.get_conversation_history(
+                    conversation_id=conversation_id,
+                    max_history=10,
+                    current_provider=api_key_obj.provider,
+                    current_is_omni=api_key_obj.is_omni
+                )
 
         # 处理多模态文件
         processed_files = None
         if files:
             multimodal_service = MultimodalService(self.db, model_info)
-            processed_files = await multimodal_service.process_files(user_id, files)
+            processed_files = await multimodal_service.process_files(files)
             logger.info(f"处理了 {len(processed_files)} 个文件")
 
         # 调用 Agent（支持多模态）
@@ -204,14 +197,19 @@ class AppChatService:
             tenant_id=tenant_id, workspace_id=workspace_id
         )
 
+        # 过滤 citations（只调用一次）
+        filtered_citations = self.agent_service._filter_citations(features_config, citations_collector)
+
         # 构建用户消息内容（含多模态文件）
         human_meta = {
-            "files": []
+            "files": [],
+            "history_files": {}
         }
         assistant_meta = {
             "model": api_key_obj.model_name,
             "usage": result.get("usage", {"prompt_tokens": 0, "completion_tokens": 0, "total_tokens": 0}),
-            "audio_url": None
+            "audio_url": None,
+            "citations": filtered_citations
         }
         if files:
             for f in files:
@@ -221,6 +219,13 @@ class AppChatService:
                     "url": f.url
                 })
 
+        if processed_files:
+            human_meta["history_files"] = {
+                "content": processed_files,
+                "provider": api_key_obj.provider,
+                "is_omni": api_key_obj.is_omni
+            }
+
         # 保存消息
         if audio_url:
             assistant_meta["audio_url"] = audio_url
@@ -249,8 +254,9 @@ class AppChatService:
             }),
             "elapsed_time": elapsed_time,
             "suggested_questions": suggested_questions,
-            "citations": self.agent_service._filter_citations(features_config, result.get("citations", [])),
+            "citations": filtered_citations,
             "audio_url": audio_url,
+            "audio_status": "pending"
         }
 
     async def agnet_chat_stream(
@@ -313,7 +319,8 @@ class AppChatService:
             tools.extend(skill_tools)
             if skill_prompts:
                 system_prompt = f"{system_prompt}\n\n{skill_prompts}"
-            tools.extend(self.agent_service.load_knowledge_retrieval_config(config.knowledge_retrieval, user_id))
+            kb_tools, citations_collector = self.agent_service.load_knowledge_retrieval_config(config.knowledge_retrieval, user_id)
+            tools.extend(kb_tools)
             # 添加长期记忆工具
             memory_flag = False
             if memory:
@@ -349,46 +356,38 @@ class AppChatService:
                 model_type=ModelType.LLM
             )
 
-            # 加载历史消息
-            messages = self.conversation_service.get_messages(
+            # 加载历史消息（包含开场白）
+            history = await self.conversation_service.get_conversation_history(
                 conversation_id=conversation_id,
-                limit=10
+                max_history=10,
+                current_provider=api_key_obj.provider,
+                current_is_omni=api_key_obj.is_omni
             )
-            history = []
-            for msg in messages:
-                content = [{"type": "text", "text": msg.content}]
 
-                # 处理 meta_data 中的 files
-                if msg.meta_data and msg.meta_data.get("files"):
-                    history_files = msg.meta_data.get("files", [])
-                    # 使用 MultimodalService 处理文件
-                    multimodal_service = MultimodalService(self.db, api_config=model_info)
-
-                    # 将 files 转换为 FileInput 格式
-                    file_inputs = []
-                    for file in history_files:
-                        from app.schemas.app_schema import FileInput, TransferMethod
-                        file_input = FileInput(
-                            type=file.get("type"),
-                            transfer_method=TransferMethod.REMOTE_URL,
-                            url=file.get("url")
-                        )
-                        file_inputs.append(file_input)
-
-                    history_processed_files = await multimodal_service.history_process_files(files=file_inputs)
-
-                    content.extend(history_processed_files)
-
-                history.append({
-                    "role": msg.role,
-                    "content": content
-                })
+            # 如果是新会话且有开场白，作为第一条 assistant 消息写入数据库
+            is_new_conversation = len(history) == 0
+            if is_new_conversation:
+                opening, suggested_questions = self.agent_service._get_opening_statement(features_config, True, variables)
+                if opening:
+                    self.conversation_service.add_message(
+                        conversation_id=conversation_id,
+                        role="assistant",
+                        content=opening,
+                        meta_data={"suggested_questions": suggested_questions}
+                    )
+                    # 重新加载历史（包含刚写入的开场白）
+                    history = await self.conversation_service.get_conversation_history(
+                        conversation_id=conversation_id,
+                        max_history=10,
+                        current_provider=api_key_obj.provider,
+                        current_is_omni=api_key_obj.is_omni
+                    )
 
             # 处理多模态文件
             processed_files = None
             if files:
                 multimodal_service = MultimodalService(self.db, model_info)
-                processed_files = await multimodal_service.process_files(user_id, files)
+                processed_files = await multimodal_service.process_files(files)
                 logger.info(f"处理了 {len(processed_files)} 个文件")
 
             # 流式调用 Agent（支持多模态），同时并行启动 TTS
@@ -433,7 +432,7 @@ class AppChatService:
             elapsed_time = time.time() - start_time
             ModelApiKeyService.record_api_key_usage(self.db, api_key_obj.id)
 
-            # 发送结束事件（包含 suggested_questions、tts、citations）
+            # 发送结束事件（包含 suggested_questions、tts、audio_status、citations）
             end_data: dict = {"elapsed_time": elapsed_time, "message_length": len(full_content), "error": None}
             sq_config = features_config.get("suggested_questions_after_answer", {})
             if isinstance(sq_config, dict) and sq_config.get("enabled"):
@@ -443,25 +442,45 @@ class AppChatService:
                      "api_base": api_key_obj.api_base}, {}
                 )
             end_data["audio_url"] = stream_audio_url
-            end_data["citations"] = self.agent_service._filter_citations(features_config, [])
+            # 检查TTS是否已完成（非阻塞，不取消任务）
+            audio_status = "pending"
+            if tts_task is not None and tts_task.done():
+                # 任务已完成，检查是否有异常
+                try:
+                    tts_task.result()
+                    audio_status = "completed"
+                except Exception as e:
+                    logger.warning(f"TTS任务异常: {e}")
+                    audio_status = "failed"
+            end_data["audio_status"] = audio_status if stream_audio_url else None
+            # 过滤 citations（只调用一次）
+            filtered_citations = self.agent_service._filter_citations(features_config, citations_collector)
+            end_data["citations"] = filtered_citations
 
             # 保存消息
             human_meta = {
-                "files":[]
+                "files":[],
+                "history_files": {}
             }
             assistant_meta = {
                 "model": api_key_obj.model_name,
                 "usage": {"prompt_tokens": 0, "completion_tokens": 0, "total_tokens": total_tokens},
-                "audio_url": None
+                "audio_url": None,
+                "citations": filtered_citations
             }
 
             if files:
                 for f in files:
-                    # url = await MultimodalService(self.db).get_file_url(f)
                     human_meta["files"].append({
                         "type": f.type,
                         "url": f.url
                     })
+            if processed_files:
+                human_meta["history_files"] = {
+                    "content": processed_files,
+                    "provider": api_key_obj.provider,
+                    "is_omni": api_key_obj.is_omni
+                }
 
             if stream_audio_url:
                 assistant_meta["audio_url"] = stream_audio_url
diff --git a/api/app/services/app_log_service.py b/api/app/services/app_log_service.py
new file mode 100644
index 00000000..856045d1
--- /dev/null
+++ b/api/app/services/app_log_service.py
@@ -0,0 +1,128 @@
+"""应用日志服务层"""
+import uuid
+from typing import Optional, Tuple
+from datetime import datetime
+
+from sqlalchemy.orm import Session
+
+from app.core.logging_config import get_business_logger
+from app.models.conversation_model import Conversation, Message
+from app.repositories.conversation_repository import ConversationRepository, MessageRepository
+
+logger = get_business_logger()
+
+
+class AppLogService:
+    """应用日志服务"""
+
+    def __init__(self, db: Session):
+        self.db = db
+        self.conversation_repository = ConversationRepository(db)
+        self.message_repository = MessageRepository(db)
+
+    def list_conversations(
+        self,
+        app_id: uuid.UUID,
+        workspace_id: uuid.UUID,
+        page: int = 1,
+        pagesize: int = 20,
+        is_draft: Optional[bool] = None,
+    ) -> Tuple[list[Conversation], int]:
+        """
+        查询应用日志会话列表
+
+        Args:
+            app_id: 应用 ID
+            workspace_id: 工作空间 ID
+            page: 页码（从 1 开始）
+            pagesize: 每页数量
+            is_draft: 是否草稿会话（None 表示不过滤）
+
+        Returns:
+            Tuple[list[Conversation], int]: (会话列表，总数)
+        """
+        logger.info(
+            "查询应用日志会话列表",
+            extra={
+                "app_id": str(app_id),
+                "workspace_id": str(workspace_id),
+                "page": page,
+                "pagesize": pagesize,
+                "is_draft": is_draft
+            }
+        )
+
+        # 使用 Repository 查询
+        conversations, total = self.conversation_repository.list_app_conversations(
+            app_id=app_id,
+            workspace_id=workspace_id,
+            is_draft=is_draft,
+            page=page,
+            pagesize=pagesize
+        )
+
+        logger.info(
+            "查询应用日志会话列表成功",
+            extra={
+                "app_id": str(app_id),
+                "total": total,
+                "returned": len(conversations)
+            }
+        )
+
+        return conversations, total
+
+    def get_conversation_detail(
+        self,
+        app_id: uuid.UUID,
+        conversation_id: uuid.UUID,
+        workspace_id: uuid.UUID
+    ) -> Conversation:
+        """
+        查询会话详情（包含消息）
+
+        Args:
+            app_id: 应用 ID
+            conversation_id: 会话 ID
+            workspace_id: 工作空间 ID
+
+        Returns:
+            Conversation: 包含消息的会话对象
+
+        Raises:
+            ResourceNotFoundException: 当会话不存在时
+        """
+        logger.info(
+            "查询应用日志会话详情",
+            extra={
+                "app_id": str(app_id),
+                "conversation_id": str(conversation_id),
+                "workspace_id": str(workspace_id)
+            }
+        )
+
+        # 查询会话
+        conversation = self.conversation_repository.get_conversation_for_app_log(
+            conversation_id=conversation_id,
+            app_id=app_id,
+            workspace_id=workspace_id
+        )
+
+        # 查询消息（按时间正序）
+        messages = self.message_repository.get_messages_by_conversation(
+            conversation_id=conversation_id
+        )
+
+        # 将消息附加到会话对象
+        conversation.messages = messages
+
+        logger.info(
+            "查询应用日志会话详情成功",
+            extra={
+                "app_id": str(app_id),
+                "conversation_id": str(conversation_id),
+                "message_count": len(messages)
+            }
+        )
+
+        return conversation
diff --git a/api/app/services/app_service.py b/api/app/services/app_service.py
index 19aaac42..377f9479 100644
--- a/api/app/services/app_service.py
+++ b/api/app/services/app_service.py
@@ -1084,7 +1084,6 @@ class AppService:
                 if not exists:
                     cleaned["memory_config_id"] = None
                     cleaned.pop("memory_content", None)
-                    cleaned["enabled"] = False
                 return cleaned
 
             exists = self.db.query(
@@ -1096,7 +1095,6 @@ class AppService:
             if not exists:
                 cleaned["memory_config_id"] = None
                 cleaned.pop("memory_content", None)
-                cleaned["enabled"] = False
 
         return cleaned
 
@@ -1638,7 +1636,7 @@ class AppService:
 
     # ==================== 记忆配置提取方法 ====================
 
-    def _extract_memory_config_id(
+    def _get_memory_config_id_from_release(
             self,
             app_type: str,
             config: Dict[str, Any]
@@ -1684,15 +1682,15 @@ class AppService:
 
         return config.config_id
 
-    def _update_endusers_memory_config_by_workspace(
+    def _update_endusers_memory_config_by_app(
             self,
-            workspace_id: uuid.UUID,
+            app_id: uuid.UUID,
             memory_config_id: uuid.UUID
     ) -> int:
         """批量更新应用下所有终端用户的 memory_config_id
         
         Args:
-            workspace_id: 工作空间ID
+            app_id: 应用ID
             memory_config_id: 新的记忆配置ID
             
         Returns:
@@ -1701,8 +1699,8 @@ class AppService:
         from app.repositories.end_user_repository import EndUserRepository
 
         repo = EndUserRepository(self.db)
-        updated_count = repo.batch_update_memory_config_id_by_workspace(
-            workspace_id=workspace_id,
+        updated_count = repo.batch_update_memory_config_id_by_app(
+            app_id=app_id,
             memory_config_id=memory_config_id
         )
 
@@ -1753,12 +1751,16 @@ class AppService:
 
             miss_params = []
             if agent_cfg.default_model_config_id is None:
-                miss_params.append("model config")
+                miss_params.append("模型配置")
 
             if agent_cfg.memory.get("enabled") and not agent_cfg.memory.get("memory_config_id"):
-                miss_params.append("memory config")
+                miss_params.append("记忆配置")
             if miss_params:
-                raise BusinessException(f"{', '.join(miss_params)} is required")
+                raise BusinessException(
+                    f"应用发布失败：检测到以下必要配置尚未完成：{', '.join(miss_params)}。请返回应用编辑页面完成相关配置后再尝试发布。",
+                    BizCode.CONFIG_MISSING,
+                    context={"missing_params": miss_params},
+                )
 
             config = {
                 "system_prompt": agent_cfg.system_prompt,
@@ -1863,7 +1865,7 @@ class AppService:
         self.db.flush()  # 先 flush，确保 release 已插入数据库
 
         # 提取记忆配置ID并更新终端用户
-        memory_config_id, is_legacy_int = self._extract_memory_config_id(app.type, config)
+        memory_config_id, is_legacy_int = self._get_memory_config_id_from_release(app.type, config)
 
         # 如果检测到旧格式 int 数据，回退到工作空间默认配置
         if is_legacy_int and not memory_config_id:
@@ -1877,8 +1879,8 @@ class AppService:
         if memory_config_id:
             app = self.db.query(App).filter(App.id == app_id).first()
             if app:
-                updated_count = self._update_endusers_memory_config_by_workspace(
-                    app.workspace_id, memory_config_id
+                updated_count = self._update_endusers_memory_config_by_app(
+                    app_id, memory_config_id
                 )
                 logger.info(
                     f"发布时更新终端用户记忆配置: app_id={app_id}, workspace_id={app.workspace_id}, "
@@ -2001,7 +2003,7 @@ class AppService:
             raise ResourceNotFoundException("发布版本", f"app_id={app_id}, version={version}")
 
         # 提取记忆配置ID并更新终端用户
-        memory_config_id, is_legacy_int = self._extract_memory_config_id(release.type, release.config)
+        memory_config_id, is_legacy_int = self._get_memory_config_id_from_release(release.type, release.config)
 
         # 如果检测到旧格式 int 数据，回退到工作空间默认配置
         if is_legacy_int and not memory_config_id:
@@ -2014,7 +2016,7 @@ class AppService:
 
         if memory_config_id:
 
-            updated_count = self._update_endusers_memory_config_by_workspace(app.workspace_id, memory_config_id)
+            updated_count = self._update_endusers_memory_config_by_app(app_id, memory_config_id)
             logger.info(
                 f"回滚时更新终端用户记忆配置: app_id={app_id}, version={version}, "
                 f"memory_config_id={memory_config_id}, updated_count={updated_count}"
diff --git a/api/app/services/conversation_service.py b/api/app/services/conversation_service.py
index f8a01a40..bd7f7496 100644
--- a/api/app/services/conversation_service.py
+++ b/api/app/services/conversation_service.py
@@ -214,7 +214,7 @@ class ConversationService:
 
             conversation.message_count += 1
 
-            if conversation.message_count == 1 and role == "user":
+            if conversation.message_count <= 2 and role == "user":
                 conversation.title = (
                         content[:50] + ("..." if len(content) > 50 else "")
                 )
@@ -274,7 +274,8 @@ class ConversationService:
             self,
             conversation_id: uuid.UUID,
             max_history: Optional[int] = None,
-            api_config: Optional[ModelInfo] = None
+            current_provider: Optional[str] = None,
+            current_is_omni: Optional[bool] = None
     ) -> List[dict]:
         """
         Retrieve historical conversation messages formatted as dictionaries.
@@ -282,7 +283,8 @@ class ConversationService:
         Args:
             conversation_id (uuid.UUID): Conversation UUID.
             max_history (Optional[int]): Maximum number of messages to retrieve.
-            api_config (Optional[ModelInfo]): Model API configuration for multimodal processing.
+            current_provider (Optional[str]): Current provider for file handling.
+            current_is_omni (Optional[bool]): Current omni flag for file handling.
 
         Returns:
             List[dict]: List of message dictionaries with keys 'role' and 'content'.
@@ -292,38 +294,30 @@ class ConversationService:
             limit=max_history
         )
 
-        # 转换为字典格式
         history = []
         for msg in messages:
-            content = [{"type": "text", "text": msg.content}]
-            
-            # 处理 meta_data 中的 files
-            if msg.meta_data and msg.meta_data.get("files"):
-                files = msg.meta_data.get("files", [])
-                if api_config:
-                    # 使用 MultimodalService 处理文件
-                    from app.services.multimodal_service import MultimodalService
-                    multimodal_service = MultimodalService(self.db, api_config=api_config)
-                    
-                    # 将 files 转换为 FileInput 格式
-                    file_inputs = []
-                    for file in files:
-                        from app.schemas.app_schema import FileInput, TransferMethod
-                        file_input = FileInput(
-                            type=file.get("type"),
-                            transfer_method=TransferMethod.REMOTE_URL,
-                            url=file.get("url")
-                        )
-                        file_inputs.append(file_input)
-
-                    processed_files = await multimodal_service.history_process_files(files=file_inputs)
-
-                    content.extend(processed_files)
-            
-            history.append({
+            msg_dict = {
                 "role": msg.role,
-                "content": content
-            })
+                "content": [{"type": "text", "text": msg.content}]
+            }
+
+            # 处理用户消息中的多模态文件
+            if msg.role == "user" and msg.meta_data:
+                history_files = msg.meta_data.get("history_files", {})
+
+                if history_files and current_provider and current_is_omni is not None:
+                    # 检查是否需要重新处理文件
+                    stored_provider = history_files.get("provider")
+                    stored_is_omni = history_files.get("is_omni")
+
+                    # 如果provider或is_omni不匹配，需要重新处理
+                    if stored_provider != current_provider or stored_is_omni != current_is_omni:
+                        continue
+
+                    # provider和is_omni匹配，直接使用存储的内容
+                    msg_dict["content"].extend(history_files.get("content"))
+
+            history.append(msg_dict)
 
         return history
 
@@ -539,6 +533,7 @@ class ConversationService:
         provider = api_config.provider
         api_key = api_config.api_key
         api_base = api_config.api_base
+        is_omni = api_config.is_omni
         model_type = config.type
 
         llm = RedBearLLM(
@@ -546,7 +541,8 @@ class ConversationService:
                 model_name=model_name,
                 provider=provider,
                 api_key=api_key,
-                base_url=api_base
+                base_url=api_base,
+                is_omni=is_omni
             ),
             type=ModelType(model_type)
         )
@@ -554,15 +550,8 @@ class ConversationService:
         conversation_messages = await self.get_conversation_history(
             conversation_id=conversation_id,
             max_history=20,
-            api_config=ModelInfo(
-                model_name=model_name,
-                provider=provider,
-                api_key=api_key,
-                api_base=api_base,
-                capability=api_config.capability,
-                is_omni=api_config.is_omni,
-                model_type=model_type
-            )
+            current_provider=provider,
+            current_is_omni=is_omni
         )
         if len(conversation_messages) == 0:
             return ConversationOut(
diff --git a/api/app/services/draft_run_service.py b/api/app/services/draft_run_service.py
index 5989f0f8..c658cf93 100644
--- a/api/app/services/draft_run_service.py
+++ b/api/app/services/draft_run_service.py
@@ -26,7 +26,7 @@ from app.core.rag.nlp.search import knowledge_retrieval
 from app.db import get_db_context
 from app.models import AgentConfig, ModelConfig, ModelType
 from app.repositories.tool_repository import ToolRepository
-from app.schemas.app_schema import FileInput
+from app.schemas.app_schema import FileInput, Citation
 from app.schemas.model_schema import ModelInfo
 from app.schemas.prompt_schema import PromptMessageRole, render_prompt_message
 from app.services import task_service
@@ -190,13 +190,19 @@ def create_web_search_tool(web_search_config: Dict[str, Any]):
     return web_search_tool
 
 
-def create_knowledge_retrieval_tool(kb_config, kb_ids, user_id):
+def create_knowledge_retrieval_tool(kb_config, kb_ids, user_id, citations_collector: Optional[List[Citation]] = None):
     """从知识库中检索相关信息。当用户的问题需要参考知识库、文档或历史记录时，使用此工具进行检索。
 
     Args:
         kb_config: 知识库配置
         kb_ids: 知识库ID列表
         user_id: 用户ID
+        citations_collector: 用于收集引用信息的列表（由外部传入，tool 执行时填充）
+            列表元素类型为 Citation，包含字段：
+            - document_id: 文档唯一标识
+            - file_name: 文件名
+            - knowledge_id: 知识库 ID
+            - score: 检索相关性得分
 
     Returns:
         检索到的相关知识内容
@@ -229,6 +235,21 @@ def create_knowledge_retrieval_tool(kb_config, kb_ids, user_id):
                     }
                 )
 
+                # 收集引用信息
+                if citations_collector is not None:
+                    seen_doc_ids = {c.get("document_id") for c in citations_collector}
+                    for chunk in retrieve_chunks_result:
+                        meta = chunk.metadata or {}
+                        doc_id = meta.get("document_id") or meta.get("doc_id")
+                        if doc_id and doc_id not in seen_doc_ids:
+                            seen_doc_ids.add(doc_id)
+                            citations_collector.append(Citation(
+                                document_id=doc_id,
+                                file_name=meta.get("file_name", ""),
+                                knowledge_id=str(meta.get("knowledge_id", "")),
+                                score=meta.get("score", 0)
+                            ))
+
                 return f"检索到以下相关信息：\n\n{context}"
             else:
                 logger.warning("知识库检索未找到结果")
@@ -320,26 +341,26 @@ class AgentRunService:
             self,
             knowledge_retrieval_config: dict | None,
             user_id
-    ) -> list:
+    ) -> tuple[list, list]:
+        """返回 (tools, citations_collector)"""
         if not knowledge_retrieval_config:
-            return []
+            return [], []
 
+        citations_collector = []
         tools = []
         knowledge_bases = knowledge_retrieval_config.get("knowledge_bases", [])
-        kb_ids = bool(knowledge_bases and knowledge_bases[0].get("kb_id"))
+        kb_ids = [kb["kb_id"] for kb in knowledge_bases if kb.get("kb_id")]
         if kb_ids:
-            # 创建知识库检索工具
-            kb_tool = create_knowledge_retrieval_tool(knowledge_retrieval_config, kb_ids, user_id)
+            kb_tool = create_knowledge_retrieval_tool(
+                knowledge_retrieval_config, kb_ids, user_id,
+                citations_collector=citations_collector
+            )
             tools.append(kb_tool)
-
             logger.debug(
                 "已添加知识库检索工具",
-                extra={
-                    "kb_ids": kb_ids,
-                    "tool_count": len(tools)
-                }
+                extra={"kb_ids": kb_ids, "tool_count": len(tools)}
             )
-        return tools
+        return tools, citations_collector
 
     def load_memory_config(
             self,
@@ -424,29 +445,38 @@ class AgentRunService:
                     )
 
     @staticmethod
-    def _inject_opening_statement(
+    def _get_opening_statement(
             features_config: Dict[str, Any],
-            system_prompt: str,
-            is_new_conversation: bool
-    ) -> str:
-        """首轮对话时将开场白注入 system_prompt"""
+            is_new_conversation: bool,
+            variables: Optional[Dict[str, Any]] = None
+    ) -> tuple[Any, Any]:
+        """首轮对话时返回开场白文本（支持变量替换），否则返回 None"""
         if not is_new_conversation:
-            return system_prompt
+            return None, None
         opening = features_config.get("opening_statement", {})
         if not (isinstance(opening, dict) and opening.get("enabled") and opening.get("statement")):
-            return system_prompt
+            return None, None
+        
         statement = opening["statement"]
-        return f"{system_prompt}\n\n[对话开场白]\n{statement}"
+        suggested_questions = opening["suggested_questions"]
+        
+        # 如果有变量，进行替换（仅支持 {{var_name}} 格式）
+        if variables:
+            for var_name, var_value in variables.items():
+                placeholder = f"{{{{{var_name}}}}}"
+                statement = statement.replace(placeholder, str(var_value))
+        
+        return statement, suggested_questions
 
     @staticmethod
     def _filter_citations(
             features_config: Dict[str, Any],
-            citations: List[Any]
+            citations: List[Citation]
     ) -> List[Any]:
         """根据 citation 开关决定是否返回引用来源"""
         citation_cfg = features_config.get("citation", {})
         if isinstance(citation_cfg, dict) and citation_cfg.get("enabled"):
-            return citations
+            return [cit.model_dump() for cit in citations]
         return []
 
     async def run(
@@ -534,10 +564,6 @@ class AgentRunService:
             # 3. 处理系统提示词（支持变量替换）
             system_prompt = system_prompt.get_text_content() or "你是一个专业的AI助手"
 
-            # opening_statement：首轮对话注入开场白
-            is_new_conversation = not conversation_id
-            system_prompt = self._inject_opening_statement(features_config, system_prompt, is_new_conversation)
-
             # 4. 准备工具列表
             tools = []
 
@@ -549,7 +575,8 @@ class AgentRunService:
             tools.extend(skill_tools)
             if skill_prompts:
                 system_prompt = f"{system_prompt}\n\n{skill_prompts}"
-            tools.extend(self.load_knowledge_retrieval_config(knowledge_retrieval_config, user_id))
+            kb_tools, citations_collector = self.load_knowledge_retrieval_config(knowledge_retrieval_config, user_id)
+            tools.extend(kb_tools)
             # 添加长期记忆工具
             memory_flag = False
             if memory:
@@ -571,12 +598,18 @@ class AgentRunService:
                 tools=tools,
             )
 
-            # 5. 处理会话ID（创建或验证）
+            # 5. 处理会话ID（创建或验证），新会话时写入开场白
+            is_new_conversation = not conversation_id
+            opening, suggested_questions = None, None
+            if not sub_agent:
+                opening, suggested_questions = self._get_opening_statement(features_config, is_new_conversation, variables)
             conversation_id = await self._ensure_conversation(
                 conversation_id=conversation_id,
                 app_id=agent_config.app_id,
                 workspace_id=workspace_id,
-                user_id=user_id
+                user_id=user_id,
+                opening_statement=opening,
+                suggested_questions=suggested_questions
             )
 
             model_info = ModelInfo(
@@ -589,11 +622,12 @@ class AgentRunService:
                 model_type=model_config.type
             )
 
-            # 6. 加载历史消息
+            # 6. 加载历史消息（包含开场白）
             history = await self._load_conversation_history(
                 conversation_id=conversation_id,
-                api_config=model_info,
-                max_history=10
+                max_history=10,
+                current_provider=api_key_config.get("provider"),
+                current_is_omni=api_key_config.get("is_omni", False)
             )
 
             # 6. 处理多模态文件
@@ -602,7 +636,7 @@ class AgentRunService:
                 # 获取 provider 信息
                 provider = api_key_config.get("provider", "openai")
                 multimodal_service = MultimodalService(self.db, model_info)
-                processed_files = await multimodal_service.process_files(user_id, files)
+                processed_files = await multimodal_service.process_files(files)
                 logger.info(f"处理了 {len(processed_files)} 个文件，provider={provider}")
 
             # 7. 知识库检索
@@ -645,6 +679,9 @@ class AgentRunService:
                 tenant_id=tenant_id, workspace_id=workspace_id
             ) if not sub_agent else None
 
+            # 过滤 citations（只调用一次）
+            filtered_citations = self._filter_citations(features_config, citations_collector)
+
             # 10. 保存会话消息
             if not sub_agent:
                 await self._save_conversation_message(
@@ -661,7 +698,11 @@ class AgentRunService:
                         })
                     },
                     files=files,
-                    audio_url=audio_url
+                    processed_files=processed_files,
+                    audio_url=audio_url,
+                    citations=filtered_citations,
+                    provider=api_key_config.get("provider"),
+                    is_omni=api_key_config.get("is_omni", False)
                 )
 
             response = {
@@ -676,8 +717,9 @@ class AgentRunService:
                 "suggested_questions": await self._generate_suggested_questions(
                     features_config, result["content"], api_key_config, effective_params
                 ) if not sub_agent else [],
-                "citations": self._filter_citations(features_config, result.get("citations", [])),
+                "citations": filtered_citations,
                 "audio_url": audio_url,
+                "audio_status": "pending"
             }
 
             logger.info(
@@ -770,10 +812,6 @@ class AgentRunService:
             # 3. 处理系统提示词（支持变量替换）
             system_prompt = system_prompt.get_text_content() or "你是一个专业的AI助手"
 
-            # opening_statement：首轮对话注入开场白
-            is_new_conversation = not conversation_id
-            system_prompt = self._inject_opening_statement(features_config, system_prompt, is_new_conversation)
-
             # 4. 准备工具列表
             tools = []
 
@@ -785,7 +823,8 @@ class AgentRunService:
             tools.extend(skill_tools)
             if skill_prompts:
                 system_prompt = f"{system_prompt}\n\n{skill_prompts}"
-            tools.extend(self.load_knowledge_retrieval_config(knowledge_retrieval_config, user_id))
+            kb_tools, citations_collector = self.load_knowledge_retrieval_config(knowledge_retrieval_config, user_id)
+            tools.extend(kb_tools)
 
             # 添加长期记忆工具
             memory_flag = False
@@ -808,13 +847,19 @@ class AgentRunService:
                 streaming=True
             )
 
-            # 5. 处理会话ID（创建或验证）
+            # 5. 处理会话ID（创建或验证），新会话时写入开场白
+            is_new_conversation = not conversation_id
+            opening, suggested_questions = None, None
+            if not sub_agent:
+                opening, suggested_questions = self._get_opening_statement(features_config, is_new_conversation, variables)
             conversation_id = await self._ensure_conversation(
                 conversation_id=conversation_id,
                 app_id=agent_config.app_id,
                 workspace_id=workspace_id,
                 user_id=user_id,
-                sub_agent=sub_agent
+                sub_agent=sub_agent,
+                opening_statement=opening,
+                suggested_questions=suggested_questions
             )
 
             model_info = ModelInfo(
@@ -830,8 +875,9 @@ class AgentRunService:
             # 6. 加载历史消息
             history = await self._load_conversation_history(
                 conversation_id=conversation_id,
-                api_config=model_info,
-                max_history=memory_config.get("max_history", 10)
+                max_history=memory_config.get("max_history", 10),
+                current_provider=api_key_config.get("provider"),
+                current_is_omni=api_key_config.get("is_omni", False)
             )
 
             # 6. 处理多模态文件
@@ -840,7 +886,7 @@ class AgentRunService:
                 # 获取 provider 信息
                 provider = api_key_config.get("provider", "openai")
                 multimodal_service = MultimodalService(self.db, model_info)
-                processed_files = await multimodal_service.process_files(user_id, files)
+                processed_files = await multimodal_service.process_files(files)
                 logger.info(f"处理了 {len(processed_files)} 个文件，provider={provider}")
 
             # 7. 知识库检索
@@ -897,6 +943,9 @@ class AgentRunService:
             if sub_agent:
                 yield self._format_sse_event("sub_usage", {"total_tokens": total_tokens})
 
+            # 过滤 citations（只调用一次）
+            filtered_citations = self._filter_citations(features_config, citations_collector)
+
             # 11. 保存会话消息
             if not sub_agent:
                 await self._save_conversation_message(
@@ -909,10 +958,14 @@ class AgentRunService:
                         "usage": {"prompt_tokens": 0, "completion_tokens": 0, "total_tokens": total_tokens}
                     },
                     files=files,
-                    audio_url=stream_audio_url
+                    processed_files=processed_files,
+                    audio_url=stream_audio_url,
+                    citations=filtered_citations,
+                    provider=api_key_config.get("provider"),
+                    is_omni=api_key_config.get("is_omni", False)
                 )
 
-            # 12. 发送结束事件（包含 suggested_questions 和 tts）
+            # 12. 发送结束事件（包含 suggested_questions、audio_url 和 audio_status）
             end_data: Dict[str, Any] = {
                 "conversation_id": conversation_id,
                 "elapsed_time": elapsed_time,
@@ -923,7 +976,18 @@ class AgentRunService:
                     features_config, full_content, api_key_config, effective_params
                 )
                 end_data["audio_url"] = stream_audio_url
-                end_data["citations"] = self._filter_citations(features_config, [])
+                # 检查TTS是否已完成（非阻塞，不取消任务）
+                audio_status = "pending"
+                if tts_task is not None and tts_task.done():
+                    # 任务已完成，检查是否有异常
+                    try:
+                        tts_task.result()
+                        audio_status = "completed"
+                    except Exception as e:
+                        logger.warning(f"TTS任务异常: {e}")
+                        audio_status = "failed"
+                end_data["audio_status"] = audio_status if stream_audio_url else None
+                end_data["citations"] = filtered_citations
             yield self._format_sse_event("end", end_data)
 
             logger.info(
@@ -1003,7 +1067,9 @@ class AgentRunService:
             app_id: uuid.UUID,
             workspace_id: uuid.UUID,
             user_id: Optional[str],
-            sub_agent: bool = False
+            sub_agent: bool = False,
+            opening_statement: Optional[str] = None,
+            suggested_questions: Optional[List[str]] = None
     ) -> str:
         """确保会话存在（创建或验证）
 
@@ -1012,6 +1078,9 @@ class AgentRunService:
             app_id: 应用ID
             workspace_id: 工作空间ID（必须）
             user_id: 用户ID
+            sub_agent: 是否为子代理
+            opening_statement: 开场白（新会话时作为第一条消息写入）
+            suggested_questions: 预设问题列表
 
         Returns:
             str: 会话ID
@@ -1049,6 +1118,16 @@ class AgentRunService:
             self.db.commit()
             self.db.refresh(new_conversation)
 
+            # 如果有开场白，作为第一条 assistant 消息写入数据库
+            if opening_statement:
+                conversation_service.add_message(
+                    conversation_id=uuid.UUID(new_conv_id),
+                    role="assistant",
+                    content=opening_statement,
+                    meta_data={"suggested_questions": suggested_questions}
+                )
+                logger.debug(f"已保存开场白到会话 {new_conv_id}")
+
             logger.info(
                 "创建草稿会话成功",
                 extra={
@@ -1119,14 +1198,17 @@ class AgentRunService:
     async def _load_conversation_history(
             self,
             conversation_id: str,
-            api_config: ModelInfo | None = None,
-            max_history: int = 10
+            max_history: int = 10,
+            current_provider: Optional[str] = None,
+            current_is_omni: Optional[bool] = None
     ) -> List[Dict[str, str]]:
-        """加载会话历史消息
+        """加载会话历史消息，并根据当前模型配置处理多模态文件
 
         Args:
             conversation_id: 会话ID
             max_history: 最大历史消息数量
+            current_provider: 当前模型的provider
+            current_is_omni: 当前模型的is_omni
 
         Returns:
             List[Dict]: 历史消息列表
@@ -1138,7 +1220,8 @@ class AgentRunService:
             history = await conversation_service.get_conversation_history(
                 conversation_id=uuid.UUID(conversation_id),
                 max_history=max_history,
-                api_config=api_config
+                current_provider=current_provider,
+                current_is_omni=current_is_omni
             )
 
             logger.debug(
@@ -1166,7 +1249,11 @@ class AgentRunService:
             app_id: Optional[uuid.UUID] = None,
             user_id: Optional[str] = None,
             files: Optional[List[FileInput]] = None,
-            audio_url: Optional[str] = None
+            processed_files: Optional[List[Dict[str, Any]]] = None,
+            audio_url: Optional[str] = None,
+            citations: Optional[List[Any]] = None,
+            provider: Optional[str] = None,
+            is_omni: Optional[bool] = None
     ) -> None:
         """保存会话消息（会话已通过 _ensure_conversation 确保存在）
 
@@ -1177,6 +1264,12 @@ class AgentRunService:
             app_id: 应用ID（未使用，保留用于兼容性）
             user_id: 用户ID（未使用，保留用于兼容性）
             meta_data: token消耗
+            files: 原始文件输入
+            processed_files: 处理后的文件
+            audio_url: 音频URL
+            citations: 引用来源列表
+            provider: 模型供应商
+            is_omni: 是否为全模态模型
         """
         try:
             from app.services.conversation_service import ConversationService
@@ -1186,15 +1279,24 @@ class AgentRunService:
 
             # 保存消息（会话已经存在）
             human_meta = {
-                "files": []
+                "files": [],
+                "history_files": {}
             }
             if files:
                 for f in files:
-                    # url = await MultimodalService(self.db).get_file_url(f)
                     human_meta["files"].append({
                         "type": f.type,
                         "url": f.url
                     })
+
+            # 保存 history_files，包含 provider 和 is_omni 信息
+            if processed_files:
+                human_meta["history_files"] = {
+                    "content": processed_files,
+                    "provider": provider,
+                    "is_omni": is_omni
+                }
+
             # 保存用户消息
             conversation_service.add_message(
                 conversation_id=conv_uuid,
@@ -1202,9 +1304,11 @@ class AgentRunService:
                 content=user_message,
                 meta_data=human_meta
             )
-            # 保存助手消息（含 audio_url）
+            # 保存助手消息（含 audio_url 和 citations）
             if audio_url:
                 meta_data["audio_url"] = audio_url
+            if citations:
+                meta_data["citations"] = citations
             conversation_service.add_message(
                 conversation_id=conv_uuid,
                 role="assistant",
@@ -1420,8 +1524,9 @@ class AgentRunService:
             workspace_id: Optional[uuid.UUID] = None,
     ) -> tuple[Optional[str], Optional[asyncio.Task]]:
         """文本流式输入并行合成音频。
-        返回 (audio_url, task)，audio_url 立即可用，task 完成后文件内容就绪。
+        返回 (audio_url, task)，audio_url 立即可用（pending状态），task 完成后文件内容就绪。
         调用方向 text_queue put 文本 chunk，结束时 put None。
+        前端可通过 GET /storage/files/{file_id}/status 轮询检查音频是否就绪。
         """
         tts_config = features_config.get("text_to_speech", {})
         if not isinstance(tts_config, dict) or not tts_config.get("enabled"):
@@ -1808,6 +1913,7 @@ class AgentRunService:
                     ),
                     "cost_estimate": self._estimate_cost(usage, model_info["model_config"]),
                     "audio_url": result.get("audio_url"),
+                    "audio_status": result.get("audio_status"),
                     "citations": result.get("citations", []),
                     "suggested_questions": result.get("suggested_questions", []),
                     "error": None
@@ -1885,6 +1991,7 @@ class AgentRunService:
             "results": [{
                 **r,
                 "audio_url": r.get("audio_url"),
+                "audio_status": r.get("audio_status"),
                 "citations": r.get("citations", []),
                 "suggested_questions": r.get("suggested_questions", []),
             } for r in results],
@@ -2016,6 +2123,7 @@ class AgentRunService:
                 full_content = ""
                 returned_conversation_id = model_conversation_id
                 audio_url = None
+                audio_status = None
                 citations = []
                 suggested_questions = []
 
@@ -2074,6 +2182,7 @@ class AgentRunService:
                             # 从 end 事件中提取 features 输出字段
                             if event_type == "end" and event_data:
                                 audio_url = event_data.get("audio_url")
+                                audio_status = event_data.get("audio_status")
                                 citations = event_data.get("citations", [])
                                 suggested_questions = event_data.get("suggested_questions", [])
 
@@ -2103,6 +2212,7 @@ class AgentRunService:
                     "message": full_content,
                     "elapsed_time": elapsed,
                     "audio_url": audio_url,
+                    "audio_status": audio_status,
                     "citations": citations,
                     "suggested_questions": suggested_questions,
                     "error": None
@@ -2117,6 +2227,7 @@ class AgentRunService:
                     "elapsed_time": elapsed,
                     "message_length": len(full_content),
                     "audio_url": audio_url,
+                    "audio_status": audio_status,
                     "citations": citations,
                     "suggested_questions": suggested_questions,
                     "timestamp": time.time()
@@ -2253,6 +2364,7 @@ class AgentRunService:
                 "message": r.get("message"),
                 "elapsed_time": r.get("elapsed_time", 0),
                 "audio_url": r.get("audio_url"),
+                "audio_status": r.get("audio_status"),
                 "citations": r.get("citations", []),
                 "suggested_questions": r.get("suggested_questions", []),
                 "error": r.get("error")
diff --git a/api/app/services/file_storage_service.py b/api/app/services/file_storage_service.py
index 2ebc5d9a..5897936b 100644
--- a/api/app/services/file_storage_service.py
+++ b/api/app/services/file_storage_service.py
@@ -325,27 +325,30 @@ class FileStorageService:
             )
             raise
 
-    async def get_file_url(self, file_key: str, expires: int = 3600) -> str:
+    async def get_file_url(
+        self,
+        file_key: str,
+        expires: int = 3600,
+        file_name: Optional[str] = None,
+    ) -> str:
         """
         Get an access URL for a file.
 
         Args:
             file_key: The file key.
             expires: URL validity period in seconds (default: 1 hour).
+            file_name: If set, adds Content-Disposition: attachment to force download.
 
         Returns:
             URL for accessing the file.
         """
         logger.debug(f"Getting file URL: file_key={file_key}, expires={expires}s")
-
         try:
-            url = await self.storage.get_url(file_key, expires)
+            url = await self.storage.get_url(file_key, expires, file_name=file_name)
             logger.debug(f"File URL generated: file_key={file_key}")
             return url
         except Exception as e:
-            logger.error(
-                f"Error getting file URL: file_key={file_key}, error={str(e)}"
-            )
+            logger.error(f"Error getting file URL: file_key={file_key}, error={str(e)}")
             raise
 
 
diff --git a/api/app/services/generation_service.py b/api/app/services/generation_service.py
new file mode 100644
index 00000000..2505793c
--- /dev/null
+++ b/api/app/services/generation_service.py
@@ -0,0 +1,162 @@
+"""
+图片和视频生成服务
+
+提供统一的生成接口，支持多种 Provider
+"""
+from typing import Dict, Any, Optional
+from sqlalchemy.orm import Session
+import uuid
+
+from app.core.models import RedBearModelConfig, RedBearImageGenerator, RedBearVideoGenerator
+from app.core.exceptions import BusinessException
+from app.core.error_codes import BizCode
+from app.models.models_model import ModelType
+from app.repositories.model_repository import ModelConfigRepository, ModelApiKeyRepository
+from app.services.model_service import ModelApiKeyService
+
+
+class GenerationService:
+    """生成服务"""
+    
+    def __init__(self, db: Session):
+        self.db = db
+    
+    async def generate_image(
+        self,
+        model_config_id: str,
+        prompt: str,
+        size: Optional[str] = "2k",
+        **kwargs
+    ) -> Dict[str, Any]:
+        """
+        生成图片
+        
+        Args:
+            model_config_id: 模型配置ID
+            prompt: 提示词
+            size: 图片尺寸
+            **kwargs: 其他参数
+            
+        Returns:
+            生成结果
+        """
+        # 获取模型配置
+        model_config = ModelConfigRepository.get_by_id(self.db, uuid.UUID(model_config_id))
+        if not model_config:
+            raise BusinessException("模型配置不存在", code=BizCode.NOT_FOUND)
+        
+        if model_config.type != ModelType.IMAGE:
+            raise BusinessException(
+                f"模型类型错误，期望 {ModelType.IMAGE}，实际 {model_config.type}",
+                code=BizCode.INVALID_PARAMETER
+            )
+        
+        # 获取 API Key
+        api_key_info = ModelApiKeyService.get_available_api_key(self.db, uuid.UUID(model_config_id))
+        if not api_key_info:
+            raise BusinessException("没有可用的 API Key", code=BizCode.NOT_FOUND)
+        
+        # 创建配置
+        config = RedBearModelConfig(
+            model_name=api_key_info.model_name,
+            provider=api_key_info.provider,
+            api_key=api_key_info.api_key,
+            base_url=api_key_info.api_base,
+            extra_params=api_key_info.config or {}
+        )
+        
+        # 生成图片
+        generator = RedBearImageGenerator(config)
+        result = await generator.agenerate(prompt, size, **kwargs)
+        
+        return result
+    
+    async def generate_video(
+        self,
+        model_config_id: str,
+        prompt: str,
+        duration: Optional[int] = None,
+        **kwargs
+    ) -> Dict[str, Any]:
+        """
+        生成视频
+        
+        Args:
+            model_config_id: 模型配置ID
+            prompt: 提示词
+            duration: 视频时长（秒）
+            **kwargs: 其他参数
+            
+        Returns:
+            生成结果（包含任务ID）
+        """
+        # 获取模型配置
+        model_config = ModelConfigRepository.get_by_id(self.db, uuid.UUID(model_config_id))
+        if not model_config:
+            raise BusinessException("模型配置不存在", code=BizCode.NOT_FOUND)
+        
+        if model_config.type != ModelType.VIDEO:
+            raise BusinessException(
+                f"模型类型错误，期望 {ModelType.VIDEO}，实际 {model_config.type}",
+                code=BizCode.INVALID_PARAMETER
+            )
+        
+        # 获取 API Key
+        api_key_info = ModelApiKeyService.get_available_api_key(self.db, uuid.UUID(model_config_id))
+        if not api_key_info:
+            raise BusinessException("没有可用的 API Key", code=BizCode.NOT_FOUND)
+        
+        # 创建配置
+        config = RedBearModelConfig(
+            model_name=api_key_info.model_name,
+            provider=api_key_info.provider,
+            api_key=api_key_info.api_key,
+            base_url=api_key_info.api_base,
+            extra_params=api_key_info.config or {}
+        )
+        
+        # 生成视频
+        generator = RedBearVideoGenerator(config)
+        result = await generator.agenerate(prompt, duration, **kwargs)
+        
+        return result
+    
+    async def get_video_task_status(
+        self,
+        model_config_id: str,
+        task_id: str
+    ) -> Dict[str, Any]:
+        """
+        查询视频生成任务状态
+        
+        Args:
+            model_config_id: 模型配置ID
+            task_id: 任务ID
+            
+        Returns:
+            任务状态信息
+        """
+        # 获取模型配置
+        model_config = ModelConfigRepository.get_by_id(self.db, uuid.UUID(model_config_id))
+        if not model_config:
+            raise BusinessException("模型配置不存在", code=BizCode.NOT_FOUND)
+        
+        # 获取 API Key
+        api_key_info = ModelApiKeyService.get_available_api_key(self.db, uuid.UUID(model_config_id))
+        if not api_key_info:
+            raise BusinessException("没有可用的 API Key", code=BizCode.NOT_FOUND)
+        
+        # 创建配置
+        config = RedBearModelConfig(
+            model_name=api_key_info.model_name,
+            provider=api_key_info.provider,
+            api_key=api_key_info.api_key,
+            base_url=api_key_info.api_base,
+            extra_params=api_key_info.config or {}
+        )
+        
+        # 查询任务状态
+        generator = RedBearVideoGenerator(config)
+        result = await generator.aget_task_status(task_id)
+        
+        return result
diff --git a/api/app/services/home_page_service.py b/api/app/services/home_page_service.py
index 8326ad40..4e6bf664 100644
--- a/api/app/services/home_page_service.py
+++ b/api/app/services/home_page_service.py
@@ -94,29 +94,38 @@ class HomePageService:
     @staticmethod
     def load_version_introduction(version: str) -> Dict[str, Any]:
         """
-        从 JSON 文件加载对应版本的介绍
+        加载对应版本的介绍（优先从数据库读取，fallback 到 JSON 文件）
         :param version: 系统版本号（如 "0.2.0"）
         :return: 对应版本的详细介绍
         """
-        # 2. 定义 JSON 文件路径（简化路径处理，保留绝对路径调试特性）
+        from copy import deepcopy
+        from app.db import SessionLocal
+        from app.repositories.home_page_repository import HomePageRepository
+        
+        result = deepcopy(HomePageService.DEFAULT_RETURN_DATA)
+        
+        try:
+            db = SessionLocal()
+            try:
+                db_result = HomePageRepository.get_version_introduction(db, version)
+                if db_result:
+                    return db_result
+            finally:
+                db.close()
+        except Exception as e:
+            pass
+        
         json_abs_path = Path(__file__).parent.parent / "version_info.json"
         json_abs_path = json_abs_path.resolve()
 
-        # 3. 初始化返回结果（深拷贝默认模板，避免修改原常量）
-        from copy import deepcopy
-        result = deepcopy(HomePageService.DEFAULT_RETURN_DATA)
-
         try:
-            # 4. 简化文件存在性判断（合并逻辑，减少分支）
             if not json_abs_path.exists():
                 result["message"] = f"版本介绍文件不存在：{json_abs_path}"
                 return result
 
-            # 5. 读取并解析 JSON 文件（简化文件操作流程）
             with open(json_abs_path, "r", encoding="utf-8") as f:
                 changelogs = json.load(f)
 
-            # 6. 简化版本匹配逻辑，直接返回结果或更新提示信息
             if version in changelogs:
                 return changelogs[version]
             result["message"] = f"暂未查询到 {version} 版本的详细介绍"
diff --git a/api/app/services/memory_agent_service.py b/api/app/services/memory_agent_service.py
index 1e1d9e45..289fd74c 100644
--- a/api/app/services/memory_agent_service.py
+++ b/api/app/services/memory_agent_service.py
@@ -19,32 +19,35 @@ from typing import Any, AsyncGenerator, Dict, List, Optional
 from uuid import UUID
 
 import redis
-from langchain_core.messages import AIMessage, HumanMessage
+from langchain_core.messages import HumanMessage
 from pydantic import BaseModel, Field
 from sqlalchemy import func
 from sqlalchemy.orm import Session
 
+from app.cache import InterestMemoryCache
 from app.core.config import settings
 from app.core.logging_config import get_config_logger, get_logger
 from app.core.memory.agent.langgraph_graph.read_graph import make_read_graph
-from app.core.memory.agent.langgraph_graph.write_graph import make_write_graph
 from app.core.memory.agent.logger_file.log_streamer import LogStreamer
 from app.core.memory.agent.utils.messages_tools import (
     merge_multiple_search_results,
     reorder_output_results,
 )
 from app.core.memory.agent.utils.type_classifier import status_typle
+from app.core.memory.agent.utils.write_tools import write as write_neo4j
 from app.core.memory.analytics.hot_memory_tags import get_interest_distribution
 from app.core.memory.utils.llm.llm_utils import MemoryClientFactory
 from app.db import get_db_context
 from app.models.knowledge_model import Knowledge, KnowledgeType
 from app.repositories.neo4j.neo4j_connector import Neo4jConnector
+from app.schemas import FileInput
 from app.schemas.memory_agent_schema import Write_UserInput
 from app.schemas.memory_config_schema import ConfigurationError
 from app.services.memory_config_service import MemoryConfigService
 from app.services.memory_konwledges_server import (
     write_rag,
 )
+from app.services.memory_perceptual_service import MemoryPerceptualService
 
 try:
     from app.core.memory.utils.log.audit_logger import audit_logger
@@ -267,8 +270,16 @@ class MemoryAgentService:
             logger.info("Log streaming completed, cleaning up resources")
             # LogStreamer uses context manager for file handling, so cleanup is automatic
 
-    async def write_memory(self, end_user_id: str, messages: list[dict], config_id: Optional[uuid.UUID] | int,
-                           db: Session, storage_type: str, user_rag_memory_id: str, language: str = "zh") -> str:
+    async def write_memory(
+            self,
+            end_user_id: str,
+            messages: list[dict],
+            config_id: Optional[uuid.UUID] | int,
+            db: Session,
+            storage_type: str,
+            user_rag_memory_id: str,
+            language: str = "zh"
+    ) -> str:
         """
         Process write operation with config_id
 
@@ -297,8 +308,8 @@ class MemoryAgentService:
                 config_id = connected_config.get("memory_config_id")
             logger.info(f"Resolved config from end_user: config_id={config_id}, workspace_id={workspace_id}")
             if config_id is None and workspace_id is None:
-                raise ValueError(
-                    f"No memory configuration found for end_user {end_user_id}. Please ensure the user has a connected memory configuration.")
+                raise ValueError(f"No memory configuration found for end_user {end_user_id}. "
+                                 f"Please ensure the user has a connected memory configuration.")
         except Exception as e:
             if "No memory configuration found" in str(e):
                 raise  # Re-raise our specific error
@@ -334,48 +345,58 @@ class MemoryAgentService:
 
             raise ValueError(error_msg)
 
+        perceptual_serivce = MemoryPerceptualService(db)
+        for message in messages:
+            message["file_content"] = []
+            for file in (message.get("files") or []):
+                file_object = await perceptual_serivce.generate_perceptual_memory(
+                    end_user_id=end_user_id,
+                    memory_config=memory_config,
+                    file=FileInput(**file)
+                )
+                if file_object is None:
+                    continue
+                message["file_content"].append((file_object, file["type"]))
+        logger.info(messages)
+
+        message_text = "\n".join([f"{msg['role']}: {msg['content']}" for msg in messages])
         try:
             if storage_type == "rag":
                 # For RAG storage, convert messages to single string
-                message_text = "\n".join([f"{msg['role']}: {msg['content']}" for msg in messages])
-                result = await write_rag(end_user_id, message_text, user_rag_memory_id)
-                return result
+                await write_rag(end_user_id, message_text, user_rag_memory_id)
+                return "success"
             else:
-                async with make_write_graph() as graph:
-                    config = {"configurable": {"thread_id": end_user_id}}
-                    # Convert structured messages to LangChain messages
-                    langchain_messages = []
-                    for msg in messages:
-                        if msg['role'] == 'user':
-                            langchain_messages.append(HumanMessage(content=msg['content']))
-                        elif msg['role'] == 'assistant':
-                            langchain_messages.append(AIMessage(content=msg['content']))
-                    print(100 * '-')
-                    print(langchain_messages)
-                    print(100 * '-')
-                    # 初始状态 - 包含所有必要字段
-                    initial_state = {
-                        "messages": langchain_messages,
-                        "end_user_id": end_user_id,
-                        "memory_config": memory_config,
-                        "language": language
+                await write_neo4j(
+                    end_user_id=end_user_id,
+                    messages=messages,
+                    memory_config=memory_config,
+                    ref_id='',
+                    language=language
+                )
+                for lang in ["zh", "en"]:
+                    deleted = await InterestMemoryCache.delete_interest_distribution(
+                        end_user_id, lang
+                    )
+                    if deleted:
+                        logger.info(
+                            f"Invalidated interest distribution cache: end_user_id={end_user_id}, language={lang}")
+                for message in messages:
+                    message["file_content"] = [
+                        perceptual[0].file_path for perceptual in message["file_content"]
+                    ]
+                return self.writer_messages_deal(
+                    "success",
+                    start_time,
+                    end_user_id,
+                    config_id,
+                    message_text,
+                    {
+                        "status": "success",
+                        "data": messages,
+                        "config_id": memory_config.config_id,
+                        "config_name": memory_config.config_name
                     }
-
-                    # 获取节点更新信息
-                    async for update_event in graph.astream(
-                            initial_state,
-                            stream_mode="updates",
-                            config=config
-                    ):
-                        for node_name, node_data in update_event.items():
-                            if 'save_neo4j' == node_name:
-                                massages = node_data
-                    massagesstatus = massages.get('write_result')['status']
-                    contents = massages.get('write_result')
-                    # Convert messages back to string for logging
-                    message_text = "\n".join([f"{msg['role']}: {msg['content']}" for msg in messages])
-                    return self.writer_messages_deal(massagesstatus, start_time, end_user_id, config_id, message_text,
-                                                     contents)
+                )
         except Exception as e:
             # Ensure proper error handling and logging
             error_msg = f"Write operation failed: {str(e)}"
@@ -586,7 +607,7 @@ class MemoryAgentService:
                                     retrieved_content.append({query: statements})
 
                     # 如果 retrieved_content 为空，设置为空字符串
-                    if retrieved_content == []:
+                    if not retrieved_content:
                         retrieved_content = ''
 
                     # 只有当回答不是"信息不足"且不是快速检索时才保存
@@ -1179,7 +1200,7 @@ def get_end_user_connected_config(end_user_id: str, db: Session) -> Dict[str, An
     app = db.query(App).filter(App.id == app_id).first()
     if not app:
         logger.warning(f"App not found: {app_id}")
-        raise ValueError(f"应用不存在: {app_id}")
+        # raise ValueError(f"应用不存在: {app_id}")
     # TODO: temp fix for draft run
     # if not app.current_release_id:
     #     logger.warning(f"No current release for app: {app_id}")
@@ -1252,17 +1273,15 @@ def get_end_user_connected_config(end_user_id: str, db: Session) -> Dict[str, An
     memory_config_service = MemoryConfigService(db)
     memory_config = memory_config_service.get_config_with_fallback(
         memory_config_id=memory_config_id_to_use,
-        workspace_id=app.workspace_id
+        workspace_id=end_user.workspace_id
     )
 
     memory_config_id = str(memory_config.config_id) if memory_config else None
 
     result = {
         "end_user_id": str(end_user_id),
-        "app_id": str(app_id),
-        "release_id": str(app.current_release_id) if app.current_release_id else None,
         "memory_config_id": memory_config_id,
-        "workspace_id": str(app.workspace_id)
+        "workspace_id": str(end_user.workspace_id)
     }
 
     logger.info(
diff --git a/api/app/services/memory_api_service.py b/api/app/services/memory_api_service.py
index f86fbed8..9282fc28 100644
--- a/api/app/services/memory_api_service.py
+++ b/api/app/services/memory_api_service.py
@@ -28,7 +28,7 @@ class MemoryAPIService:
     2. Maps end_user_id to end_user_id for memory operations
     3. Delegates to MemoryAgentService for actual memory read/write operations
     """
-    
+
     def __init__(self, db: Session):
         """Initialize MemoryAPIService.
         
@@ -36,11 +36,11 @@ class MemoryAPIService:
             db: SQLAlchemy database session
         """
         self.db = db
-    
+
     def validate_end_user(
-        self, 
-        end_user_id: str, 
-        workspace_id: uuid.UUID
+            self,
+            end_user_id: str,
+            workspace_id: uuid.UUID
     ) -> EndUser:
         """Validate that end_user exists and belongs to the workspace.
         
@@ -56,7 +56,7 @@ class MemoryAPIService:
             BusinessException: If end_user not in authorized workspace
         """
         logger.info(f"Validating end_user: {end_user_id} for workspace: {workspace_id}")
-        
+
         # Query end_user by ID
         try:
             end_user_uuid = uuid.UUID(end_user_id)
@@ -66,7 +66,7 @@ class MemoryAPIService:
                 message=f"Invalid end_user_id format: {end_user_id}",
                 code=BizCode.INVALID_PARAMETER
             )
-        
+
         end_user = self.db.query(EndUser).filter(EndUser.id == end_user_uuid).first()
 
         if not end_user:
@@ -75,52 +75,74 @@ class MemoryAPIService:
                 resource_type="EndUser",
                 resource_id=end_user_id
             )
-        
+
         # Verify end_user belongs to the workspace via App relationship
         app = self.db.query(App).filter(
             App.id == end_user.app_id,
             App.is_active.is_(True)
         ).first()
-        
+
         if not app:
             logger.warning(f"App not found for end_user: {end_user_id}")
-            raise ResourceNotFoundException(
-                resource_type="App",
-                resource_id=str(end_user.app_id)
-            )
-        
-        if app.workspace_id != workspace_id:
-            logger.warning(
-                f"End user {end_user_id} belongs to workspace {app.workspace_id}, "
-                f"not authorized workspace {workspace_id}"
-            )
-            raise BusinessException(
-                message="End user does not belong to authorized workspace",
-                code=BizCode.FORBIDDEN
-            )
-        
+            # raise ResourceNotFoundException(
+            #     resource_type="App",
+            #     resource_id=str(end_user.app_id)
+            # )
+        # temporally allow any workspace to access
+        # if end_user.workspace_id != workspace_id:
+        #     print(f"[DEBUG] end_user.workspace_id={end_user.workspace_id}, api_key.workspace_id={workspace_id}")
+        #     logger.warning(
+        #         f"End user {end_user_id} belongs to workspace {end_user.workspace_id}, "
+        #         f"not authorized workspace {workspace_id}"
+        #     )
+        #     raise BusinessException(
+        #         message=f"End user does not belong to authorized workspace. end_user.workspace_id={end_user.workspace_id}, api_key.workspace_id={workspace_id}",
+        #         code=BizCode.FORBIDDEN
+        #     )
+
         logger.info(f"End user {end_user_id} validated successfully")
         return end_user
-    
+
+    def _update_end_user_config(self, end_user_id: str, config_id: str) -> None:
+        """Update the end user's memory_config_id.
+        
+        Silently updates the config association. Logs warnings on failure
+        but does not raise, so it won't block the main read/write operation.
+        
+        Args:
+            end_user_id: End user identifier
+            config_id: Memory configuration ID to assign
+        """
+        try:
+            config_uuid = uuid.UUID(config_id)
+            from app.repositories.end_user_repository import EndUserRepository
+            end_user_repo = EndUserRepository(self.db)
+            end_user_repo.update_memory_config_id(
+                end_user_id=uuid.UUID(end_user_id),
+                memory_config_id=config_uuid,
+            )
+        except Exception as e:
+            logger.warning(f"Failed to update memory_config_id for end_user {end_user_id}: {e}")
+
     async def write_memory(
-        self,
-        workspace_id: uuid.UUID,
-        end_user_id: str,
-        message: str,
-        config_id: Optional[str] = None,
-        storage_type: str = "neo4j",
-        user_rag_memory_id: Optional[str] = None,
+            self,
+            workspace_id: uuid.UUID,
+            end_user_id: str,
+            message: str,
+            config_id: str,
+            storage_type: str = "neo4j",
+            user_rag_memory_id: Optional[str] = None,
     ) -> Dict[str, Any]:
         """Write memory with validation.
         
-        Validates end_user exists and belongs to workspace, then delegates
-        to MemoryAgentService.write_memory.
+        Validates end_user exists and belongs to workspace, updates the end user's
+        memory_config_id, then delegates to MemoryAgentService.write_memory.
         
         Args:
             workspace_id: Workspace ID for resource validation
             end_user_id: End user identifier (used as end_user_id)
             message: Message content to store
-            config_id: Optional memory configuration ID
+            config_id: Memory configuration ID (required)
             storage_type: Storage backend (neo4j or rag)
             user_rag_memory_id: Optional RAG memory ID
             
@@ -132,12 +154,13 @@ class MemoryAPIService:
             BusinessException: If end_user not in authorized workspace or write fails
         """
         logger.info(f"Writing memory for end_user: {end_user_id}, workspace: {workspace_id}")
-        
+
         # Validate end_user exists and belongs to workspace
         self.validate_end_user(end_user_id, workspace_id)
-        
-        # Use end_user_id as end_user_id for memory operations
-        
+
+        # Update end user's memory_config_id
+        self._update_end_user_config(end_user_id, config_id)
+
         try:
             # Delegate to MemoryAgentService
             # Convert string message to list[dict] format expected by MemoryAgentService
@@ -148,11 +171,11 @@ class MemoryAPIService:
                 config_id=config_id,
                 db=self.db,
                 storage_type=storage_type,
-                user_rag_memory_id=user_rag_memory_id or ""
+                user_rag_memory_id=user_rag_memory_id or "",
             )
-            
+
             logger.info(f"Memory write successful for end_user: {end_user_id}")
-            
+
             # result may be a string "success" or a dict with a "status" key
             # Preserve the full dict so callers don't silently lose extra fields
             # (e.g. error codes, metadata) returned by MemoryAgentService.
@@ -166,7 +189,7 @@ class MemoryAPIService:
                 "status": result if isinstance(result, str) else "success",
                 "end_user_id": end_user_id,
             }
-            
+
         except ConfigurationError as e:
             logger.error(f"Memory configuration error for end_user {end_user_id}: {e}")
             raise BusinessException(
@@ -181,28 +204,28 @@ class MemoryAPIService:
                 message=f"Memory write failed: {str(e)}",
                 code=BizCode.MEMORY_WRITE_FAILED
             )
-    
+
     async def read_memory(
-        self,
-        workspace_id: uuid.UUID,
-        end_user_id: str,
-        message: str,
-        search_switch: str = "0",
-        config_id: Optional[str] = None,
-        storage_type: str = "neo4j",
-        user_rag_memory_id: Optional[str] = None,
+            self,
+            workspace_id: uuid.UUID,
+            end_user_id: str,
+            message: str,
+            search_switch: str = "0",
+            config_id: str = "",
+            storage_type: str = "neo4j",
+            user_rag_memory_id: Optional[str] = None,
     ) -> Dict[str, Any]:
         """Read memory with validation.
         
-        Validates end_user exists and belongs to workspace, then delegates
-        to MemoryAgentService.read_memory.
+        Validates end_user exists and belongs to workspace, updates the end user's
+        memory_config_id, then delegates to MemoryAgentService.read_memory.
         
         Args:
             workspace_id: Workspace ID for resource validation
             end_user_id: End user identifier (used as end_user_id)
             message: Query message
             search_switch: Search mode (0=deep search with verification, 1=deep search, 2=fast search)
-            config_id: Optional memory configuration ID
+            config_id: Memory configuration ID (required)
             storage_type: Storage backend (neo4j or rag)
             user_rag_memory_id: Optional RAG memory ID
             
@@ -214,13 +237,13 @@ class MemoryAPIService:
             BusinessException: If end_user not in authorized workspace or read fails
         """
         logger.info(f"Reading memory for end_user: {end_user_id}, workspace: {workspace_id}")
-        
+
         # Validate end_user exists and belongs to workspace
         self.validate_end_user(end_user_id, workspace_id)
-        
-        # Use end_user_id as end_user_id for memory operations
 
-        
+        # Update end user's memory_config_id
+        self._update_end_user_config(end_user_id, config_id)
+
         try:
             # Delegate to MemoryAgentService
             result = await MemoryAgentService().read_memory(
@@ -233,15 +256,15 @@ class MemoryAPIService:
                 storage_type=storage_type,
                 user_rag_memory_id=user_rag_memory_id or ""
             )
-            
+
             logger.info(f"Memory read successful for end_user: {end_user_id}")
-            
+
             return {
                 "answer": result.get("answer", ""),
                 "intermediate_outputs": result.get("intermediate_outputs", []),
                 "end_user_id": end_user_id
             }
-            
+
         except ConfigurationError as e:
             logger.error(f"Memory configuration error for end_user {end_user_id}: {e}")
             raise BusinessException(
@@ -256,3 +279,50 @@ class MemoryAPIService:
                 message=f"Memory read failed: {str(e)}",
                 code=BizCode.MEMORY_READ_FAILED
             )
+
+    def list_memory_configs(
+            self,
+            workspace_id: uuid.UUID,
+    ) -> Dict[str, Any]:
+        """List all memory configs for a workspace.
+        
+        Args:
+            workspace_id: Workspace ID from API key authorization
+            
+        Returns:
+            Dict with configs list and total count
+            
+        Raises:
+            BusinessException: If listing fails
+        """
+        logger.info(f"Listing memory configs for workspace: {workspace_id}")
+
+        try:
+            from app.repositories.memory_config_repository import MemoryConfigRepository
+
+            results = MemoryConfigRepository.get_all(self.db, workspace_id=workspace_id)
+
+            configs = []
+            for config, scene_name in results:
+                configs.append({
+                    "config_id": str(config.config_id),
+                    "config_name": config.config_name,
+                    "config_desc": config.config_desc,
+                    "is_default": config.is_default or False,
+                    "scene_name": scene_name,
+                    "created_at": config.created_at.isoformat() if config.created_at else None,
+                    "updated_at": config.updated_at.isoformat() if config.updated_at else None,
+                })
+
+            logger.info(f"Found {len(configs)} memory configs for workspace {workspace_id}")
+            return {
+                "configs": configs,
+                "total": len(configs),
+            }
+
+        except Exception as e:
+            logger.error(f"Failed to list memory configs for workspace {workspace_id}: {e}")
+            raise BusinessException(
+                message=f"Failed to list memory configs: {str(e)}",
+                code=BizCode.MEMORY_READ_FAILED
+            )
diff --git a/api/app/services/memory_config_service.py b/api/app/services/memory_config_service.py
index 4d67673f..66c110b1 100644
--- a/api/app/services/memory_config_service.py
+++ b/api/app/services/memory_config_service.py
@@ -37,7 +37,7 @@ def _validate_config_id(config_id, db: Session = None):
     """Validate configuration ID format (supports both UUID and integer)."""
     if isinstance(config_id, uuid.UUID):
         return config_id
-    
+
     if config_id is None:
         raise InvalidConfigError(
             "Configuration ID cannot be None",
@@ -52,26 +52,30 @@ def _validate_config_id(config_id, db: Session = None):
                 field_name="config_id",
                 invalid_value=config_id,
             )
-        # 如果提供了数据库会话，尝试通过 user_id 查询 config_id
+        # 如果提供了数据库会话，尝试通过 config_id_old 查询 config_id
         if db is not None:
-            # 查询 user_id 匹配的记录
-            stmt = select(MemoryConfigModel).where(MemoryConfigModel.config_id_old == str(config_id))
+            # 查询 config_id_old 匹配的记录
+            stmt = select(MemoryConfigModel).where(MemoryConfigModel.config_id_old == config_id)
             result = db.execute(stmt).scalars().first()
             if result:
-                logger.info(f"Found config_id {result.config_id} for user_id {config_id}")
+                logger.info(f"Found config_id {result.config_id} for config_id_old {config_id}")
                 return result.config_id
         
-        return config_id
+        raise InvalidConfigError(
+            f"未找到 config_id_old={config_id} 对应的配置",
+            field_name="config_id",
+            invalid_value=config_id,
+        )
 
     if isinstance(config_id, str):
         config_id_stripped = config_id.strip()
-        
+
         # Try parsing as UUID first
         try:
             return uuid.UUID(config_id_stripped)
         except ValueError:
             pass
-        
+
         # Fall back to integer parsing
         try:
             parsed_id = int(config_id_stripped)
@@ -81,18 +85,22 @@ def _validate_config_id(config_id, db: Session = None):
                     field_name="config_id",
                     invalid_value=config_id,
                 )
-            
+
             # 如果提供了数据库会话，尝试通过 user_id 查询 config_id
             if db is not None:
-                # 查询 user_id 匹配的记录
-                stmt = select(MemoryConfigModel).where(MemoryConfigModel.user_id == str(parsed_id))
+                # 查询 config_id_old 匹配的记录
+                stmt = select(MemoryConfigModel).where(MemoryConfigModel.config_id_old == parsed_id)
                 result = db.execute(stmt).scalars().first()
-                
+
                 if result:
-                    logger.info(f"Found config_id {result.config_id} for user_id {parsed_id}")
+                    logger.info(f"Found config_id {result.config_id} for config_id_old {parsed_id}")
                     return result.config_id
             
-            return parsed_id
+            raise InvalidConfigError(
+                f"未找到 config_id_old={parsed_id} 对应的配置",
+                field_name="config_id",
+                invalid_value=config_id,
+            )
         except ValueError:
             raise InvalidConfigError(
                 f"Invalid configuration ID format: '{config_id}' (must be UUID or positive integer)",
@@ -107,28 +115,29 @@ def _validate_config_id(config_id, db: Session = None):
     )
 
 
-def _load_ontology_classes(db: Session, scene_id, pruning_scene: Optional[str]) -> Optional[list]:
-    """从 ontology_class 表加载场景类型名称列表，用于注入提示词。
+def _load_ontology_class_infos(db: Session, scene_id) -> list:
+    """从 ontology_class 表加载完整本体类型信息（name + description），用于注入剪枝提示词。
 
     Args:
         db: 数据库会话
         scene_id: 本体场景 UUID
-        pruning_scene: 语义剪枝场景名称（保留参数，暂未使用）
 
     Returns:
-        class_name 字符串列表，或 None（无数据时）
+        [{"class_name": ..., "class_description": ...}, ...] 或空列表
     """
     if not scene_id:
-        return None
+        return []
     try:
         from app.repositories.ontology_class_repository import OntologyClassRepository
         repo = OntologyClassRepository(db)
         classes = repo.get_classes_by_scene(scene_id)
-        names = [c.class_name for c in classes if c.class_name]
-        return names if names else None
+        return [
+            {"class_name": c.class_name, "class_description": c.class_description or ""}
+            for c in classes if c.class_name
+        ]
     except Exception as e:
-        logger.warning(f"Failed to load ontology classes for scene_id={scene_id}: {e}")
-        return None
+        logger.warning(f"Failed to load ontology class infos for scene_id={scene_id}: {e}")
+        return []
 
 
 class MemoryConfigService:
@@ -153,10 +162,10 @@ class MemoryConfigService:
         self.db = db
 
     def load_memory_config(
-        self,
-        config_id: Optional[UUID] = None,
-        workspace_id: Optional[UUID] = None,
-        service_name: str = "MemoryConfigService",
+            self,
+            config_id: Optional[UUID] = None,
+            workspace_id: Optional[UUID] = None,
+            service_name: str = "MemoryConfigService",
     ) -> MemoryConfig:
         """
         Load memory configuration from database with optional fallback.
@@ -193,14 +202,14 @@ class MemoryConfigService:
         try:
             # Use get_config_with_fallback if workspace_id is provided
             memory_config = None
+            validated_config_id = None
             if workspace_id:
-                validated_config_id = None
                 if config_id:
                     try:
                         validated_config_id = _validate_config_id(config_id, self.db)
                     except Exception:
                         validated_config_id = None
-                
+
                 memory_config = self.get_config_with_fallback(
                     memory_config_id=validated_config_id,
                     workspace_id=workspace_id
@@ -209,7 +218,7 @@ class MemoryConfigService:
                 validated_config_id = _validate_config_id(config_id, self.db)
                 from app.models.memory_config_model import MemoryConfig as MemoryConfigModel
                 memory_config = self.db.get(MemoryConfigModel, validated_config_id)
-            
+
             if not memory_config:
                 elapsed_ms = (time.time() - start_time) * 1000
                 config_logger.error(
@@ -232,7 +241,7 @@ class MemoryConfigService:
             result = MemoryConfigRepository.get_config_with_workspace(self.db, memory_config.config_id)
             db_query_time = time.time() - db_query_start
             logger.info(f"[PERF] Config+Workspace query: {db_query_time:.4f}s")
-            
+
             if not result:
                 raise ConfigurationError(
                     f"Workspace not found for config {memory_config.config_id}"
@@ -242,10 +251,10 @@ class MemoryConfigService:
 
             # Helper function to validate model with workspace fallback
             def _validate_model_with_fallback(
-                model_id: str,
-                model_type: str,
-                workspace_default: str,
-                required: bool = False
+                    model_id: str,
+                    model_type: str,
+                    workspace_default: str,
+                    required: bool = False
             ) -> tuple:
                 """Validate model ID, falling back to workspace default if invalid.
                 
@@ -274,7 +283,7 @@ class MemoryConfigService:
                         logger.warning(
                             f"{model_type} model validation failed, trying workspace default: {e}"
                         )
-                
+
                 # Fallback to workspace default
                 if workspace_default:
                     try:
@@ -296,7 +305,7 @@ class MemoryConfigService:
                         logger.error(f"Workspace default {model_type} model also invalid: {e}")
                         if required:
                             raise
-                
+
                 if required:
                     raise InvalidConfigError(
                         f"{model_type.title()} model is required but not configured",
@@ -305,7 +314,7 @@ class MemoryConfigService:
                         config_id=validated_config_id,
                         workspace_id=workspace.id
                     )
-                
+
                 return None, None
 
             # Step 2: Validate embedding model with workspace fallback
@@ -342,6 +351,35 @@ class MemoryConfigService:
             if memory_config.rerank_id or workspace.rerank:
                 logger.info(f"[PERF] Rerank validation: {rerank_time:.4f}s")
 
+            vision_uuid, vision_name = validate_and_resolve_model_id(
+                memory_config.vision_id,
+                "llm",
+                self.db,
+                workspace.tenant_id,
+                required=False,
+                config_id=validated_config_id,
+                workspace_id=workspace.id,
+            )
+
+            audio_uuid, audio_name = validate_and_resolve_model_id(
+                memory_config.audio_id,
+                "llm",
+                self.db,
+                workspace.tenant_id,
+                required=False,
+                config_id=validated_config_id,
+                workspace_id=workspace.id,
+            )
+
+            video_uuid, video_name = validate_and_resolve_model_id(
+                memory_config.video_id,
+                "llm",
+                self.db,
+                workspace.tenant_id,
+                required=False,
+                config_id=validated_config_id,
+                workspace_id=workspace.id,
+            )
             # Create immutable MemoryConfig object
             config = MemoryConfig(
                 config_id=memory_config.config_id,
@@ -355,6 +393,12 @@ class MemoryConfigService:
                 embedding_model_name=embedding_name,
                 rerank_model_id=rerank_uuid,
                 rerank_model_name=rerank_name,
+                video_model_id=video_uuid,
+                video_model_name=video_name,
+                vision_model_id=vision_uuid,
+                vision_model_name=vision_name,
+                audio_model_id=audio_uuid,
+                audio_model_name=audio_name,
                 storage_type=workspace.storage_type or "neo4j",
                 chunker_strategy=memory_config.chunker_strategy or "RecursiveChunker",
                 reflexion_enabled=memory_config.enable_self_reflexion or False,
@@ -363,27 +407,34 @@ class MemoryConfigService:
                 reflexion_baseline=memory_config.baseline or "Time",
                 loaded_at=datetime.now(),
                 # Pipeline config: Deduplication
-                enable_llm_dedup_blockwise=bool(memory_config.enable_llm_dedup_blockwise) if memory_config.enable_llm_dedup_blockwise is not None else False,
-                enable_llm_disambiguation=bool(memory_config.enable_llm_disambiguation) if memory_config.enable_llm_disambiguation is not None else False,
+                enable_llm_dedup_blockwise=bool(
+                    memory_config.enable_llm_dedup_blockwise) if memory_config.enable_llm_dedup_blockwise is not None else False,
+                enable_llm_disambiguation=bool(
+                    memory_config.enable_llm_disambiguation) if memory_config.enable_llm_disambiguation is not None else False,
                 deep_retrieval=bool(memory_config.deep_retrieval) if memory_config.deep_retrieval is not None else True,
                 t_type_strict=float(memory_config.t_type_strict) if memory_config.t_type_strict is not None else 0.8,
                 t_name_strict=float(memory_config.t_name_strict) if memory_config.t_name_strict is not None else 0.8,
                 t_overall=float(memory_config.t_overall) if memory_config.t_overall is not None else 0.8,
                 # Pipeline config: Statement extraction
-                statement_granularity=int(memory_config.statement_granularity) if memory_config.statement_granularity is not None else 2,
-                include_dialogue_context=bool(memory_config.include_dialogue_context) if memory_config.include_dialogue_context is not None else False,
-                max_dialogue_context_chars=int(memory_config.max_context) if memory_config.max_context is not None else 1000,
+                statement_granularity=int(
+                    memory_config.statement_granularity) if memory_config.statement_granularity is not None else 2,
+                include_dialogue_context=bool(
+                    memory_config.include_dialogue_context) if memory_config.include_dialogue_context is not None else False,
+                max_dialogue_context_chars=int(
+                    memory_config.max_context) if memory_config.max_context is not None else 1000,
                 # Pipeline config: Forgetting engine
                 lambda_time=float(memory_config.lambda_time) if memory_config.lambda_time is not None else 0.5,
                 lambda_mem=float(memory_config.lambda_mem) if memory_config.lambda_mem is not None else 0.5,
                 offset=float(memory_config.offset) if memory_config.offset is not None else 0.0,
                 # Pipeline config: Pruning
-                pruning_enabled=bool(memory_config.pruning_enabled) if memory_config.pruning_enabled is not None else False,
+                pruning_enabled=bool(
+                    memory_config.pruning_enabled) if memory_config.pruning_enabled is not None else False,
                 pruning_scene=memory_config.pruning_scene or "education",
-                pruning_threshold=float(memory_config.pruning_threshold) if memory_config.pruning_threshold is not None else 0.5,
+                pruning_threshold=float(
+                    memory_config.pruning_threshold) if memory_config.pruning_threshold is not None else 0.5,
                 # Ontology scene association
                 scene_id=memory_config.scene_id,
-                ontology_classes=_load_ontology_classes(self.db, memory_config.scene_id, memory_config.pruning_scene),
+                ontology_class_infos=_load_ontology_class_infos(self.db, memory_config.scene_id),
             )
 
             elapsed_ms = (time.time() - start_time) * 1000
@@ -447,9 +498,9 @@ class MemoryConfigService:
         if not config:
             logger.warning(f"Model ID {model_id} not found")
             raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="模型ID不存在")
-        
+
         api_config: ModelApiKey = config.api_keys[0]
-        
+
         return {
             "model_name": api_config.model_name,
             "provider": api_config.provider,
@@ -480,9 +531,9 @@ class MemoryConfigService:
         if not config:
             logger.warning(f"Embedding model ID {embedding_id} not found")
             raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="嵌入模型ID不存在")
-        
+
         api_config: ModelApiKey = config.api_keys[0]
-        
+
         return {
             "model_name": api_config.model_name,
             "provider": api_config.provider,
@@ -550,11 +601,13 @@ class MemoryConfigService:
             - pruning_switch: bool
             - pruning_scene: str
             - pruning_threshold: float
+            - ontology_class_infos: list of {class_name, class_description} dicts
         """
         return {
             "pruning_switch": memory_config.pruning_enabled,
             "pruning_scene": memory_config.pruning_scene,
             "pruning_threshold": memory_config.pruning_threshold,
+            "ontology_class_infos": memory_config.ontology_class_infos or [],
         }
 
     def get_ontology_types(self, memory_config: MemoryConfig):
@@ -568,25 +621,25 @@ class MemoryConfigService:
         """
         from app.core.memory.models.ontology_extraction_models import OntologyTypeList
         from app.repositories.ontology_class_repository import OntologyClassRepository
-        
+
         if not memory_config.scene_id:
             logger.debug("No scene_id configured, skipping ontology type fetch")
             return None
-        
+
         try:
             ontology_repo = OntologyClassRepository(self.db)
             ontology_classes = ontology_repo.get_classes_by_scene(memory_config.scene_id)
-            
+
             if not ontology_classes:
                 logger.info(f"No ontology classes found for scene_id: {memory_config.scene_id}")
                 return None
-            
+
             ontology_types = OntologyTypeList.from_db_models(ontology_classes)
             logger.info(
                 f"Loaded {len(ontology_types.types)} ontology types for scene_id: {memory_config.scene_id}"
             )
             return ontology_types
-            
+
         except Exception as e:
             logger.warning(
                 f"Failed to fetch ontology types for scene_id {memory_config.scene_id}: {e}",
@@ -595,8 +648,8 @@ class MemoryConfigService:
             return None
 
     def get_workspace_default_config(
-        self,
-        workspace_id: UUID
+            self,
+            workspace_id: UUID
     ) -> Optional["MemoryConfigModel"]:
         """Get workspace default memory config.
         
@@ -610,19 +663,19 @@ class MemoryConfigService:
             Optional[MemoryConfigModel]: Default config or None if no configs exist
         """
         config = MemoryConfigRepository.get_workspace_default(self.db, workspace_id)
-        
+
         if not config:
             logger.warning(
                 "No active memory config found for workspace fallback",
                 extra={"workspace_id": str(workspace_id)}
             )
-        
+
         return config
 
     def get_config_with_fallback(
-        self,
-        memory_config_id: Optional[UUID],
-        workspace_id: UUID
+            self,
+            memory_config_id: Optional[UUID],
+            workspace_id: UUID
     ) -> Optional["MemoryConfigModel"]:
         """Get memory config with fallback to workspace default.
         
@@ -641,13 +694,13 @@ class MemoryConfigService:
                 "No memory config ID provided, using workspace default",
                 extra={"workspace_id": str(workspace_id)}
             )
-        
+
         config = MemoryConfigRepository.get_with_fallback(
             self.db,
             memory_config_id,
             workspace_id
         )
-        
+
         if not config and memory_config_id:
             logger.warning(
                 "Memory config not found, falling back to workspace default",
@@ -656,13 +709,13 @@ class MemoryConfigService:
                     "workspace_id": str(workspace_id)
                 }
             )
-        
+
         return config
 
     def delete_config(
-        self,
-        config_id: UUID | int,
-        force: bool = False
+            self,
+            config_id: UUID | int,
+            force: bool = False
     ) -> dict:
         """Delete memory config with protection against in-use configs.
         
@@ -684,7 +737,7 @@ class MemoryConfigService:
         from app.core.exceptions import ResourceNotFoundException
         from app.models.memory_config_model import MemoryConfig as MemoryConfigModel
         from app.repositories.end_user_repository import EndUserRepository
-        
+
         # 处理旧格式 int 类型的 config_id
         if isinstance(config_id, int):
             logger.warning(
@@ -696,11 +749,11 @@ class MemoryConfigService:
                 "message": "旧格式配置ID不支持删除操作，请使用新版配置",
                 "legacy_int_id": config_id
             }
-        
+
         config = self.db.get(MemoryConfigModel, config_id)
         if not config:
             raise ResourceNotFoundException("MemoryConfig", str(config_id))
-        
+
         # Check if this is the default config - default configs cannot be deleted
         if config.is_default:
             logger.warning(
@@ -712,11 +765,11 @@ class MemoryConfigService:
                 "message": "默认配置不允许删除",
                 "is_default": True
             }
-        
+
         # Use repository to count connected end users
         end_user_repo = EndUserRepository(self.db)
         connected_count = end_user_repo.count_by_memory_config_id(config_id)
-        
+
         if connected_count > 0 and not force:
             logger.warning(
                 "Attempted to delete memory config with connected end users",
@@ -725,18 +778,18 @@ class MemoryConfigService:
                     "connected_count": connected_count
                 }
             )
-            
+
             return {
                 "status": "warning",
                 "message": f"无法删除记忆配置：{connected_count} 个终端用户正在使用此配置",
                 "connected_count": connected_count,
                 "force_required": True
             }
-        
+
         # Force delete: use repository to clear end user references first
         if connected_count > 0 and force:
             cleared_count = end_user_repo.clear_memory_config_id(config_id)
-            
+
             logger.warning(
                 "Force deleting memory config, clearing end user references",
                 extra={
@@ -744,11 +797,11 @@ class MemoryConfigService:
                     "cleared_end_users": cleared_count
                 }
             )
-        
+
         try:
             self.db.delete(config)
             self.db.commit()
-            
+
             logger.info(
                 "Memory config deleted",
                 extra={
@@ -757,16 +810,16 @@ class MemoryConfigService:
                     "affected_users": connected_count
                 }
             )
-            
+
             return {
                 "status": "success",
                 "message": "记忆配置删除成功",
                 "affected_users": connected_count
             }
-            
+
         except IntegrityError as e:
             self.db.rollback()
-            
+
             # Handle foreign key violation gracefully
             error_str = str(e.orig) if e.orig else str(e)
             if "ForeignKeyViolation" in error_str or "foreign key constraint" in error_str.lower():
@@ -782,7 +835,7 @@ class MemoryConfigService:
                     "message": "无法删除记忆配置：仍有终端用户引用此配置，请使用 force=true 强制删除",
                     "force_required": True
                 }
-            
+
             # Re-raise other integrity errors
             logger.error(
                 "Delete failed due to integrity error",
@@ -797,9 +850,9 @@ class MemoryConfigService:
     # ==================== 记忆配置提取方法 ====================
 
     def extract_memory_config_id(
-        self,
-        app_type: str,
-        config: dict
+            self,
+            app_type: str,
+            config: dict
     ) -> tuple[Optional[uuid.UUID], bool]:
         """从发布配置中提取 memory_config_id（根据应用类型分发）
         
@@ -824,9 +877,26 @@ class MemoryConfigService:
             logger.warning(f"不支持的应用类型，无法提取记忆配置: app_type={app_type}")
             return None, False
 
+    def _resolve_config_id_old(self, config_id_old: int) -> Optional[uuid.UUID]:
+        """通过 config_id_old 查询对应的 UUID config_id。
+
+        Args:
+            config_id_old: 旧格式的整数配置ID
+
+        Returns:
+            对应的 UUID config_id，未找到返回 None
+        """
+        from app.models.memory_config_model import MemoryConfig as MemoryConfigModel
+        result = self.db.query(MemoryConfigModel).filter(
+            MemoryConfigModel.config_id_old == config_id_old
+        ).first()
+        if result:
+            return result.config_id
+        return None
+
     def _extract_memory_config_id_from_agent(
-        self,
-        config: dict
+            self,
+            config: dict
     ) -> tuple[Optional[uuid.UUID], bool]:
         """从 Agent 应用配置中提取 memory_config_id
         
@@ -855,10 +925,11 @@ class MemoryConfigService:
                 elif isinstance(memory_value, str):
                     # Check if it's a numeric string (legacy int format)
                     if memory_value.isdigit():
-                        logger.warning(
-                            f"Agent 配置中 memory_config_id 为旧格式 int 字符串，将使用工作空间默认配置: "
-                            f"value={memory_value}"
-                        )
+                        resolved = self._resolve_config_id_old(int(memory_value))
+                        if resolved:
+                            logger.info(f"Resolved legacy config_id_old={memory_value} to config_id={resolved}")
+                            return resolved, False
+                        logger.warning(f"未找到 config_id_old={memory_value} 对应的配置，将使用工作空间默认配置")
                         return None, True
                     try:
                         return uuid.UUID(memory_value), False
@@ -866,11 +937,11 @@ class MemoryConfigService:
                         logger.warning(f"Invalid UUID string: {memory_value}")
                         return None, False
                 elif isinstance(memory_value, int):
-                    # 旧数据存储为 int，需要回退到工作空间默认配置
-                    logger.warning(
-                        f"Agent 配置中 memory_config_id 为旧格式 int，将使用工作空间默认配置: "
-                        f"value={memory_value}"
-                    )
+                    resolved = self._resolve_config_id_old(memory_value)
+                    if resolved:
+                        logger.info(f"Resolved legacy config_id_old={memory_value} to config_id={resolved}")
+                        return resolved, False
+                    logger.warning(f"未找到 config_id_old={memory_value} 对应的配置，将使用工作空间默认配置")
                     return None, True
                 else:
                     logger.warning(
@@ -885,8 +956,8 @@ class MemoryConfigService:
             return None, False
 
     def _extract_memory_config_id_from_workflow(
-        self,
-        config: dict
+            self,
+            config: dict
     ) -> tuple[Optional[uuid.UUID], bool]:
         """从 Workflow 应用配置中提取 memory_config_id
         
@@ -902,14 +973,14 @@ class MemoryConfigService:
                 - is_legacy_int: 是否检测到旧格式 int 数据
         """
         nodes = config.get("nodes", [])
-        
+
         for node in nodes:
             node_type = node.get("type", "")
-            
+
             # 检查是否为记忆节点 (support both formats: memory-read/memory-write and MemoryRead/MemoryWrite)
             if node_type.lower() in ["memoryread", "memorywrite", "memory-read", "memory-write"]:
                 config_id = node.get("config", {}).get("config_id")
-                
+
                 if config_id:
                     try:
                         # 处理字符串、UUID 和 int（旧数据兼容）三种情况
@@ -918,10 +989,16 @@ class MemoryConfigService:
                         elif isinstance(config_id, str):
                             return uuid.UUID(config_id), False
                         elif isinstance(config_id, int):
-                            # 旧数据存储为 int，需要回退到工作空间默认配置
+                            resolved = self._resolve_config_id_old(config_id)
+                            if resolved:
+                                logger.info(
+                                    f"Resolved workflow legacy config_id_old={config_id} to config_id={resolved}: "
+                                    f"node_id={node.get('id')}, node_type={node_type}"
+                                )
+                                return resolved, False
                             logger.warning(
-                                f"工作流记忆节点 config_id 为旧格式 int，将使用工作空间默认配置: "
-                                f"node_id={node.get('id')}, node_type={node_type}, value={config_id}"
+                                f"未找到工作流记忆节点 config_id_old={config_id} 对应的配置，将使用工作空间默认配置: "
+                                f"node_id={node.get('id')}, node_type={node_type}"
                             )
                             return None, True
                         else:
@@ -934,6 +1011,6 @@ class MemoryConfigService:
                             f"工作流记忆节点 config_id 格式无效: node_id={node.get('id')}, "
                             f"node_type={node_type}, error={str(e)}"
                         )
-        
+
         logger.debug("工作流配置中未找到记忆节点")
         return None, False
diff --git a/api/app/services/memory_forget_service.py b/api/app/services/memory_forget_service.py
index a0bcc1a1..2d91f025 100644
--- a/api/app/services/memory_forget_service.py
+++ b/api/app/services/memory_forget_service.py
@@ -204,30 +204,35 @@ class MemoryForgetService:
         end_user_id: str,
         forgetting_threshold: float,
         min_days_since_access: int,
-        limit: int = 20
-    ) -> list[Dict[str, Any]]:
+        page: Optional[int] = None,
+        pagesize: Optional[int] = None
+    ) -> Dict[str, Any]:
         """
         获取待遗忘节点列表
-        
-        查询满足遗忘条件的节点（激活值低于阈值且最后访问时间超过最小天数）
-        
+
+        查询满足遗忘条件的节点（激活值低于阈值且最后访问时间超过最小天数）。支持分页查询。
+
         Args:
             connector: Neo4j 连接器
             end_user_id: 组ID
             forgetting_threshold: 遗忘阈值
             min_days_since_access: 最小未访问天数
-            limit: 返回节点数量限制
-        
+            page: 页码（可选，从1开始）
+            pagesize: 每页数量（可选）
+
         Returns:
-            list: 待遗忘节点列表
+            dict: 包含待遗忘节点列表和分页信息的字典
+                - items: 待遗忘节点列表
+                - page: 分页信息（分页时）
         """
         from datetime import timedelta
-        
+
         # 计算最小访问时间（ISO 8601 格式字符串，使用 UTC 时区）
         min_access_time = datetime.now(timezone.utc) - timedelta(days=min_days_since_access)
         min_access_time_str = min_access_time.strftime('%Y-%m-%dT%H:%M:%S.%fZ')
-        
-        query = """
+
+        # 基础查询（用于获取总数）
+        count_query = """
         MATCH (n)
         WHERE (n:Statement OR n:ExtractedEntity OR n:MemorySummary)
           AND n.end_user_id = $end_user_id
@@ -235,10 +240,22 @@ class MemoryForgetService:
           AND n.activation_value < $threshold
           AND n.last_access_time IS NOT NULL
           AND datetime(n.last_access_time) < datetime($min_access_time_str)
-        RETURN 
+        RETURN count(n) as total
+        """
+
+        # 数据查询
+        data_query = """
+        MATCH (n)
+        WHERE (n:Statement OR n:ExtractedEntity OR n:MemorySummary)
+          AND n.end_user_id = $end_user_id
+          AND n.activation_value IS NOT NULL
+          AND n.activation_value < $threshold
+          AND n.last_access_time IS NOT NULL
+          AND datetime(n.last_access_time) < datetime($min_access_time_str)
+        RETURN
           elementId(n) as node_id,
           labels(n)[0] as node_type,
-          CASE 
+          CASE
             WHEN n:Statement THEN n.statement
             WHEN n:ExtractedEntity THEN n.name
             WHEN n:MemorySummary THEN n.content
@@ -247,18 +264,32 @@ class MemoryForgetService:
           n.activation_value as activation_value,
           n.last_access_time as last_access_time
         ORDER BY n.activation_value ASC
-        LIMIT $limit
         """
-        
+
+        # 如果启用分页，添加 SKIP 和 LIMIT
+        if page is not None and pagesize is not None and page > 0 and pagesize > 0:
+            data_query += " SKIP $skip LIMIT $limit"
+
         params = {
             'end_user_id': end_user_id,
             'threshold': forgetting_threshold,
-            'min_access_time_str': min_access_time_str,
-            'limit': limit
+            'min_access_time_str': min_access_time_str
         }
-        
-        results = await connector.execute_query(query, **params)
-        
+
+        # 获取总数（分页时需要）
+        total = 0
+        if page is not None and pagesize is not None and page > 0 and pagesize > 0:
+            count_results = await connector.execute_query(count_query, **params)
+            if count_results:
+                total = count_results[0]['total']
+
+        # 添加分页参数
+        if page is not None and pagesize is not None and page > 0 and pagesize > 0:
+            params['skip'] = (page - 1) * pagesize
+            params['limit'] = pagesize
+
+        results = await connector.execute_query(data_query, **params)
+
         pending_nodes = []
         for result in results:
             # 将节点类型标签转换为小写
@@ -267,7 +298,7 @@ class MemoryForgetService:
                 node_type_label = 'entity'
             elif node_type_label == 'memorysummary':
                 node_type_label = 'summary'
-            
+
             # 将 Neo4j DateTime 对象转换为时间戳（毫秒）
             last_access_time = result['last_access_time']
             last_access_dt = convert_neo4j_datetime_to_python(last_access_time)
@@ -278,7 +309,7 @@ class MemoryForgetService:
                 last_access_timestamp = int(last_access_dt.timestamp() * 1000)
             else:
                 last_access_timestamp = 0
-            
+
             pending_nodes.append({
                 'node_id': str(result['node_id']),
                 'node_type': node_type_label,
@@ -286,8 +317,20 @@ class MemoryForgetService:
                 'activation_value': result['activation_value'],
                 'last_access_time': last_access_timestamp
             })
-        
-        return pending_nodes
+
+        # 构建返回结果
+        result: Dict[str, Any] = {'items': pending_nodes}
+
+        # 如果启用分页，添加分页信息
+        if page is not None and pagesize is not None and page > 0 and pagesize > 0:
+            result['page'] = {
+                'page': page,
+                'pagesize': pagesize,
+                'total': total,
+                'hasnext': (page * pagesize) < total
+            }
+
+        return result
     
     async def trigger_forgetting_cycle(
         self,
@@ -315,6 +358,12 @@ class MemoryForgetService:
         # 获取遗忘引擎组件
         _, _, forgetting_scheduler, config = await self._get_forgetting_components(db, config_id)
         
+        # 如果参数为 None，使用配置中的默认值
+        if max_merge_batch_size is None:
+            max_merge_batch_size = config.get('max_merge_batch_size', 100)
+        if min_days_since_access is None:
+            min_days_since_access = config.get('min_days_since_access', 30)
+        
         # 记录执行开始时间
         execution_time = datetime.now()
         
@@ -630,7 +679,7 @@ class MemoryForgetService:
             api_logger.error(f"获取历史趋势数据失败: {str(e)}")
             # 失败时返回空列表，不影响主流程
         
-        # 获取待遗忘节点列表（前20个满足遗忘条件的节点）
+        # 获取待遗忘节点列表
         pending_nodes = []
         try:
             if end_user_id:
@@ -646,8 +695,7 @@ class MemoryForgetService:
                     connector=connector,
                     end_user_id=end_user_id,
                     forgetting_threshold=forgetting_threshold,
-                    min_days_since_access=int(min_days),
-                    limit=20
+                    min_days_since_access=int(min_days)
                 )
                 
                 api_logger.info(f"成功获取 {len(pending_nodes)} 个待遗忘节点")
@@ -655,24 +703,79 @@ class MemoryForgetService:
         except Exception as e:
             api_logger.error(f"获取待遗忘节点失败: {str(e)}")
             # 失败时返回空列表，不影响主流程
-        
-        # 构建统计信息
+
+        # 构建统计信息（不包含 pending_nodes，已分离到独立接口）
         stats = {
             'activation_metrics': activation_metrics,
             'node_distribution': node_distribution,
             'recent_trends': recent_trends,
-            'pending_nodes': pending_nodes,
             'timestamp': int(datetime.now().timestamp() * 1000)
         }
-        
+
         api_logger.info(
             f"成功获取遗忘引擎统计: total_nodes={stats['activation_metrics']['total_nodes']}, "
             f"low_activation_nodes={stats['activation_metrics']['low_activation_nodes']}, "
-            f"trend_days={len(recent_trends)}, pending_nodes={len(pending_nodes)}"
+            f"trend_days={len(recent_trends)}"
         )
-        
+
         return stats
-    
+
+    async def get_pending_nodes(
+        self,
+        db: Session,
+        end_user_id: str,
+        config_id: Optional[UUID] = None,
+        page: int = 1,
+        pagesize: int = 10
+    ) -> Dict[str, Any]:
+        """
+        获取待遗忘节点列表（独立分页接口）
+
+        查询满足遗忘条件的节点（激活值低于阈值且最后访问时间超过最小天数）。
+
+        Args:
+            db: 数据库会话
+            end_user_id: 组ID（必填）
+            config_id: 配置ID（可选，用于获取遗忘阈值）
+            page: 页码（从1开始，默认1）
+            pagesize: 每页数量（默认10）
+
+        Returns:
+            dict: 包含待遗忘节点列表和分页信息的字典
+                - items: 待遗忘节点列表
+                - page: 分页信息
+        """
+        # 获取遗忘引擎组件
+        _, _, forgetting_scheduler, config = await self._get_forgetting_components(db, config_id)
+
+        connector = forgetting_scheduler.connector
+        forgetting_threshold = config['forgetting_threshold']
+
+        # 验证 min_days_since_access 配置值
+        min_days = config.get('min_days_since_access')
+        if min_days is None or not isinstance(min_days, (int, float)) or min_days < 0:
+            api_logger.warning(
+                f"min_days_since_access 配置无效: {min_days}, 使用默认值 7"
+            )
+            min_days = 7
+
+        # 调用内部方法获取分页数据
+        pending_nodes_result = await self._get_pending_forgetting_nodes(
+            connector=connector,
+            end_user_id=end_user_id,
+            forgetting_threshold=forgetting_threshold,
+            min_days_since_access=int(min_days),
+            page=page,
+            pagesize=pagesize
+        )
+
+        api_logger.info(
+            f"成功获取待遗忘节点列表: end_user_id={end_user_id}, "
+            f"page={page}, pagesize={pagesize}, total={pending_nodes_result.get('page', {}).get('total', 0)}"
+        )
+
+        return pending_nodes_result
+
     async def get_forgetting_curve(
         self,
         db: Session,
diff --git a/api/app/services/memory_konwledges_server.py b/api/app/services/memory_konwledges_server.py
index b8961d33..523adadb 100644
--- a/api/app/services/memory_konwledges_server.py
+++ b/api/app/services/memory_konwledges_server.py
@@ -341,7 +341,7 @@ async def memory_konwledges_up(
     )
     db_document = document_service.create_document(db=db, document=create_document_data, current_user=current_user)
 
-    return success(data=document_schema.Document.model_validate(db_document), msg="custom text upload successful")
+    return db_document
 
 
 async def create_document_chunk(
@@ -350,7 +350,7 @@ async def create_document_chunk(
         create_data: ChunkCreate,
         db: Session,
         current_user: User
-):
+) -> DocumentChunk:
     """
     创建文档块
 
@@ -439,10 +439,10 @@ async def create_document_chunk(
     db_document.chunk_num += 1
     db.commit()
 
-    return success(data=chunk, msg="文档块创建成功")
+    return chunk
 
 
-async def write_rag(end_user_id, message, user_rag_memory_id):
+async def write_rag(end_user_id, message, user_rag_memory_id) -> DocumentChunk:
     """
     将消息写入 RAG 知识库
 
@@ -482,11 +482,11 @@ async def write_rag(end_user_id, message, user_rag_memory_id):
         document = find_document_id_by_kb_and_filename(db=db, kb_id=user_rag_memory_id, file_name=f"{end_user_id}.txt")
         print('======', document)
         api_logger.info(f"查找文档结果: document_id={document}")
+        create_chunks = ChunkCreate(content=message)
         if document is not None:
             # 文档已存在，直接添加新块
             api_logger.info(f"文档已存在，添加新块: document_id={document}")
 
-            create_chunks = ChunkCreate(content=message)
             result = await create_document_chunk(
                 kb_id=kb_uuid,
                 document_id=uuid.UUID(document),
@@ -498,13 +498,20 @@ async def write_rag(end_user_id, message, user_rag_memory_id):
         else:
             # 文档不存在，创建新文档
             api_logger.info(f"文档不存在，创建新文档: end_user_id={end_user_id}")
-            result = await memory_konwledges_up(
+            document = await memory_konwledges_up(
                 kb_id=user_rag_memory_id,
                 parent_id=user_rag_memory_id,
                 create_data=create_data,
                 db=db,
                 current_user=current_user
             )
+            result = await create_document_chunk(
+                kb_id=kb_uuid,
+                document_id=document.id,
+                create_data=create_chunks,
+                db=db,
+                current_user=current_user
+            )
             # 重新查询刚创建的文档ID
             new_document_id = find_document_id_by_kb_and_filename(
                 db=db,
diff --git a/api/app/services/memory_perceptual_service.py b/api/app/services/memory_perceptual_service.py
index 8a7c86e2..3ee238e2 100644
--- a/api/app/services/memory_perceptual_service.py
+++ b/api/app/services/memory_perceptual_service.py
@@ -12,11 +12,12 @@ from app.core.error_codes import BizCode
 from app.core.exceptions import BusinessException
 from app.core.logging_config import get_business_logger
 from app.core.models import RedBearLLM, RedBearModelConfig
-from app.models import FileMetadata
+from app.models import FileMetadata, ModelApiKey, ModelType
 from app.models.memory_perceptual_model import PerceptualType, FileStorageService
 from app.models.prompt_optimizer_model import RoleType
 from app.repositories.memory_perceptual_repository import MemoryPerceptualRepository
-from app.schemas import FileType
+from app.schemas import FileType, FileInput
+from app.schemas.memory_config_schema import MemoryConfig
 from app.schemas.memory_perceptual_schema import (
     PerceptualQuerySchema,
     PerceptualTimelineResponse,
@@ -24,6 +25,8 @@ from app.schemas.memory_perceptual_schema import (
     AudioModal, Content, VideoModal, TextModal
 )
 from app.schemas.model_schema import ModelInfo
+from app.services.model_service import ModelApiKeyService
+from app.services.multimodal_service import MultimodalService
 
 business_logger = get_business_logger()
 
@@ -195,21 +198,58 @@ class MemoryPerceptualService:
             business_logger.error(f"Failed to fetch perceptual memory timeline: {str(e)}")
             raise BusinessException(f"Failed to fetch perceptual memory timeline: {str(e)}", BizCode.DB_ERROR)
 
+    def _get_mutlimodal_client(
+            self,
+            file_type: FileType,
+            config: MemoryConfig
+    ) -> tuple[RedBearLLM | None, ModelApiKey | None]:
+        model_config = None
+        if file_type == FileType.AUDIO:
+            model_config = ModelApiKeyService.get_available_api_key(
+                self.db,
+                config.audio_model_id
+            )
+        elif file_type == FileType.VIDEO:
+            model_config = ModelApiKeyService.get_available_api_key(
+                self.db,
+                config.video_model_id
+            )
+        elif file_type == FileType.DOCUMENT:
+            model_config = ModelApiKeyService.get_available_api_key(
+                self.db,
+                config.llm_model_id
+            )
+        elif file_type == FileType.IMAGE:
+            model_config = ModelApiKeyService.get_available_api_key(
+                self.db,
+                config.vision_model_id
+            )
+        llm = None
+        if model_config:
+            llm = RedBearLLM(
+                RedBearModelConfig(
+                    model_name=model_config.model_name,
+                    provider=model_config.provider,
+                    api_key=model_config.api_key,
+                    base_url=model_config.api_base,
+                    is_omni=model_config.is_omni
+                )
+            )
+        return llm, model_config
+
     async def generate_perceptual_memory(
             self,
             end_user_id: str,
-            model_config: ModelInfo,
-            file_type: str,
-            file_url: str,
-            file_message: dict,
+            memory_config: MemoryConfig,
+            file: FileInput
     ):
-        memories = self.repository.get_by_url(file_url)
+        memories = self.repository.get_by_url(file.url)
         if memories:
-            business_logger.info(f"Perceptual memory already exists: {file_url}")
+            business_logger.info(f"Perceptual memory already exists: {file.url}")
             if end_user_id not in [memory.end_user_id for memory in memories]:
                 business_logger.info(f"Copy perceptual memory end_user_id: {end_user_id}")
                 memory_cache = memories[0]
-                self.repository.create_perceptual_memory(
+                memory = self.repository.create_perceptual_memory(
                     end_user_id=uuid.UUID(end_user_id),
                     perceptual_type=PerceptualType(memory_cache.perceptual_type),
                     file_path=memory_cache.file_path,
@@ -219,20 +259,33 @@ class MemoryPerceptualService:
                     meta_data=memory_cache.meta_data
                 )
                 self.db.commit()
-
-            return
-        llm = RedBearLLM(RedBearModelConfig(
+                return memory
+            else:
+                for memory in memories:
+                    if memory.end_user_id == uuid.UUID(end_user_id):
+                        return memory
+        llm, model_config = self._get_mutlimodal_client(file.type, memory_config)
+        multimodel_service = MultimodalService(self.db, ModelInfo(
             model_name=model_config.model_name,
             provider=model_config.provider,
             api_key=model_config.api_key,
-            base_url=model_config.api_base,
-            is_omni=model_config.is_omni
-        ), type=model_config.model_type)
+            api_base=model_config.api_base,
+            is_omni=model_config.is_omni,
+            capability=model_config.capability,
+            model_type=ModelType.LLM
+        ))
+        file_message = await multimodel_service.process_files(
+            files=[file]
+        )
+        if not file_message:
+            business_logger.warning(f"Unsupported file type {file}, model capability: {model_config.capability}")
+            return None
+        file_message = file_message[0]
         try:
             prompt_path = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'prompt')
             with open(os.path.join(prompt_path, 'perceptual_summary_system.jinja2'), 'r', encoding='utf-8') as f:
                 opt_system_prompt = f.read()
-            rendered_system_message = Template(opt_system_prompt).render(file_type=file_type, language='zh')
+            rendered_system_message = Template(opt_system_prompt).render(file_type=file.type, language='zh')
         except FileNotFoundError:
             raise BusinessException(message="System prompt template not found", code=BizCode.NOT_FOUND)
         messages = [
@@ -242,8 +295,22 @@ class MemoryPerceptualService:
             ]}
         ]
         result = await llm.ainvoke(messages)
-        content = json_repair.repair_json(result.content, return_objects=True)
-        path = urlparse(file_url).path
+        content = result.content
+        final_output = ""
+        if isinstance(content, list):
+            for msg in content:
+                if isinstance(msg, dict):
+                    final_output += msg.get("text", "")
+                elif isinstance(msg, str):
+                    final_output += msg
+        elif isinstance(content, dict):
+            final_output += content.get("text", "")
+        elif isinstance(content, str):
+            final_output = content
+        else:
+            raise ValueError(f"Unexcept Model Output Type: {result.content}")
+        content = json_repair.repair_json(final_output, return_objects=True)
+        path = urlparse(file.url).path
         filename = os.path.basename(path)
         filename = unquote(filename)
         file_ext = os.path.splitext(filename)[1]
@@ -252,21 +319,21 @@ class MemoryPerceptualService:
             stmt = select(FileMetadata).where(
                 FileMetadata.id == file_id
             )
-            file = self.db.execute(stmt).scalar_one_or_none()
+            file_obj = self.db.execute(stmt).scalar_one_or_none()
 
-            if file:
-                filename = file.file_name
-                file_ext = file.file_ext
+            if file_obj:
+                filename = file_obj.file_name
+                file_ext = file_obj.file_ext
         except ValueError:
             business_logger.debug(f"Remote file, file_id={filename}")
         if not file_ext:
-            if file_type == FileType.AUDIO:
+            if file.type == FileType.AUDIO:
                 file_ext = ".mp3"
-            elif file_type == FileType.VIDEO:
+            elif file.type == FileType.VIDEO:
                 file_ext = ".mp4"
-            elif file_type == FileType.DOCUMENT:
+            elif file.type == FileType.DOCUMENT:
                 file_ext = ".txt"
-            elif file_type == FileType.IMAGE:
+            elif file.type == FileType.IMAGE:
                 file_ext = ".jpg"
             filename += file_ext
         file_content = {
@@ -274,11 +341,11 @@ class MemoryPerceptualService:
             "topic": content.get("topic"),
             "domain": content.get("domain")
         }
-        if file_type in [FileType.IMAGE, FileType.VIDEO]:
+        if file.type in [FileType.IMAGE, FileType.VIDEO]:
             file_modalities = {
                 "scene": content.get("scene", [])
             }
-        elif file_type in [FileType.DOCUMENT]:
+        elif file.type in [FileType.DOCUMENT]:
             file_modalities = {
                 "section_count": content.get("section_count", 0),
                 "title": content.get("title", ""),
@@ -288,10 +355,10 @@ class MemoryPerceptualService:
             file_modalities = {
                 "speaker_count": content.get("speaker_count", 0)
             }
-        self.repository.create_perceptual_memory(
+        memory = self.repository.create_perceptual_memory(
             end_user_id=uuid.UUID(end_user_id),
-            perceptual_type=PerceptualType.trans_from_file_type(file_type),
-            file_path=file_url,
+            perceptual_type=PerceptualType.trans_from_file_type(file.type),
+            file_path=file.url,
             file_name=filename,
             file_ext=file_ext,
             summary=content.get('summary', ""),
@@ -301,3 +368,4 @@ class MemoryPerceptualService:
             }
         )
         self.db.commit()
+        return memory
diff --git a/api/app/services/memory_storage_service.py b/api/app/services/memory_storage_service.py
index 6e7c1ad4..58f3e8bd 100644
--- a/api/app/services/memory_storage_service.py
+++ b/api/app/services/memory_storage_service.py
@@ -11,9 +11,11 @@ import time
 from datetime import datetime
 from typing import Any, AsyncGenerator, Dict, List, Optional
 
+from dotenv import load_dotenv
+from sqlalchemy.orm import Session
+
 from app.core.logging_config import get_config_logger, get_logger
 from app.core.memory.analytics.hot_memory_tags import (
-    get_hot_memory_tags,
     get_raw_tags_from_db,
     filter_tags_with_llm,
 )
@@ -32,8 +34,6 @@ from app.schemas.memory_storage_schema import (
 )
 from app.services.memory_config_service import MemoryConfigService
 from app.utils.sse_utils import format_sse_message
-from dotenv import load_dotenv
-from sqlalchemy.orm import Session
 
 logger = get_logger(__name__)
 config_logger = get_config_logger()
@@ -45,10 +45,10 @@ _neo4j_connector = Neo4jConnector()
 
 class MemoryStorageService:
     """Service for memory storage operations"""
-    
+
     def __init__(self):
         logger.info("MemoryStorageService initialized")
-    
+
     async def get_storage_info(self) -> dict:
         """
         Example wrapper method - retrieves storage information
@@ -59,17 +59,17 @@ class MemoryStorageService:
             Storage information dictionary
         """
         logger.info("Getting storage info ")
-        
+
         # Empty wrapper - implement your logic here
         result = {
             "status": "active",
             "message": "This is an example wrapper"
         }
-        
-        return result
-    
 
-class DataConfigService: # 数据配置服务类（PostgreSQL）
+        return result
+
+
+class DataConfigService:  # 数据配置服务类（PostgreSQL）
     """Service layer for config params CRUD.
 
     使用 SQLAlchemy ORM 进行数据库操作。
@@ -114,7 +114,7 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
         return data_list
 
     # --- Create ---
-    def create(self, params: ConfigParamsCreate) -> Dict[str, Any]: # 创建配置参数（仅名称与描述）
+    def create(self, params: ConfigParamsCreate) -> Dict[str, Any]:  # 创建配置参数（仅名称与描述）
         # 业务层检查同一工作空间下是否已存在同名配置
         if params.workspace_id and params.config_name:
             from app.models.memory_config_model import MemoryConfig
@@ -183,20 +183,20 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
             return None
 
     # --- Delete ---
-    def delete(self, key: ConfigParamsDelete) -> Dict[str, Any]: # 删除配置参数（按配置ID）
+    def delete(self, key: ConfigParamsDelete) -> Dict[str, Any]:  # 删除配置参数（按配置ID）
         success = MemoryConfigRepository.delete(self.db, key.config_id)
         if not success:
             raise ValueError("未找到配置")
         return {"affected": 1}
 
     # --- Update ---
-    def update(self, update: ConfigUpdate) -> Dict[str, Any]: # 部分更新配置参数
+    def update(self, update: ConfigUpdate) -> Dict[str, Any]:  # 部分更新配置参数
         config = MemoryConfigRepository.update(self.db, update)
         if not config:
             raise ValueError("未找到配置")
         return {"affected": 1}
 
-    def update_extracted(self, update: ConfigUpdateExtracted) -> Dict[str, Any]: # 更新记忆萃取引擎配置参数
+    def update_extracted(self, update: ConfigUpdateExtracted) -> Dict[str, Any]:  # 更新记忆萃取引擎配置参数
         config = MemoryConfigRepository.update_extracted(self.db, update)
         if not config:
             raise ValueError("未找到配置")
@@ -207,14 +207,14 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
     # 使用新方法: MemoryForgetService.read_forgetting_config() 和 MemoryForgetService.update_forgetting_config()
 
     # --- Read ---
-    def get_extracted(self, key: ConfigKey) -> Dict[str, Any]: # 获取萃取配置参数
+    def get_extracted(self, key: ConfigKey) -> Dict[str, Any]:  # 获取萃取配置参数
         result = MemoryConfigRepository.get_extracted_config(self.db, key.config_id)
         if not result:
             raise ValueError("未找到配置")
         return result
 
     # --- Read All ---
-    def get_all(self, workspace_id = None) -> List[Dict[str, Any]]: # 获取所有配置参数
+    def get_all(self, workspace_id=None) -> List[Dict[str, Any]]:  # 获取所有配置参数
         results = MemoryConfigRepository.get_all(self.db, workspace_id)
 
         # 检查并修正 pruning_scene 与 scene_name 不一致的记录
@@ -241,13 +241,8 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
                 except (ValueError, TypeError):
                     config_id_old = None
 
-
-            if config_id_old:
-                memory_config=config_id_old
-            else:
-                memory_config=config.config_id
             config_dict = {
-                "config_id": memory_config,
+                "config_id": str(config.config_id),
                 "config_name": config.config_name,
                 "config_desc": config.config_desc,
                 "workspace_id": str(config.workspace_id) if config.workspace_id else None,
@@ -289,7 +284,6 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
         # 将 created_at 和 updated_at 转换为 YYYYMMDDHHmmss 格式
         return self._convert_timestamps_to_format(data_list)
 
-
     async def pilot_run_stream(self, payload: ConfigPilotRun, language: str = "zh") -> AsyncGenerator[str, None]:
         """
         流式执行试运行，产生 SSE 格式的进度事件
@@ -311,14 +305,14 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
         """
         from pathlib import Path
         project_root = str(Path(__file__).resolve().parents[2])
-        
+
         try:
             # 发出初始进度事件
             yield format_sse_message("starting", {
                 "message": "开始试运行...",
                 "time": int(time.time() * 1000)
             })
-            
+
             # 步骤 1: 配置加载和验证（数据库优先）
             payload_cid = str(getattr(payload, "config_id", "") or "").strip()
             cid: Optional[str] = payload_cid if payload_cid else None
@@ -344,27 +338,28 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
                 # 关联了本体场景，优先使用 custom_text
                 if hasattr(payload, 'custom_text') and payload.custom_text:
                     dialogue_text = payload.custom_text.strip()
-                    logger.info(f"[PILOT_RUN_STREAM] Using custom_text for scene_id={memory_config.scene_id}, length: {len(dialogue_text)}")
+                    logger.info(
+                        f"[PILOT_RUN_STREAM] Using custom_text for scene_id={memory_config.scene_id}, length: {len(dialogue_text)}")
                 else:
                     # 如果没有提供 custom_text，回退到 dialogue_text
                     dialogue_text = payload.dialogue_text.strip() if payload.dialogue_text else ""
-                    logger.info(f"[PILOT_RUN_STREAM] No custom_text provided, using dialogue_text for scene_id={memory_config.scene_id}")
+                    logger.info(
+                        f"[PILOT_RUN_STREAM] No custom_text provided, using dialogue_text for scene_id={memory_config.scene_id}")
             else:
                 # 没有关联本体场景，使用 dialogue_text
                 dialogue_text = payload.dialogue_text.strip() if payload.dialogue_text else ""
                 logger.info(f"[PILOT_RUN_STREAM] No scene_id, using dialogue_text, length: {len(dialogue_text)}")
-            
+
             # 验证最终使用的文本不为空
             if not dialogue_text:
                 raise ValueError("试运行模式必须提供有效的文本内容（dialogue_text 或 custom_text）")
-            
-            logger.info(f"[PILOT_RUN_STREAM] Final text preview: {dialogue_text[:100]}")
 
+            logger.info(f"[PILOT_RUN_STREAM] Final text preview: {dialogue_text[:100]}")
 
             # 步骤 2: 创建进度回调函数捕获管线进度
             # 使用队列在回调和生成器之间传递进度事件
             progress_queue: asyncio.Queue = asyncio.Queue()
-            
+
             async def progress_callback(stage: str, message: str, data: Optional[Dict[str, Any]] = None) -> None:
                 """
                 进度回调函数，将进度事件放入队列
@@ -375,14 +370,15 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
                     data: 可选的结果数据（用于传递节点执行结果）
                 """
                 await progress_queue.put((stage, message, data))
-            
+
             # 步骤 3: 在后台任务中执行管线
             async def run_pipeline():
                 """在后台执行管线并捕获异常"""
                 try:
                     from app.services.pilot_run_service import run_pilot_extraction
-                    
-                    logger.info(f"[PILOT_RUN_STREAM] Calling run_pilot_extraction with dialogue_text length: {len(dialogue_text)}")
+
+                    logger.info(
+                        f"[PILOT_RUN_STREAM] Calling run_pilot_extraction with dialogue_text length: {len(dialogue_text)}")
                     await run_pilot_extraction(
                         memory_config=memory_config,
                         dialogue_text=dialogue_text,
@@ -391,60 +387,60 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
                         language=language,
                     )
                     logger.info("[PILOT_RUN_STREAM] pipeline_main completed")
-                    
+
                     # 标记管线完成
                     await progress_queue.put(("__PIPELINE_COMPLETE__", "", None))
                 except Exception as e:
                     # 将异常放入队列
                     await progress_queue.put(("__PIPELINE_ERROR__", str(e), None))
-            
+
             # 启动后台任务
             pipeline_task = asyncio.create_task(run_pipeline())
-            
+
             # 步骤 4: 从队列中读取进度事件并发出
             while True:
                 try:
                     # 等待进度事件，设置超时以检测客户端断开
                     stage, message, data = await asyncio.wait_for(
-                        progress_queue.get(), 
+                        progress_queue.get(),
                         timeout=0.5
                     )
-                    
+
                     # 检查特殊标记
                     if stage == "__PIPELINE_COMPLETE__":
                         break
                     elif stage == "__PIPELINE_ERROR__":
                         raise RuntimeError(message)
-                    
+
                     # 构建进度事件数据
                     progress_data = {
                         "message": message,
                         "time": int(time.time() * 1000)
                     }
-                    
+
                     # 如果有结果数据，添加到事件中
                     if data:
                         progress_data["data"] = data
-                    
+
                     # 发出进度事件，使用 stage 作为事件类型
                     yield format_sse_message(stage, progress_data)
-                    
+
                 except TimeoutError:
                     # 超时，继续等待（这允许检测客户端断开）
                     continue
-            
+
             # 等待管线任务完成
             await pipeline_task
-            
+
             # 步骤 5: 读取提取结果
             from app.core.config import settings
             result_path = settings.get_memory_output_path("extracted_result.json")
             if not os.path.isfile(result_path):
                 raise FileNotFoundError(f"试运行完成，但未找到提取结果文件: {result_path}")
-            
+
             with open(result_path, "r", encoding="utf-8") as rf:
                 extracted_result = json.load(rf)
-            
+
             # 步骤 6: 计算本体覆盖率并合并到结果中
             result_data = {
                 "config_id": cid,
@@ -460,15 +456,15 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
                     result_data["ontology_coverage"] = ontology_coverage
             except Exception as cov_err:
                 logger.warning(f"[PILOT_RUN_STREAM] Ontology coverage computation failed: {cov_err}", exc_info=True)
-            
+
             yield format_sse_message("result", result_data)
-            
+
             # 步骤 7: 发出完成事件
             yield format_sse_message("done", {
                 "message": "试运行完成",
                 "time": int(time.time() * 1000)
             })
-            
+
         except asyncio.CancelledError:
             # 客户端断开连接
             logger.info("[PILOT_RUN_STREAM] Client disconnected during streaming")
@@ -483,11 +479,10 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
                 "time": int(time.time() * 1000)
             })
 
-
     async def _compute_ontology_coverage(
-        self,
-        extracted_result: Dict[str, Any],
-        memory_config,
+            self,
+            extracted_result: Dict[str, Any],
+            memory_config,
     ) -> Optional[Dict[str, Any]]:
         """根据提取结果中的实体类型，与场景/通用本体类型做互斥分类统计。
 
@@ -580,8 +575,6 @@ class DataConfigService: # 数据配置服务类（PostgreSQL）
 
 # -------------------- Neo4j Search & Analytics (fused from data_search_service.py) --------------------
 # Ensure env for connector (e.g., NEO4J_PASSWORD)
-load_dotenv()
-_neo4j_connector = Neo4jConnector()
 
 
 async def search_dialogue(end_user_id: Optional[str] = None) -> Dict[str, Any]:
@@ -664,7 +657,7 @@ async def kb_type_distribution(end_user_id: Optional[str] = None) -> Dict[str, A
     # 检查结果是否为空或长度不足
     if not result or len(result) < 4:
         data = {
-            "total": 0, 
+            "total": 0,
             "distribution": [
                 {"type": "dialogue", "count": 0},
                 {"type": "chunk", "count": 0},
@@ -701,10 +694,11 @@ async def search_edges(end_user_id: Optional[str] = None) -> List[Dict[str, Any]
     )
     return result
 
+
 async def analytics_hot_memory_tags(
-    db: Session, 
-    current_user: User,
-    limit: int = 10
+        db: Session,
+        current_user: User,
+        limit: int = 10
 ) -> List[Dict[str, Any]]:
     """
     获取热门记忆标签，按数量排序并返回前N个
@@ -721,27 +715,27 @@ async def analytics_hot_memory_tags(
     from app.services.memory_dashboard_service import get_workspace_end_users
     # 使用 asyncio.to_thread 避免阻塞事件循环
     end_users = await asyncio.to_thread(get_workspace_end_users, db, workspace_id, current_user)
-    
+
     if not end_users:
         return []
-    
+
     # 步骤1: 收集所有用户的原始标签（不调用LLM）
     connector = Neo4jConnector()
     try:
         all_raw_tags = []
         for end_user in end_users:
             raw_tags = await get_raw_tags_from_db(
-                connector, 
-                str(end_user.id), 
-                limit=raw_limit, 
+                connector,
+                str(end_user.id),
+                limit=raw_limit,
                 by_user=False
             )
             if raw_tags:
                 all_raw_tags.extend(raw_tags)
-        
+
         if not all_raw_tags:
             return []
-        
+
         # 步骤2: 聚合相同标签的频率
         tag_frequency_map = {}
         for tag_name, frequency in all_raw_tags:
@@ -749,36 +743,36 @@ async def analytics_hot_memory_tags(
                 tag_frequency_map[tag_name] += frequency
             else:
                 tag_frequency_map[tag_name] = frequency
-        
+
         # 步骤3: 按频率降序排序，取前raw_limit个
         sorted_tags = sorted(
-            tag_frequency_map.items(), 
-            key=lambda x: x[1], 
+            tag_frequency_map.items(),
+            key=lambda x: x[1],
             reverse=True
         )[:raw_limit]
-        
+
         if not sorted_tags:
             return []
-        
+
         # 步骤4: 只调用一次LLM进行筛选
         tag_names = [tag for tag, _ in sorted_tags]
-        
+
         # 使用第一个用户的end_user_id来获取LLM配置
         # 因为同一工作空间下的用户应该使用相同的配置
         first_end_user_id = str(end_users[0].id)
         filtered_tag_names = await filter_tags_with_llm(tag_names, first_end_user_id)
-        
+
         # 步骤5: 根据LLM筛选结果构建最终列表（保留频率）
         final_tags = []
         for tag, freq in sorted_tags:
             if tag in filtered_tag_names:
                 final_tags.append((tag, freq))
-        
+
         # 步骤6: 只返回前limit个
         top_tags = final_tags[:limit]
-        
+
         return [{"name": t, "frequency": f} for t, f in top_tags]
-        
+
     finally:
         await connector.close()
 
@@ -815,11 +809,11 @@ async def analytics_recent_activity_stats(workspace_id: Optional[str] = None) ->
         source = "log"
 
     total = (
-        stats.get("chunk_count", 0)
-        + stats.get("statements_count", 0)
-        + stats.get("triplet_entities_count", 0)
-        + stats.get("triplet_relations_count", 0)
-        + stats.get("temporal_count", 0)
+            stats.get("chunk_count", 0)
+            + stats.get("statements_count", 0)
+            + stats.get("triplet_entities_count", 0)
+            + stats.get("triplet_relations_count", 0)
+            + stats.get("temporal_count", 0)
     )
 
     # 计算"最新一次活动多久前"（仅日志来源时有效）
@@ -845,5 +839,3 @@ async def analytics_recent_activity_stats(workspace_id: Optional[str] = None) ->
 
     data = {"total": total, "stats": stats, "latest_relative": latest_relative, "source": source}
     return data
-
-
diff --git a/api/app/services/model_service.py b/api/app/services/model_service.py
index a7398504..b98674ba 100644
--- a/api/app/services/model_service.py
+++ b/api/app/services/model_service.py
@@ -154,10 +154,17 @@ class ModelConfigService:
                 }
 
             elif model_type_lower == "embedding":
-                # Embedding 模型验证（在线程中运行同步方法）
+                # Embedding 模型验证
+                # 统一使用 RedBearEmbeddings（自动支持火山引擎多模态）
                 embedding = RedBearEmbeddings(model_config)
                 test_texts = [test_message, "测试文本"]
-                vectors = await asyncio.to_thread(embedding.embed_documents, test_texts)
+                
+                # 火山引擎使用 embed_batch，其他使用 embed_documents
+                if provider.lower() == "volcano":
+                    vectors = await asyncio.to_thread(embedding.embed_batch, test_texts)
+                else:
+                    vectors = await asyncio.to_thread(embedding.embed_documents, test_texts)
+                
                 elapsed_time = time.time() - start_time
 
                 return {
@@ -193,6 +200,56 @@ class ModelConfigService:
                     },
                     "error": None
                 }
+            
+            elif model_type_lower == "image":
+                # 图片生成模型验证
+                from app.core.models.generation import RedBearImageGenerator
+                
+                generator = RedBearImageGenerator(model_config)
+                result = await generator.agenerate(
+                    prompt="a cute panda",
+                    size="2K"
+                )
+                elapsed_time = time.time() - start_time
+                logger.info(f"成功生成图片，结果: {result}")
+                
+                return {
+                    "valid": True,
+                    "message": "图片生成模型配置验证成功",
+                    "response": f"成功生成图片，结果: {result}",
+                    "elapsed_time": elapsed_time,
+                    "usage": {
+                        "prompt_length": len("a cute panda"),
+                        "image_count": 1
+                    },
+                    "error": None
+                }
+            
+            elif model_type_lower == "video":
+                # 视频生成模型验证
+                from app.core.models.generation import RedBearVideoGenerator
+                
+                generator = RedBearVideoGenerator(model_config)
+                result = await generator.agenerate(
+                    prompt="a cute panda playing in bamboo forest",
+                    duration=5
+                )
+                elapsed_time = time.time() - start_time
+                
+                # 视频生成是异步任务，返回任务ID
+                task_id = result.get("task_id") if isinstance(result, dict) else None
+                
+                return {
+                    "valid": True,
+                    "message": "视频生成模型配置验证成功",
+                    "response": f"成功创建视频生成任务，任务ID: {task_id}",
+                    "elapsed_time": elapsed_time,
+                    "usage": {
+                        "prompt_length": len("a cute panda playing in bamboo forest"),
+                        "task_id": task_id
+                    },
+                    "error": None
+                }
 
             else:
                 return {
diff --git a/api/app/services/multimodal_service.py b/api/app/services/multimodal_service.py
index 6cb0a7f0..f854e987 100644
--- a/api/app/services/multimodal_service.py
+++ b/api/app/services/multimodal_service.py
@@ -9,17 +9,18 @@
 - OpenAI: 支持 URL 和 base64 格式
 """
 import base64
+import csv
 import io
-import uuid
+import json
+import re
+import olefile
+import struct
 import zipfile
-import chardet
 from abc import ABC, abstractmethod
 from typing import List, Dict, Any, Optional
 
-import csv
-import json
-
 import PyPDF2
+import chardet
 import httpx
 import magic
 import openpyxl
@@ -35,7 +36,6 @@ from app.models.file_metadata_model import FileMetadata
 from app.schemas.app_schema import FileInput, FileType, TransferMethod
 from app.schemas.model_schema import ModelInfo
 from app.services.audio_transcription_service import AudioTranscriptionService
-from app.tasks import write_perceptual_memory
 
 logger = get_business_logger()
 
@@ -297,6 +297,7 @@ PROVIDER_STRATEGIES = {
     "bedrock": BedrockFormatStrategy,
     "anthropic": BedrockFormatStrategy,
     "openai": OpenAIFormatStrategy,
+    "volcano": OpenAIFormatStrategy,
 }
 
 
@@ -342,92 +343,14 @@ class MultimodalService:
 
     async def process_files(
             self,
-            end_user_id: uuid.UUID | str,
             files: Optional[List[FileInput]],
-
     ) -> List[Dict[str, Any]]:
         """
         处理文件列表，返回 LLM 可用的格式
         
         Args:
-            end_user_id: 用户ID
             files: 文件输入列表
             
-        Returns:
-            List[Dict]: LLM 可用的内容格式列表（根据 provider 返回不同格式）
-        """
-        if not files:
-            return []
-        if isinstance(end_user_id, uuid.UUID):
-            end_user_id = str(end_user_id)
-
-        # 获取对应的策略
-        # dashscope 的 omni 模型使用 OpenAI 兼容格式
-        if self.provider == "dashscope" and self.is_omni:
-            strategy_class = OpenAIFormatStrategy
-        else:
-            strategy_class = PROVIDER_STRATEGIES.get(self.provider)
-            if not strategy_class:
-                logger.warning(f"未找到 provider '{self.provider}' 的策略，使用默认策略")
-                strategy_class = DashScopeFormatStrategy
-
-        result = []
-        for idx, file in enumerate(files):
-            strategy = strategy_class(file)
-            if not file.url:
-                file.url = await self.get_file_url(file)
-            try:
-                if file.type == FileType.IMAGE and "vision" in self.capability:
-                    is_support, content = await self._process_image(file, strategy)
-                    result.append(content)
-                    if is_support:
-                        self.write_perceptual_memory(end_user_id, file.type, file.url, content)
-                elif file.type == FileType.DOCUMENT:
-                    is_support, content = await self._process_document(file, strategy)
-                    result.append(content)
-                    if is_support:
-                        self.write_perceptual_memory(end_user_id, file.type, file.url, content)
-                elif file.type == FileType.AUDIO and "audio" in self.capability:
-                    is_support, content = await self._process_audio(file, strategy)
-                    result.append(content)
-                    if is_support:
-                        self.write_perceptual_memory(end_user_id, file.type, file.url, content)
-                elif file.type == FileType.VIDEO and "video" in self.capability:
-                    is_support, content = await self._process_video(file, strategy)
-                    result.append(content)
-                    if is_support:
-                        self.write_perceptual_memory(end_user_id, file.type, file.url, content)
-                else:
-                    logger.warning(f"不支持的文件类型: {file.type}")
-            except Exception as e:
-                logger.error(
-                    f"处理文件失败",
-                    extra={
-                        "file_index": idx,
-                        "file_type": file.type,
-                        "error": str(e)
-                    },
-                    exc_info=True
-                )
-                # 继续处理其他文件，不中断整个流程
-                result.append({
-                    "type": "text",
-                    "text": f"[文件处理失败: {str(e)}]"
-                })
-
-        logger.info(f"成功处理 {len(result)}/{len(files)} 个文件，provider={self.provider}")
-        return result
-
-    async def history_process_files(
-            self,
-            files: Optional[List[FileInput]],
-    ) -> List[Dict[str, Any]]:
-        """
-        处理文件列表，返回 LLM 可用的格式
-
-        Args:
-            files: 文件输入列表
-
         Returns:
             List[Dict]: LLM 可用的内容格式列表（根据 provider 返回不同格式）
         """
@@ -483,17 +406,6 @@ class MultimodalService:
         logger.info(f"成功处理 {len(result)}/{len(files)} 个文件，provider={self.provider}")
         return result
 
-    def write_perceptual_memory(
-            self,
-            end_user_id: str,
-            file_type: str,
-            file_url: str,
-            file_message: dict
-    ):
-        """写入感知记忆"""
-        if end_user_id and self.api_config:
-            write_perceptual_memory.delay(end_user_id, self.api_config.model_dump(), file_type, file_url, file_message)
-
     async def _process_image(self, file: FileInput, strategy) -> tuple[bool, Dict[str, Any]]:
         """
         处理图片文件
@@ -693,31 +605,75 @@ class MultimodalService:
             try:
                 word_file = io.BytesIO(file_content)
                 doc = Document(word_file)
-                return '\n'.join(p.text for p in doc.paragraphs)
+                text_lines = []
+                for p in doc.paragraphs:
+                    text = p.text.strip()
+                    if text:
+                        text_lines.append(text)
+
+                for table in doc.tables:
+                    for row in table.rows:
+                        for cell in row.cells:
+                            text = cell.text.strip()
+                            if text:
+                                text_lines.append(text)
+
+                full_text = "\n".join(text_lines)
+                return full_text.strip() or "[docx 文件无文本内容]"
             except Exception as e:
-                logger.error(f"提取 docx 文本失败: {e}")
+                logger.error(f"提取 docx 文本失败: {str(e)}", exc_info=True)
                 return f"[docx 提取失败: {str(e)}]"
 
-        # 旧版 .doc（OLE2 格式）
+        # 旧版 .doc（OLE2/CFB 格式），按 Word Binary Format 规范解析 piece table
         try:
-            import olefile
             ole = olefile.OleFileIO(io.BytesIO(file_content))
-            if not ole.exists('WordDocument'):
-                return "[doc 提取失败: 未找到 WordDocument 流]"
-            # 读取 WordDocument 流，提取可见 ASCII/Unicode 文本
-            stream = ole.openstream('WordDocument').read()
-            # Word Binary Format: 文本在流中以 UTF-16-LE 编码存储
-            # 简单提取：过滤出可打印字符段
-            try:
-                text = stream.decode('utf-16-le', errors='ignore')
-            except Exception:
-                text = stream.decode('latin-1', errors='ignore')
-            # 过滤控制字符，保留可打印内容
-            import re
-            text = re.sub(r'[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]', '', text)
-            text = re.sub(r' +', ' ', text).strip()
+            word_stream = ole.openstream('WordDocument').read()
+
+            # FIB offset 0xA bit9 决定使用 0Table 还是 1Table
+            fib_flags = struct.unpack_from('<H', word_stream, 0xA)[0]
+            table_name = '1Table' if (fib_flags & 0x0200) else '0Table'
+            table_stream = ole.openstream(table_name).read()
+
+            # 从 FIB 读取 fcClx/lcbClx 定位 piece table
+            fc_clx, lcb_clx = struct.unpack_from("<II", word_stream, 0x1A2)
+            clx = table_stream[fc_clx: fc_clx + lcb_clx]
+
+            # 解析 CLX，找到 PlcPcd（piece table）
+            i, plc_pcd = 0, None
+            while i < len(clx):
+                clxt = clx[i]
+                if clxt == 0x01:
+                    i += 3 + struct.unpack_from('<H', clx, i + 1)[0]
+                elif clxt == 0x02:
+                    cb = struct.unpack_from('<I', clx, i + 1)[0]
+                    plc_pcd = clx[i + 5: i + 5 + cb]
+                    break
+                else:
+                    break
+
+            if plc_pcd is None:
+                raise ValueError("PlcPcd not found")
+
+            # PlcPcd: (n+1) 个 CP（4字节）+ n 个 PCD（8字节）
+            n_pieces = (len(plc_pcd) - 4) // 12
+            cp_array = [struct.unpack_from('<I', plc_pcd, k * 4)[0] for k in range(n_pieces + 1)]
+
+            parts = []
+            for k in range(n_pieces):
+                fc_value = struct.unpack_from('<I', plc_pcd, (n_pieces + 1) * 4 + k * 8 + 2)[0]
+                is_ansi = bool(fc_value & 0x40000000)
+                fc = fc_value & 0x3FFFFFFF
+                char_count = cp_array[k + 1] - cp_array[k]
+
+                if is_ansi:
+                    parts.append(word_stream[fc: fc + char_count].decode('cp1252', errors='replace'))
+                else:
+                    parts.append(word_stream[fc: fc + char_count * 2].decode('utf-16-le', errors='replace'))
+
             ole.close()
-            return text
+            result = re.sub(r'[\x00-\x1f\x7f]', '', ''.join(parts))
+            return result.strip()
+
         except Exception as e:
             logger.error(f"提取 doc 文本失败: {e}")
             return f"[doc 提取失败: {str(e)}]"
diff --git a/api/app/services/pilot_run_service.py b/api/app/services/pilot_run_service.py
index b63bc0db..4617946b 100644
--- a/api/app/services/pilot_run_service.py
+++ b/api/app/services/pilot_run_service.py
@@ -121,7 +121,7 @@ async def run_pilot_extraction(
                     "pruning_scene": memory_config.pruning_scene,
                     "pruning_threshold": memory_config.pruning_threshold,
                     "scene_id": str(memory_config.scene_id) if memory_config.scene_id else None,
-                    "ontology_classes": memory_config.ontology_classes,
+                    "ontology_class_infos": memory_config.ontology_class_infos,
                 }
                 config = PruningConfig(**pruning_config_dict)
                 
@@ -232,9 +232,11 @@ async def run_pilot_extraction(
                 "chunker_strategy": memory_config.chunker_strategy,
             }
             
-            # 添加剪枝统计信息
-            if pruning_stats:
-                preprocessing_summary["pruning"] = pruning_stats
+            # 添加剪枝统计信息（始终包含 pruning 字段，确保前端不会因字段缺失报错）
+            preprocessing_summary["pruning"] = pruning_stats if pruning_stats else {
+                "enabled": memory_config.pruning_enabled,
+                "deleted_count": 0,
+            }
             
             await progress_callback("text_preprocessing_complete", "预处理文本完成（剪枝 + 分块）", preprocessing_summary)
 
@@ -295,9 +297,12 @@ async def run_pilot_extraction(
             chunk_nodes,
             statement_nodes,
             entity_nodes,
+            _,
             statement_chunk_edges,
             statement_entity_edges,
             entity_edges,
+            _,
+            _
         ) = extraction_result
 
         log_time("Extraction Pipeline", time.time() - step_start, log_file)
diff --git a/api/app/services/tenant_service.py b/api/app/services/tenant_service.py
index 066edf57..36205503 100644
--- a/api/app/services/tenant_service.py
+++ b/api/app/services/tenant_service.py
@@ -138,7 +138,7 @@ class TenantService:
             
         except Exception as e:
             business_logger.error(f"删除租户失败: {str(e)}")
-            raise BusinessException(f"删除租户失败: {str(e)}", code=BizCode.DB_ERROR)
+            raise BusinessException(f"删除租户失败：{str(e)}", code=BizCode.DB_ERROR)
 
     # 租户用户管理
     def get_tenant_users(
@@ -147,6 +147,7 @@ class TenantService:
         skip: int = 0, 
         limit: int = 100,
         is_active: Optional[bool] = None,
+        is_superuser: Optional[bool] = None,
         search: Optional[str] = None
     ) -> List[UserModel]:
         """获取租户下的用户列表"""
@@ -155,6 +156,7 @@ class TenantService:
             skip=skip,
             limit=limit,
             is_active=is_active,
+            is_superuser=is_superuser,
             search=search
         )
 
@@ -162,12 +164,14 @@ class TenantService:
         self, 
         tenant_id: uuid.UUID,
         is_active: Optional[bool] = None,
+        is_superuser: Optional[bool] = None,
         search: Optional[str] = None
     ) -> int:
         """统计租户下的用户数量"""
         return self.user_repo.count_users_by_tenant(
             tenant_id=tenant_id,
             is_active=is_active,
+            is_superuser=is_superuser,
             search=search
         )
 
diff --git a/api/app/services/user_memory_service.py b/api/app/services/user_memory_service.py
index 12e0c324..ab51d922 100644
--- a/api/app/services/user_memory_service.py
+++ b/api/app/services/user_memory_service.py
@@ -361,83 +361,58 @@ class UserMemoryService:
                 if hasattr(original_value, 'timestamp'):
                     data[key] = UserMemoryService._datetime_to_timestamp(original_value)
         return data
-    
-    def update_end_user_profile(
+ # ======================== 用户别名及信息 ========================    
+    def get_end_user_info(
         self,
         db: Session,
-        end_user_id: str,
-        profile_update: Any
+        end_user_id: str
     ) -> Dict[str, Any]:
         """
-        更新终端用户的基本信息
+        查询单个终端用户信息记录
         
         Args:
             db: 数据库会话
             end_user_id: 终端用户ID (UUID)
-            profile_update: 包含更新字段的 Pydantic 模型
             
         Returns:
             {
                 "success": bool,
-                "data": dict,  # 更新后的用户档案数据
+                "data": dict,
                 "error": Optional[str]
             }
         """
         try:
-            # 转换为UUID并查询用户
-            user_uuid = uuid.UUID(end_user_id)
-            repo = EndUserRepository(db)
-            end_user = repo.get_by_id(user_uuid)
+            from app.repositories.end_user_info_repository import EndUserInfoRepository
+            from app.core.api_key_utils import datetime_to_timestamp
             
-            if not end_user:
-                logger.warning(f"终端用户不存在: end_user_id={end_user_id}")
+            # 转换为UUID并查询
+            user_uuid = uuid.UUID(end_user_id)
+            end_user_info_record = EndUserInfoRepository(db).get_by_end_user_id(user_uuid)
+            
+            if not end_user_info_record:
+                logger.warning(f"终端用户信息记录不存在: end_user_id={end_user_id}")
                 return {
                     "success": False,
                     "data": None,
-                    "error": "终端用户不存在"
+                    "error": "终端用户信息记录不存在"
                 }
             
-            # 获取更新数据（排除 end_user_id 字段）
-            update_data = profile_update.model_dump(exclude_unset=True, exclude={'end_user_id'})
+            # 构建响应数据（转换时间为毫秒时间戳）
+            response_data = {
+                "end_user_info_id": str(end_user_info_record.id),
+                "end_user_id": str(end_user_info_record.end_user_id),
+                "other_name": end_user_info_record.other_name,
+                "aliases": end_user_info_record.aliases,
+                "meta_data": end_user_info_record.meta_data,
+                "created_at": datetime_to_timestamp(end_user_info_record.created_at),
+                "updated_at": datetime_to_timestamp(end_user_info_record.updated_at)
+            }
             
-            # 特殊处理 hire_date：如果提供了时间戳，转换为 DateTime
-            if 'hire_date' in update_data:
-                hire_date_timestamp = update_data['hire_date']
-                if hire_date_timestamp is not None:
-                    from app.core.api_key_utils import timestamp_to_datetime
-                    update_data['hire_date'] = timestamp_to_datetime(hire_date_timestamp)
-                # 如果是 None，保持 None（允许清空）
-            
-            # 更新字段
-            for field, value in update_data.items():
-                setattr(end_user, field, value)
-            
-            # 更新时间戳
-            end_user.updated_at = datetime.now()
-            end_user.updatetime_profile = datetime.now()
-            
-            # 提交更改
-            db.commit()
-            db.refresh(end_user)
-            
-            # 构建响应数据
-            from app.schemas.end_user_schema import EndUserProfileResponse
-            profile_data = EndUserProfileResponse(
-                id=end_user.id,
-                other_name=end_user.other_name,
-                position=end_user.position,
-                department=end_user.department,
-                contact=end_user.contact,
-                phone=end_user.phone,
-                hire_date=end_user.hire_date,
-                updatetime_profile=end_user.updatetime_profile
-            )
-            
-            logger.info(f"成功更新用户信息: end_user_id={end_user_id}, updated_fields={list(update_data.keys())}")
+            logger.info(f"成功查询终端用户信息记录: end_user_id={end_user_id}")
             
             return {
                 "success": True,
-                "data": self.convert_profile_to_dict_with_timestamp(profile_data),
+                "data": response_data,
                 "error": None
             }
             
@@ -446,17 +421,181 @@ class UserMemoryService:
             return {
                 "success": False,
                 "data": None,
-                "error": "无效的用户ID格式"
+                "error": "无效的终端用户ID格式"
             }
         except Exception as e:
-            db.rollback()
-            logger.error(f"用户信息更新失败: end_user_id={end_user_id}, error={str(e)}")
+            logger.error(f"查询终端用户信息记录失败: end_user_id={end_user_id}, error={str(e)}")
             return {
                 "success": False,
                 "data": None,
                 "error": str(e)
             }
     
+    def update_end_user_info(
+        self,
+        db: Session,
+        end_user_id: str,
+        update_data: Dict[str, Any]
+    ) -> Dict[str, Any]:
+        """
+        更新终端用户信息记录
+        
+        Args:
+            db: 数据库会话
+            end_user_id: 终端用户ID (UUID)
+            update_data: 更新数据字典
+            
+        Returns:
+            {
+                "success": bool,
+                "data": dict,
+                "error": Optional[str]
+            }
+        """
+        try:
+            from app.repositories.end_user_info_repository import EndUserInfoRepository
+            from app.repositories.end_user_repository import EndUserRepository
+            from app.core.api_key_utils import datetime_to_timestamp
+            
+            # 转换为UUID并查询
+            user_uuid = uuid.UUID(end_user_id)
+            end_user_info_record = EndUserInfoRepository(db).get_by_end_user_id(user_uuid)
+            
+            if not end_user_info_record:
+                logger.warning(f"终端用户信息记录不存在: end_user_id={end_user_id}")
+                return {
+                    "success": False,
+                    "data": None,
+                    "error": "终端用户信息记录不存在"
+                }
+            
+            # 定义允许更新的字段白名单
+            allowed_fields = {'other_name', 'aliases', 'meta_data'}
+            
+            # 用户占位名称黑名单，不允许作为 other_name 或出现在 aliases 中
+            _user_placeholder_names = {'用户', '我', 'User', 'I'}
+            
+            # 过滤 other_name：不允许设置为占位名称
+            if 'other_name' in update_data and update_data['other_name'] and update_data['other_name'].strip() in _user_placeholder_names:
+                logger.warning(f"拒绝将占位名称 '{update_data['other_name']}' 设置为 other_name")
+                del update_data['other_name']
+            
+            # 过滤 aliases：移除占位名称和非字符串值
+            if 'aliases' in update_data and update_data['aliases']:
+                update_data['aliases'] = [
+                    a for a in update_data['aliases']
+                    if isinstance(a, str) and a.strip() and a.strip() not in _user_placeholder_names
+                ]
+            
+            # 检查是否更新了 aliases 字段
+            aliases_updated = 'aliases' in update_data and update_data['aliases'] != end_user_info_record.aliases
+            
+            # 检查是否更新了 other_name 字段
+            other_name_updated = 'other_name' in update_data and update_data['other_name'] != end_user_info_record.other_name
+            
+            # 更新字段（仅允许白名单中的字段）
+            for field, value in update_data.items():
+                if field in allowed_fields:
+                    setattr(end_user_info_record, field, value)
+            
+            # 更新时间戳
+            end_user_info_record.updated_at = datetime.now()
+            
+            # 如果 other_name 被更新，同步更新 end_user 表
+            if other_name_updated:
+                end_user_record = EndUserRepository(db).get_by_id(user_uuid)
+                if end_user_record:
+                    end_user_record.other_name = update_data['other_name']
+                    end_user_record.updated_at = datetime.now()
+                    logger.info(f"同步更新 end_user 表的 other_name: end_user_id={end_user_id}, other_name={update_data['other_name']}")
+                else:
+                    logger.warning(f"未找到对应的 end_user 记录: end_user_id={end_user_id}")
+            
+            # 提交更改
+            db.commit()
+            db.refresh(end_user_info_record)
+            
+            # 如果 aliases 被更新，同步到 Neo4j
+            if aliases_updated:
+                try:
+                    import asyncio
+                    asyncio.run(self._sync_aliases_to_neo4j(end_user_id, update_data['aliases']))
+                    logger.info(f"已触发 aliases 同步到 Neo4j: end_user_id={end_user_id}, aliases={update_data['aliases']}")
+                except Exception as sync_error:
+                    logger.error(f"触发同步 aliases 到 Neo4j 失败: {sync_error}", exc_info=True)
+                    # 不影响主流程，只记录错误
+            
+            # 构建响应数据（转换时间为毫秒时间戳）
+            response_data = {
+                "end_user_info_id": str(end_user_info_record.id),
+                "end_user_id": str(end_user_info_record.end_user_id),
+                "other_name": end_user_info_record.other_name,
+                "aliases": end_user_info_record.aliases,
+                "meta_data": end_user_info_record.meta_data,
+                "created_at": datetime_to_timestamp(end_user_info_record.created_at),
+                "updated_at": datetime_to_timestamp(end_user_info_record.updated_at)
+            }
+            
+            logger.info(f"成功更新终端用户信息记录: end_user_id={end_user_id}, updated_fields={list(update_data.keys())}")
+            
+            return {
+                "success": True,
+                "data": response_data,
+                "error": None
+            }
+            
+        except ValueError:
+            logger.error(f"无效的 end_user_id 格式: {end_user_id}")
+            return {
+                "success": False,
+                "data": None,
+                "error": "无效的终端用户ID格式"
+            }
+        except Exception as e:
+            db.rollback()
+            logger.error(f"更新终端用户信息记录失败: end_user_id={end_user_id}, error={str(e)}")
+            return {
+                "success": False,
+                "data": None,
+                "error": str(e)
+            }
+    
+    async def _sync_aliases_to_neo4j(self, end_user_id: str, aliases: List[str]) -> None:
+        """
+        将 aliases 同步到 Neo4j 中的用户实体
+        
+        Args:
+            end_user_id: 终端用户ID
+            aliases: 别名列表
+        """
+        from app.repositories.neo4j.neo4j_connector import Neo4jConnector
+        
+        # Cypher 查询：更新用户实体的 aliases
+        cypher_query = """
+        MATCH (e:ExtractedEntity)
+        WHERE e.end_user_id = $end_user_id 
+          AND e.name IN ['用户', '我', 'User', 'I']
+        SET e.aliases = $aliases
+        RETURN e.id AS entity_id, e.name AS entity_name, e.aliases AS updated_aliases
+        """
+        
+        connector = Neo4jConnector()
+        try:
+            result = await connector.execute_query(
+                cypher_query,
+                end_user_id=end_user_id,
+                aliases=aliases
+            )
+            
+            if result:
+                logger.info(f"成功同步 aliases 到 Neo4j: end_user_id={end_user_id}, 更新了 {len(result)} 个实体节点")
+            else:
+                logger.warning(f"未找到需要更新的用户实体节点: end_user_id={end_user_id}")
+                
+        except Exception as e:
+            logger.error(f"同步 aliases 到 Neo4j 失败: {e}", exc_info=True)
+            raise
+    
     async def get_cached_memory_insight(
         self, 
         db: Session, 
@@ -1887,7 +2026,8 @@ async  def _extract_node_properties(label: str, properties: Dict[str, Any],node_
         "Chunk": ["content", "created_at"],
         "Statement": ["temporal_info", "stmt_type", "statement", "valid_at", "created_at", "caption","emotion_keywords","emotion_type","emotion_subject"],
         "ExtractedEntity": ["description", "name", "entity_type", "created_at", "caption","aliases","connect_strength"],
-        "MemorySummary": ["summary", "content", "created_at", "caption"]  # 添加 content 字段
+        "MemorySummary": ["summary", "content", "created_at", "caption"],  # 添加 content 字段
+        "Perceptual": ["file_name", "file_path", "file_type", "domain", "topic", "keywords", "summary"]
     }
     
     # 获取该节点类型的白名单字段
diff --git a/api/app/services/user_service.py b/api/app/services/user_service.py
index e23b1ac3..3122d282 100644
--- a/api/app/services/user_service.py
+++ b/api/app/services/user_service.py
@@ -78,18 +78,7 @@ def create_user(db: Session, user: UserCreate) -> User:
     business_logger.info(f"创建用户: {user.username}, email: {user.email}")
     
     try:
-        # 检查用户名是否已存在
-        business_logger.debug(f"检查用户名是否已存在: {user.username}")
-        db_user_by_username = user_repository.get_user_by_username(db, username=user.username)
-        if db_user_by_username:
-            business_logger.warning(f"用户名已存在: {user.username}")
-            raise BusinessException(
-                "用户名已存在", 
-                code=BizCode.DUPLICATE_NAME,
-                context={"username": user.username, "email": user.email}
-            )
-        
-        # 检查邮箱是否已注册
+        # 检查邮箱是否已注册（邮箱保持唯一）
         business_logger.debug(f"检查邮箱是否已注册: {user.email}")
         db_user_by_email = user_repository.get_user_by_email(db, email=user.email)
         if db_user_by_email:
@@ -164,22 +153,7 @@ def create_superuser(db: Session, user: UserCreate, current_user: User) -> User:
         )
     
     try:
-        # 检查用户名是否已存在
-        business_logger.debug(f"检查用户名是否已存在: {user.username}")
-        db_user_by_username = user_repository.get_user_by_username(db, username=user.username)
-        if db_user_by_username:
-            business_logger.warning(f"用户名已存在: {user.username}")
-            raise BusinessException(
-                "用户名已存在", 
-                code=BizCode.DUPLICATE_NAME,
-                context={
-                    "username": user.username,
-                    "email": user.email,
-                    "created_by": str(current_user.id)
-                }
-            )
-        
-        # 检查邮箱是否已注册
+        # 检查邮箱是否已注册（邮箱保持唯一）
         business_logger.debug(f"检查邮箱是否已注册: {user.email}")
         db_user_by_email = user_repository.get_user_by_email(db, email=user.email)
         if db_user_by_email:
@@ -276,6 +250,20 @@ def deactivate_user(db: Session, user_id_to_deactivate: uuid.UUID, current_user:
                     }
                 )
 
+        # 检查是否为租户联系人
+        from app.models.tenant_model import Tenants
+        tenant = db.query(Tenants).filter(Tenants.id == db_user.tenant_id).first()
+        if tenant and tenant.contact_email and tenant.contact_email == db_user.email:
+            business_logger.warning(f"尝试停用租户联系人: {db_user.email}, tenant_id={db_user.tenant_id}")
+            raise BusinessException(
+                "该管理员是租户联系人，请先在租户信息中更换联系邮箱，再禁用此管理员",
+                code=BizCode.FORBIDDEN,
+                context={
+                    "user_id": str(user_id_to_deactivate),
+                    "tenant_id": str(db_user.tenant_id)
+                }
+            )
+
         # 停用用户
         business_logger.debug(f"执行用户停用: {db_user.username} (ID: {user_id_to_deactivate})")
         db_user.is_active = False
diff --git a/api/app/services/workflow_import_service.py b/api/app/services/workflow_import_service.py
index 2b36c5ea..fd8f25f3 100644
--- a/api/app/services/workflow_import_service.py
+++ b/api/app/services/workflow_import_service.py
@@ -12,7 +12,7 @@ from app.aioRedis import aio_redis_set, aio_redis_get
 from app.core.config import settings
 from app.core.exceptions import BusinessException
 from app.core.workflow.adapters.base_adapter import WorkflowImportResult, WorkflowParserResult
-from app.core.workflow.adapters.errors import UnsupportPlatform, InvalidConfiguration
+from app.core.workflow.adapters.errors import UnsupportedPlatform, InvalidConfiguration
 from app.core.workflow.adapters.registry import PlatformAdapterRegistry
 from app.schemas import AppCreate
 from app.schemas.workflow_schema import WorkflowConfigCreate
@@ -46,7 +46,7 @@ class WorkflowImportService:
                 success=False,
                 temp_id=None,
                 workflow_id=None,
-                errors=[UnsupportPlatform(platform=platform)]
+                errors=[UnsupportedPlatform(platform=platform)]
             )
 
         adapter = self.registry.get_adapter(platform, config)
diff --git a/api/app/services/workflow_service.py b/api/app/services/workflow_service.py
index 0e1306b7..c7d7f2b1 100644
--- a/api/app/services/workflow_service.py
+++ b/api/app/services/workflow_service.py
@@ -20,15 +20,17 @@ from app.core.workflow.variable.base_variable import FileObject
 from app.db import get_db
 from app.models import App
 from app.models.workflow_model import WorkflowConfig, WorkflowExecution
+from app.repositories import knowledge_repository
 from app.repositories.workflow_repository import (
     WorkflowConfigRepository,
     WorkflowExecutionRepository,
     WorkflowNodeExecutionRepository
 )
-from app.schemas import DraftRunRequest, FileInput, FileType
+from app.schemas import DraftRunRequest, FileInput
 from app.services.conversation_service import ConversationService
 from app.services.multi_agent_service import convert_uuids_to_str
 from app.services.multimodal_service import MultimodalService
+from app.services.workspace_service import get_workspace_storage_type_without_auth
 
 logger = logging.getLogger(__name__)
 
@@ -540,6 +542,25 @@ class WorkflowService:
             mapped = internal_event
         return mapped
 
+    def _get_memory_store_info(self, workspace_id: uuid.UUID) -> tuple[str, str]:
+        storage_type = get_workspace_storage_type_without_auth(self.db, workspace_id)
+        user_rag_memory_id = ""
+        if storage_type == "rag":
+            knowledge = knowledge_repository.get_knowledge_by_name(
+                db=self.db,
+                name="USER_RAG_MERORY",
+                workspace_id=workspace_id
+            )
+            if knowledge:
+                user_rag_memory_id = str(knowledge.id)
+            else:
+                logger.warning(
+                    f"No knowledge base named 'USER_RAG_MEMORY' found, "
+                    f"workspace_id: {workspace_id}, will use neo4j storage"
+                )
+                storage_type = 'neo4j'
+        return storage_type, user_rag_memory_id
+
     # ==================== 工作流执行 ====================
 
     async def run(
@@ -607,6 +628,7 @@ class WorkflowService:
 
         try:
             files = await self._handle_file_input(payload.files)
+            storage_type, user_rag_memory_id = self._get_memory_store_info(workspace_id)
             input_data["files"] = files
             message_id = uuid.uuid4()
             # 更新状态为运行中
@@ -631,7 +653,9 @@ class WorkflowService:
                 input_data=input_data,
                 execution_id=execution.execution_id,
                 workspace_id=str(workspace_id),
-                user_id=payload.user_id
+                user_id=payload.user_id,
+                memory_storage_type=storage_type,
+                user_rag_memory_id=user_rag_memory_id
             )
             # 更新执行结果
             if result.get("status") == "completed":
@@ -780,6 +804,7 @@ class WorkflowService:
 
         try:
             files = await self._handle_file_input(payload.files)
+            storage_type, user_rag_memory_id = self._get_memory_store_info(workspace_id)
             input_data["files"] = files
             self.update_execution_status(execution.execution_id, "running")
             executions = self.execution_repo.get_by_conversation_id(conversation_id=conversation_id_uuid)
@@ -801,6 +826,8 @@ class WorkflowService:
                     execution_id=execution.execution_id,
                     workspace_id=str(workspace_id),
                     user_id=payload.user_id,
+                    memory_storage_type=storage_type,
+                    user_rag_memory_id=user_rag_memory_id
             ):
                 if event.get("event") == "workflow_end":
                     status = event.get("data", {}).get("status")
diff --git a/api/app/services/workspace_service.py b/api/app/services/workspace_service.py
index cefb8380..90b5cf65 100644
--- a/api/app/services/workspace_service.py
+++ b/api/app/services/workspace_service.py
@@ -863,7 +863,7 @@ def get_workspace_storage_type(
 def get_workspace_storage_type_without_auth(
         db: Session,
         workspace_id: uuid.UUID,
-) -> Optional[str]:
+) -> str:
     """获取工作空间的存储类型（无需权限验证，用于公开分享等场景）
 
     Args:
diff --git a/api/app/tasks.py b/api/app/tasks.py
index 3a237d82..72421a5f 100644
--- a/api/app/tasks.py
+++ b/api/app/tasks.py
@@ -1,5 +1,4 @@
 import asyncio
-import hashlib
 import os
 import re
 import shutil
@@ -36,12 +35,12 @@ from app.core.rag.vdb.elasticsearch.elasticsearch_vector import (
 )
 from app.db import get_db, get_db_context
 from app.models import Document, File, Knowledge
+from app.models.end_user_model import EndUser
 from app.schemas import document_schema, file_schema
-from app.schemas.model_schema import ModelInfo
-from app.services.memory_agent_service import MemoryAgentService
-from app.services.memory_perceptual_service import MemoryPerceptualService
+from app.services.memory_agent_service import MemoryAgentService, get_end_user_connected_config
+from app.services.memory_forget_service import MemoryForgetService
 from app.utils.config_utils import resolve_config_id
-from app.utils.redis_lock import RedisLock
+from app.utils.redis_lock import RedisFairLock
 
 logger = get_logger(__name__)
 
@@ -102,7 +101,12 @@ def get_sync_redis_client() -> Optional[redis.StrictRedis]:
 
 
 def set_asyncio_event_loop():
-    """Set the asyncio event loop for the current thread."""
+    """Ensure an open asyncio event loop exists for the current thread.
+
+    Reuses the existing event loop if one is available and still open.
+    Creates and installs a new event loop only when the current one is
+    closed or missing (e.g. after ``_shutdown_loop_gracefully``).
+    """
     try:
         loop = asyncio.get_event_loop()
         if loop.is_closed():
@@ -114,6 +118,30 @@ def set_asyncio_event_loop():
     return loop
 
 
+def _shutdown_loop_gracefully(loop: asyncio.AbstractEventLoop):
+    """Gracefully shutdown pending async generators and tasks on the event loop.
+
+    This prevents 'RuntimeError: Event loop is closed' from httpx.AsyncClient.__del__
+    by giving pending aclose() coroutines a chance to run before the loop is discarded.
+
+    Note: This only tears down the given loop. Callers that need a fresh event
+    loop afterwards should use ``set_asyncio_event_loop()`` explicitly.
+    """
+    try:
+        # Cancel and collect all remaining tasks
+        all_tasks = asyncio.all_tasks(loop)
+        if all_tasks:
+            for task in all_tasks:
+                task.cancel()
+            loop.run_until_complete(asyncio.gather(*all_tasks, return_exceptions=True))
+        # Shutdown async generators (triggers __aclose__ on httpx clients etc.)
+        loop.run_until_complete(loop.shutdown_asyncgens())
+    except Exception:
+        pass
+    finally:
+        loop.close()
+
+
 @celery_app.task(name="tasks.process_item")
 def process_item(item: dict):
     """
@@ -1073,9 +1101,15 @@ def read_message_task(self, end_user_id: str, message: str, history: List[Dict[s
 
 
 @celery_app.task(name="app.core.memory.agent.write_message", bind=True)
-def write_message_task(self, end_user_id: str, message: list[dict], config_id: str | int, storage_type: str,
-                       user_rag_memory_id: str,
-                       language: str = "zh") -> Dict[str, Any]:
+def write_message_task(
+        self,
+        end_user_id: str,
+        message: list[dict],
+        config_id: str | int,
+        storage_type: str,
+        user_rag_memory_id: str,
+        language: str = "zh"
+) -> Dict[str, Any]:
     """Celery task to process a write message via MemoryAgentService.
     Args:
         end_user_id: Group ID for the memory agent (also used as end_user_id)
@@ -1091,7 +1125,6 @@ def write_message_task(self, end_user_id: str, message: list[dict], config_id: s
     Raises:
         Exception on failure
     """
-
     logger.info(
         f"[CELERY WRITE] Starting write task - end_user_id={end_user_id}, "
         f"config_id={config_id} (type: {type(config_id).__name__}), "
@@ -1105,14 +1138,11 @@ def write_message_task(self, end_user_id: str, message: list[dict], config_id: s
         try:
             with get_db_context() as db:
                 actual_config_id = resolve_config_id(config_id, db)
-            print(100 * '-')
-            print(actual_config_id)
-            print(100 * '-')
-            logger.info(
-                f"[CELERY WRITE] Converted config_id to UUID: {actual_config_id} (type: {type(actual_config_id).__name__})")
+            logger.info(f"[CELERY WRITE] Converted config_id to UUID: {actual_config_id} "
+                        f"(type: {type(actual_config_id).__name__})")
         except (ValueError, AttributeError) as e:
-            logger.error(
-                f"[CELERY WRITE] Invalid config_id format: {config_id} (type: {type(config_id).__name__}), error: {e}")
+            logger.error(f"[CELERY WRITE] Invalid config_id format: {config_id} "
+                         f"(type: {type(config_id).__name__}), error: {e}")
             return {
                 "status": "FAILURE",
                 "error": f"Invalid config_id format: {config_id} - {str(e)}",
@@ -1144,17 +1174,36 @@ def write_message_task(self, end_user_id: str, message: list[dict], config_id: s
             logger.info(f"[CELERY WRITE] Write completed successfully: {result}")
             return result
 
+    redis_client = get_sync_redis_client()
+    lock = None
+    if redis_client is not None:
+        lock = RedisFairLock(
+            key=f"memory_write:{end_user_id}",
+            redis_client=redis_client,
+            expire=600,
+            timeout=3600,
+            auto_renewal=True,
+        )
+        if not lock.acquire():
+            logger.warning(f"[CELERY WRITE] 获取锁超时，跳过本次写入: end_user_id={end_user_id}")
+            return {
+                "status": "SKIPPED",
+                "error": "acquire lock timeout",
+                "end_user_id": end_user_id,
+                "config_id": str(config_id),
+                "elapsed_time": time.time() - start_time,
+                "task_id": self.request.id,
+            }
+
     try:
-        # 尝试获取现有事件循环，如果不存在则创建新的
         loop = set_asyncio_event_loop()
 
         result = loop.run_until_complete(_run())
         elapsed_time = time.time() - start_time
 
-        logger.info(
-            f"[CELERY WRITE] Task completed successfully - elapsed_time={elapsed_time:.2f}s, task_id={self.request.id}")
+        logger.info(f"[CELERY WRITE] Task completed successfully "
+                    f"- elapsed_time={elapsed_time:.2f}s, task_id={self.request.id}")
 
-        # 记录该用户最后一次 write_message 成功的时间，供时间轴筛选使用
         try:
             _r = get_sync_redis_client()
             if _r is not None:
@@ -1167,7 +1216,6 @@ def write_message_task(self, end_user_id: str, message: list[dict], config_id: s
                 )
         except Exception as _e:
             logger.warning(f"[CELERY WRITE] 写入 last_done 时间戳失败（不影响主流程）: {_e}")
-
         return {
             "status": "SUCCESS",
             "result": result,
@@ -1196,6 +1244,15 @@ def write_message_task(self, end_user_id: str, message: list[dict], config_id: s
             "elapsed_time": elapsed_time,
             "task_id": self.request.id
         }
+    finally:
+        if lock is not None:
+            try:
+                lock.release()
+            except Exception as e:
+                logger.warning(f"[CELERY WRITE] 释放锁失败: {e}")
+        # Gracefully shutdown the event loop to prevent
+        # 'RuntimeError: Event loop is closed' from httpx.AsyncClient.__del__
+        _shutdown_loop_gracefully(loop)
 
 
 # unused task
@@ -1859,7 +1916,7 @@ def workspace_reflection_task(self) -> Dict[str, Any]:
 @celery_app.task(
     name="app.tasks.run_forgetting_cycle_task",
     bind=True,
-    ignore_result=True,
+    ignore_result=False,  # 改为 False 以便在 Flower 中查看结果
     max_retries=0,
     acks_late=False,
     time_limit=7200,
@@ -1867,68 +1924,77 @@ def workspace_reflection_task(self) -> Dict[str, Any]:
 )
 def run_forgetting_cycle_task(self, config_id: Optional[uuid.UUID] = None) -> Dict[str, Any]:
     """定时任务：运行遗忘周期
-
-    定期执行遗忘周期，识别并融合低激活值的知识节点。
-
-    Args:
-        config_id: 配置ID（可选，如果为None则使用默认配置）
-
-    Returns:
-        包含任务执行结果的字典
+    
+    遍历所有终端用户，执行遗忘周期。
     """
     start_time = time.time()
 
-    async def _run() -> Dict[str, Any]:
-        from app.services.memory_forget_service import MemoryForgetService
-
+    async def _process_users() -> Dict[str, Any]:
         with get_db_context() as db:
-            try:
-                logger.info(f"开始执行遗忘周期定时任务，config_id: {config_id}")
+            end_users = db.query(EndUser).all()
+            if not end_users:
+                logger.info("没有终端用户，跳过遗忘周期")
+                return {"status": "SUCCESS", "message": "没有终端用户", 
+                        "report": {"merged_count": 0, "failed_count": 0, "processed_users": 0},
+                        "duration_seconds": time.time() - start_time}
 
-                forget_service = MemoryForgetService()
+            logger.info(f"开始处理 {len(end_users)} 个终端用户的遗忘周期")
+            forget_service = MemoryForgetService()
+            total_merged = total_failed = processed_users = 0
+            failed_users = []
 
-                # 运行遗忘周期
-                # FIXME: MemeoryForgetService
-                report = await forget_service.trigger_forgetting(
-                    db=db,
-                    end_user_id=None,  # 处理所有组
-                    config_id=config_id
-                )
+            for end_user in end_users:
+                try:
+                    # 获取用户配置（自动回退到工作空间默认配置）
+                    connected_config = get_end_user_connected_config(str(end_user.id), db)
+                    user_config_id = resolve_config_id(connected_config.get("memory_config_id"), db)
+                    
+                    if not user_config_id:
+                        failed_users.append({"end_user_id": str(end_user.id), "error": "无法获取配置"})
+                        continue
 
-                duration = time.time() - start_time
+                    # 执行遗忘周期
+                    report = await forget_service.trigger_forgetting_cycle(
+                        db=db, end_user_id=str(end_user.id), config_id=user_config_id
+                    )
+                    
+                    total_merged += report.get('merged_count', 0)
+                    total_failed += report.get('failed_count', 0)
+                    processed_users += 1
+                    
+                    logger.info(f"用户 {end_user.id}: 融合 {report.get('merged_count', 0)} 对节点")
+                    
+                except Exception as e:
+                    logger.error(f"处理用户 {end_user.id} 失败: {e}", exc_info=True)
+                    failed_users.append({"end_user_id": str(end_user.id), "error": str(e)})
 
-                logger.info(
-                    f"遗忘周期定时任务完成: "
-                    f"融合 {report['merged_count']} 对节点, "
-                    f"失败 {report['failed_count']} 对, "
-                    f"耗时 {duration:.2f} 秒"
-                )
+            duration = time.time() - start_time
+            logger.info(f"遗忘周期完成: {processed_users}/{len(end_users)} 用户, "
+                       f"融合 {total_merged} 对, 耗时 {duration:.2f}s")
 
-                return {
-                    "status": "SUCCESS",
-                    "message": "遗忘周期执行成功",
-                    "report": report,
-                    "duration_seconds": duration
-                }
-
-            except Exception as e:
-                duration = time.time() - start_time
-                logger.error(f"遗忘周期定时任务失败: {str(e)}", exc_info=True)
-
-                return {
-                    "status": "FAILED",
-                    "message": f"遗忘周期执行失败: {str(e)}",
-                    "duration_seconds": duration
-                }
+            return {
+                "status": "SUCCESS",
+                "message": f"处理 {processed_users} 个用户",
+                "report": {
+                    "merged_count": total_merged,
+                    "failed_count": total_failed,
+                    "processed_users": processed_users,
+                    "total_users": len(end_users),
+                    "failed_users": failed_users
+                },
+                "duration_seconds": duration
+            }
 
     # 运行异步函数
-    loop = asyncio.new_event_loop()
-    asyncio.set_event_loop(loop)
     try:
-        result = loop.run_until_complete(_run())
-        return result
-    finally:
-        loop.close()
+        return asyncio.run(_process_users())
+    except Exception as e:
+        logger.error(f"遗忘周期任务失败: {e}", exc_info=True)
+        return {
+            "status": "FAILED",
+            "message": f"任务失败: {str(e)}",
+            "duration_seconds": time.time() - start_time
+        }
 
 
 # =============================================================================
@@ -2611,68 +2677,111 @@ def init_interest_distribution_for_users(self, end_user_ids: List[str]) -> Dict[
         }
 
 
-@celery_app.task(
-    name="app.tasks.write_perceptual_memory",
-    bind=True,
-    ignore_result=True,
-    max_retries=0,
-    acks_late=False,
-    time_limit=3600,
-    soft_time_limit=3300,
-)
-def write_perceptual_memory(
-        self,
-        end_user_id: str,
-        model_api_config: dict,
-        file_type: str,
-        file_url: str,
-        file_message: dict
-):
-    """
-    Write perceptual memory for a user into PostgreSQL and Neo4j.
-
-    This task generates or updates the user's perceptual memory
-    in the backend databases. It is intended to be executed asynchronously
-    via Celery.
-
-    Args:
-        end_user_id (uuid.UUID): The unique identifier of the end user.
-        model_api_config (ModelInfo): API configuration for the model
-            used to generate perceptual memory.
-        file_type (str): The file type
-        file_url (url): The url of file
-        file_message (dict): The file message containing details about the file
-            to be processed.
-
-    Returns:
-        None
-    """
-    file_url_md5 = hashlib.md5(file_url.encode("utf-8")).hexdigest()
-    set_asyncio_event_loop()
-    with RedisLock(f"perceptual:{file_url_md5}", redis_client=get_sync_redis_client()):
-        model_info = ModelInfo(**model_api_config)
-        with get_db_context() as db:
-            memory_perceptual_service = MemoryPerceptualService(db)
-            return asyncio.run(memory_perceptual_service.generate_perceptual_memory(
-                end_user_id,
-                model_info,
-                file_type,
-                file_url,
-                file_message,
-            ))
-
-
 # =============================================================================
 # 社区聚类补全任务（触发型）
 # =============================================================================
 
+@celery_app.task(
+    name="app.tasks.run_incremental_clustering",
+    bind=True,
+    ignore_result=False,
+    max_retries=2,
+    acks_late=True,
+    time_limit=1800,  # 30分钟硬超时
+    soft_time_limit=1700,
+)
+def run_incremental_clustering(
+    self,
+    end_user_id: str,
+    new_entity_ids: List[str],
+    llm_model_id: Optional[str] = None,
+    embedding_model_id: Optional[str] = None,
+) -> Dict[str, Any]:
+    """增量聚类任务：处理新增实体的社区分配和元数据生成。
+    
+    此任务在后台异步执行，不阻塞 write_message 主流程。
+    
+    Args:
+        end_user_id: 用户 ID
+        new_entity_ids: 新增实体 ID 列表
+        llm_model_id: LLM 模型 ID（可选）
+        embedding_model_id: Embedding 模型 ID（可选）
+    
+    Returns:
+        包含任务执行结果的字典
+    """
+    start_time = time.time()
+    
+    async def _run() -> Dict[str, Any]:
+        from app.core.logging_config import get_logger
+        from app.repositories.neo4j.neo4j_connector import Neo4jConnector
+        from app.core.memory.storage_services.clustering_engine.label_propagation import LabelPropagationEngine
+        
+        logger = get_logger(__name__)
+        logger.info(
+            f"[IncrementalClustering] 开始增量聚类任务 - end_user_id={end_user_id}, "
+            f"实体数={len(new_entity_ids)}, llm_model_id={llm_model_id}"
+        )
+        
+        connector = Neo4jConnector()
+        try:
+            engine = LabelPropagationEngine(
+                connector=connector,
+                llm_model_id=llm_model_id,
+                embedding_model_id=embedding_model_id,
+            )
+            
+            # 执行增量聚类
+            await engine.run(end_user_id=end_user_id, new_entity_ids=new_entity_ids)
+            
+            logger.info(f"[IncrementalClustering] 增量聚类完成 - end_user_id={end_user_id}")
+            
+            return {
+                "status": "SUCCESS",
+                "end_user_id": end_user_id,
+                "entity_count": len(new_entity_ids),
+            }
+        except Exception as e:
+            logger.error(f"[IncrementalClustering] 增量聚类失败: {e}", exc_info=True)
+            raise
+        finally:
+            await connector.close()
+    
+    try:
+        loop = set_asyncio_event_loop()
+        result = loop.run_until_complete(_run())
+        result["elapsed_time"] = time.time() - start_time
+        result["task_id"] = self.request.id
+        
+        logger.info(
+            f"[IncrementalClustering] 任务完成 - task_id={self.request.id}, "
+            f"elapsed_time={result['elapsed_time']:.2f}s"
+        )
+        
+        return result
+    except Exception as e:
+        elapsed_time = time.time() - start_time
+        logger.error(
+            f"[IncrementalClustering] 任务失败 - task_id={self.request.id}, "
+            f"elapsed_time={elapsed_time:.2f}s, error={str(e)}",
+            exc_info=True
+        )
+        return {
+            "status": "FAILURE",
+            "error": str(e),
+            "end_user_id": end_user_id,
+            "elapsed_time": elapsed_time,
+            "task_id": self.request.id,
+        }
+
+
 @celery_app.task(
     name="app.tasks.init_community_clustering_for_users",
     bind=True,
     ignore_result=False,
     max_retries=0,
     acks_late=False,
-    time_limit=7200,   # 2小时硬超时
+    time_limit=7200,  # 2小时硬超时
     soft_time_limit=6900,
 )
 def init_community_clustering_for_users(self, end_user_ids: List[str], workspace_id: Optional[str] = None) -> Dict[str, Any]:
@@ -2760,7 +2869,7 @@ def init_community_clustering_for_users(self, end_user_ids: List[str], workspace
                         patch_fail = 0
                         for cid in incomplete_ids:
                             try:
-                                await engine._generate_community_metadata(cid, end_user_id)
+                                await engine._generate_community_metadata([cid], end_user_id)
                                 patch_ok += 1
                             except Exception as patch_err:
                                 patch_fail += 1
@@ -2787,7 +2896,8 @@ def init_community_clustering_for_users(self, end_user_ids: List[str], workspace
                         embedding_model_id=embedding_model_id,
                     )
 
-                    logger.info(f"[CommunityCluster] 用户 {end_user_id} 有 {len(entities)} 个实体，开始全量聚类，llm_model_id={llm_model_id}")
+                    logger.info(
+                        f"[CommunityCluster] 用户 {end_user_id} 有 {len(entities)} 个实体，开始全量聚类，llm_model_id={llm_model_id}")
                     await engine.full_clustering(end_user_id)
                     initialized += 1
                     logger.info(f"[CommunityCluster] 用户 {end_user_id} 聚类完成")
@@ -2810,12 +2920,6 @@ def init_community_clustering_for_users(self, end_user_ids: List[str], workspace
         }
 
     try:
-        try:
-            import nest_asyncio
-            nest_asyncio.apply()
-        except ImportError:
-            pass
-
         loop = set_asyncio_event_loop()
         result = loop.run_until_complete(_run())
         result["elapsed_time"] = time.time() - start_time
@@ -2829,3 +2933,6 @@ def init_community_clustering_for_users(self, end_user_ids: List[str], workspace
             "elapsed_time": time.time() - start_time,
             "task_id": self.request.id,
         }
+
+
+# unused task
\ No newline at end of file
diff --git a/api/app/utils/redis_lock.py b/api/app/utils/redis_lock.py
index 99f62d84..a86ba46e 100644
--- a/api/app/utils/redis_lock.py
+++ b/api/app/utils/redis_lock.py
@@ -1,6 +1,7 @@
 import redis
 import uuid
 import time
+import threading
 
 UNLOCK_SCRIPT = """
 if redis.call("get", KEYS[1]) == ARGV[1] then
@@ -10,45 +11,136 @@ else
 end
 """
 
+RENEW_SCRIPT = """
+if redis.call("get", KEYS[1]) == ARGV[1] then
+    return redis.call("expire", KEYS[1], ARGV[2])
+else
+    return 0
+end
+"""
 
-class RedisLock:
+CLEANUP_DEAD_HEAD_SCRIPT = """
+local queue_key = KEYS[1]
+local lock_key = KEYS[2]
+
+local first = redis.call("lindex", queue_key, 0)
+if not first then
+    return 0
+end
+
+if redis.call("exists", lock_key) == 1 then
+    return 0
+end
+
+redis.call("lpop", queue_key)
+return 1
+"""
+
+SAFE_RELEASE_QUEUE_SCRIPT = """
+local queue_key = KEYS[1]
+local value = ARGV[1]
+
+local first = redis.call("lindex", queue_key, 0)
+if first == value then
+    redis.call("lpop", queue_key)
+    return 1
+end
+return 0
+"""
+
+
+def _ensure_str(val):
+    """统一将 Redis 返回值转为 str，兼容 decode_responses=True/False"""
+    if val is None:
+        return None
+    if isinstance(val, bytes):
+        return val.decode("utf-8")
+    return str(val)
+
+
+class RedisFairLock:
     def __init__(
             self,
             key: str,
             redis_client: redis.StrictRedis,
-            expire: int = 60,
-            retry_interval: float = 0.1,
-            timeout: float = 30
-
+            expire: int = 30,
+            retry_interval: float = 0.05,
+            timeout: float = 600,
+            auto_renewal: bool = True
     ):
         self.key = key
-        self.expire = expire
+        self.queue_key = f"{key}:queue"
         self.value = str(uuid.uuid4())
-        self._locked = False
+        self.expire = expire
         self.retry_interval = retry_interval
         self.timeout = timeout
-        self.redis_client = redis_client
+        self.redis = redis_client
+        self._locked = False
+        self.auto_renewal = auto_renewal
+        self._renew_thread = None
+        self._stop_renew = threading.Event()
 
-    def acquire(self) -> bool:
+    def acquire(self):
         start = time.time()
+
+        self.redis.rpush(self.queue_key, self.value)
+
         while True:
-            ok = self.redis_client.set(self.key, self.value, ex=self.expire, nx=True)
-            if ok:
-                self._locked = True
-                return True
-            if time.time() - start >= self.timeout:
+            first = _ensure_str(self.redis.lindex(self.queue_key, 0))
+
+            if first == self.value:
+                ok = self.redis.set(self.key, self.value, nx=True, ex=self.expire)
+                if ok:
+                    self._locked = True
+
+                    if self.auto_renewal:
+                        self._start_renewal()
+                    return True
+
+            if first:
+                self.redis.eval(CLEANUP_DEAD_HEAD_SCRIPT, 2, self.queue_key, self.key)
+
+            if time.time() - start > self.timeout:
+                self.redis.lrem(self.queue_key, 0, self.value)
                 return False
+
             time.sleep(self.retry_interval)
 
+    def _renewal_loop(self):
+        while not self._stop_renew.is_set():
+            time.sleep(self.expire / 3)
+            if self._stop_renew.is_set():
+                break
+
+            self.redis.eval(
+                RENEW_SCRIPT,
+                1,
+                self.key,
+                self.value,
+                str(self.expire)
+            )
+
+    def _start_renewal(self):
+        self._stop_renew = threading.Event()
+        self._renew_thread = threading.Thread(target=self._renewal_loop, daemon=True)
+        self._renew_thread.start()
+
+    def _stop_renewal(self):
+        self._stop_renew.set()
+        if self._renew_thread:
+            self._renew_thread.join(timeout=1)
+
     def release(self):
         if not self._locked:
             return
-        self.redis_client.eval(
-            UNLOCK_SCRIPT,
-            1,
-            self.key,
-            self.value
-        )
+
+        if self.auto_renewal:
+            self._stop_renewal()
+
+        self.redis.eval(UNLOCK_SCRIPT, 1, self.key, self.value)
+
+        self.redis.eval(SAFE_RELEASE_QUEUE_SCRIPT, 1, self.queue_key, self.value)
+
         self._locked = False
 
     def __enter__(self):
@@ -59,3 +151,4 @@ class RedisLock:
 
     def __exit__(self, exc_type, exc_val, exc_tb):
         self.release()
+
diff --git a/api/migrations/versions/05a681a6ca93_202603231611.py b/api/migrations/versions/05a681a6ca93_202603231611.py
new file mode 100644
index 00000000..5ab9c4de
--- /dev/null
+++ b/api/migrations/versions/05a681a6ca93_202603231611.py
@@ -0,0 +1,32 @@
+"""202603231611
+
+Revision ID: 05a681a6ca93
+Revises: 74b51dfece29
+Create Date: 2026-03-23 16:12:44.110292
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = '05a681a6ca93'
+down_revision: Union[str, None] = '74b51dfece29'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_users_username'), table_name='users')
+    op.create_index(op.f('ix_users_username'), 'users', ['username'], unique=False)
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_users_username'), table_name='users')
+    op.create_index(op.f('ix_users_username'), 'users', ['username'], unique=True)
+    # ### end Alembic commands ###
diff --git a/api/migrations/versions/1480a7d680fb_202603261815.py b/api/migrations/versions/1480a7d680fb_202603261815.py
new file mode 100644
index 00000000..4c6f8c9c
--- /dev/null
+++ b/api/migrations/versions/1480a7d680fb_202603261815.py
@@ -0,0 +1,59 @@
+"""202603261815
+
+Revision ID: 1480a7d680fb
+Revises: adaefcbe2aa1
+Create Date: 2026-03-26 18:16:07.886033
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+from sqlalchemy.dialects import postgresql
+
+# revision identifiers, used by Alembic.
+revision: str = '1480a7d680fb'
+down_revision: Union[str, None] = 'adaefcbe2aa1'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('end_user_info',
+    sa.Column('id', sa.UUID(), nullable=False),
+    sa.Column('end_user_id', sa.UUID(), nullable=False, comment='关联的终端用户ID'),
+    sa.Column('other_name', sa.String(), nullable=False, comment='关联的用户名称'),
+    sa.Column('aliases', sa.ARRAY(sa.String()), nullable=True, comment='用户别名列表（字符串数组）'),
+    sa.Column('meta_data', postgresql.JSONB(astext_type=sa.Text()), nullable=True, comment='用户相关的扩展信息（JSON格式）'),
+    sa.Column('created_at', sa.DateTime(), nullable=True, comment='创建时间'),
+    sa.Column('updated_at', sa.DateTime(), nullable=True, comment='更新时间'),
+    sa.ForeignKeyConstraint(['end_user_id'], ['end_users.id'], ),
+    sa.PrimaryKeyConstraint('id')
+    )
+    op.create_index(op.f('ix_end_user_info_end_user_id'), 'end_user_info', ['end_user_id'], unique=False)
+    op.create_index(op.f('ix_end_user_info_id'), 'end_user_info', ['id'], unique=False)
+
+    connection = op.get_bind()
+    connection.execute(sa.text("""
+        INSERT INTO end_user_info (id, end_user_id, other_name, aliases, meta_data, created_at, updated_at)
+        SELECT 
+            gen_random_uuid() as id,
+            id as end_user_id,
+            other_name,
+            '{}'::TEXT[] as aliases,
+            NULL as meta_data,
+            NOW() as created_at,
+            NOW() as updated_at
+        FROM end_users
+    """))
+    
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_index(op.f('ix_end_user_info_id'), table_name='end_user_info')
+    op.drop_index(op.f('ix_end_user_info_end_user_id'), table_name='end_user_info')
+    op.drop_table('end_user_info')
+    # ### end Alembic commands ###
diff --git a/api/migrations/versions/1ea8fe97b5b7_202603252115.py b/api/migrations/versions/1ea8fe97b5b7_202603252115.py
new file mode 100644
index 00000000..1f0df3e7
--- /dev/null
+++ b/api/migrations/versions/1ea8fe97b5b7_202603252115.py
@@ -0,0 +1,42 @@
+"""202603252115
+
+Revision ID: 1ea8fe97b5b7
+Revises: e28bcc212da5
+Create Date: 2026-03-25 21:14:41.825048
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = '1ea8fe97b5b7'
+down_revision: Union[str, None] = 'e28bcc212da5'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.add_column('tenants', sa.Column('contact_name', sa.String(length=100), nullable=True))
+    op.add_column('tenants', sa.Column('contact_email', sa.String(length=255), nullable=True))
+    op.add_column('tenants', sa.Column('contact_phone', sa.String(length=50), nullable=True))
+    op.add_column('tenants', sa.Column('plan', sa.String(length=50), nullable=True))
+    op.add_column('tenants', sa.Column('plan_expired_at', sa.DateTime(), nullable=True))
+    op.add_column('tenants', sa.Column('api_ops_rate_limit', sa.String(length=100), nullable=True))
+    op.add_column('tenants', sa.Column('status', sa.String(length=50), nullable=True))
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_column('tenants', 'status')
+    op.drop_column('tenants', 'api_ops_rate_limit')
+    op.drop_column('tenants', 'plan_expired_at')
+    op.drop_column('tenants', 'plan')
+    op.drop_column('tenants', 'contact_phone')
+    op.drop_column('tenants', 'contact_email')
+    op.drop_column('tenants', 'contact_name')
+    # ### end Alembic commands ###
diff --git a/api/migrations/versions/4e89970f9e7c_202603271515.py b/api/migrations/versions/4e89970f9e7c_202603271515.py
new file mode 100644
index 00000000..f37c4b27
--- /dev/null
+++ b/api/migrations/versions/4e89970f9e7c_202603271515.py
@@ -0,0 +1,30 @@
+"""202603271515
+
+Revision ID: 4e89970f9e7c
+Revises: 6b8a461148ff
+Create Date: 2026-03-27 15:12:27.518344
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = '4e89970f9e7c'
+down_revision: Union[str, None] = '6b8a461148ff'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.add_column('users', sa.Column('phone', sa.String(length=50), nullable=True))
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_column('users', 'phone')
+    # ### end Alembic commands ###
diff --git a/api/migrations/versions/6b8a461148ff_202603261955.py b/api/migrations/versions/6b8a461148ff_202603261955.py
new file mode 100644
index 00000000..a0bdac87
--- /dev/null
+++ b/api/migrations/versions/6b8a461148ff_202603261955.py
@@ -0,0 +1,32 @@
+"""202603261955
+
+Revision ID: 6b8a461148ff
+Revises: 1480a7d680fb
+Create Date: 2026-03-26 19:55:24.041039
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = '6b8a461148ff'
+down_revision: Union[str, None] = '1480a7d680fb'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_column('tenants', 'feature_user_management')
+    op.drop_column('tenants', 'feature_billing')
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.add_column('tenants', sa.Column('feature_billing', sa.BOOLEAN(), server_default=sa.text('false'), autoincrement=False, nullable=False, comment='是否启用收费管理菜单'))
+    op.add_column('tenants', sa.Column('feature_user_management', sa.BOOLEAN(), server_default=sa.text('false'), autoincrement=False, nullable=False, comment='是否启用用户管理菜单'))
+    # ### end Alembic commands ###
diff --git a/api/migrations/versions/74b51dfece29_20260311000.py b/api/migrations/versions/74b51dfece29_20260311000.py
new file mode 100644
index 00000000..aa9feab1
--- /dev/null
+++ b/api/migrations/versions/74b51dfece29_20260311000.py
@@ -0,0 +1,156 @@
+"""20260311000
+
+Revision ID: 74b51dfece29
+Revises: f017efe4831c
+Create Date: 2026-03-19 10:15:42.488027
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = '74b51dfece29'
+down_revision: Union[str, None] = 'f017efe4831c'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # 先删除旧的触发器（如果存在）
+    op.execute("DROP TRIGGER IF EXISTS tr_documents_update_stats ON documents;")
+
+    # 创建或更新 knowledges 统计信息的函数
+    op.execute("""
+CREATE OR REPLACE FUNCTION update_knowledge_stats()
+RETURNS TRIGGER AS $$
+DECLARE
+    -- 声明变量用于存储当前处理的知识库ID
+    current_kb_id UUID;
+    -- 声明变量用于存储文件夹知识库ID（如果存在）
+    folder_kb_id UUID;
+    -- 声明变量用于存储递归查询结果
+    folder_ids UUID[];
+BEGIN
+    -- 处理 documents 表的插入、更新或删除
+    IF TG_TABLE_NAME = 'documents' THEN
+        -- 1. 更新 knowledges 表的 doc_num
+        UPDATE knowledges SET doc_num = (
+            SELECT COUNT(*) FROM documents
+            WHERE kb_id = knowledges.id AND status = 1
+        )
+        WHERE id = NEW.kb_id OR id = OLD.kb_id;
+
+        -- 2. 更新 knowledges 表的 chunk_num
+        UPDATE knowledges SET chunk_num = (
+            SELECT COALESCE(SUM(chunk_num), 0) FROM documents
+            WHERE kb_id = knowledges.id AND status = 1
+        )
+        WHERE id = NEW.kb_id OR id = OLD.kb_id;
+
+        -- 通过 knowledge_shares 表同步统计信息
+        -- 1. 使用 source_kb_id 的 doc_num 更新 target_kb_id 的 doc_num
+        UPDATE knowledges AS target
+        SET doc_num = source.doc_num
+        FROM knowledge_shares ks
+        JOIN knowledges AS source ON source.id = ks.source_kb_id
+        WHERE ks.target_kb_id = target.id
+          AND (source.id = NEW.kb_id OR source.id = OLD.kb_id);
+
+        -- 2. 使用 source_kb_id 的 chunk_num 更新 target_kb_id 的 chunk_num
+        UPDATE knowledges AS target
+        SET chunk_num = source.chunk_num
+        FROM knowledge_shares ks
+        JOIN knowledges AS source ON source.id = ks.source_kb_id
+        WHERE ks.target_kb_id = target.id
+          AND (source.id = NEW.kb_id OR source.id = OLD.kb_id);
+
+        -- 处理文件夹知识库的统计更新
+        -- 获取当前处理的知识库ID（可能是NEW或OLD中的kb_id）
+        IF NEW.kb_id IS NOT NULL THEN
+            current_kb_id := NEW.kb_id;
+        ELSIF OLD.kb_id IS NOT NULL THEN
+            current_kb_id := OLD.kb_id;
+        ELSE
+            RETURN NULL;
+        END IF;
+
+        -- 查找当前知识库的父文件夹（如果有）
+        SELECT id INTO folder_kb_id FROM knowledges
+        WHERE id IN (
+            SELECT parent_id FROM knowledges WHERE id = current_kb_id
+        ) AND type = 'Folder';
+
+        -- 如果存在父文件夹，递归处理所有父文件夹
+        IF folder_kb_id IS NOT NULL THEN
+            -- 使用递归CTE获取所有父文件夹ID（包括多级嵌套）
+            WITH RECURSIVE folder_hierarchy AS (
+                -- 基础查询：获取直接父文件夹
+                SELECT id FROM knowledges
+                WHERE id = folder_kb_id AND type = 'Folder'
+                UNION ALL
+                -- 递归查询：获取父文件夹的父文件夹
+                SELECT k.id FROM knowledges k
+                JOIN folder_hierarchy fh ON k.id = k.parent_id
+                WHERE k.type = 'Folder'
+            )
+            -- 将结果存入数组以便处理
+            SELECT array_agg(id) INTO folder_ids FROM folder_hierarchy;
+
+            -- 遍历所有父文件夹并更新统计信息
+            FOR i IN 1..array_length(folder_ids, 1) LOOP
+                -- 更新文件夹的doc_num（汇总所有子知识库的doc_num）
+                UPDATE knowledges SET doc_num = (
+                    -- 汇总直接子知识库的doc_num
+                    SELECT COALESCE(SUM(child.doc_num), 0)
+                    FROM knowledges child
+                    WHERE child.parent_id = folder_ids[i] AND child.status = 1
+                    -- 加上直接属于该文件夹的文档数（如果有）
+                    UNION ALL
+                    SELECT COALESCE(COUNT(*), 0)
+                    FROM documents
+                    WHERE kb_id = folder_ids[i] AND status = 1
+                    LIMIT 1
+                )
+                WHERE id = folder_ids[i];
+
+                -- 更新文件夹的chunk_num（汇总所有子知识库的chunk_num）
+                UPDATE knowledges SET chunk_num = (
+                    -- 汇总直接子知识库的chunk_num
+                    SELECT COALESCE(SUM(child.chunk_num), 0)
+                    FROM knowledges child
+                    WHERE child.parent_id = folder_ids[i] AND child.status = 1
+                    -- 加上直接属于该文件夹的文档的chunk_num（如果有）
+                    UNION ALL
+                    SELECT COALESCE(SUM(d.chunk_num), 0)
+                    FROM documents d
+                    WHERE d.kb_id = folder_ids[i] AND d.status = 1
+                    LIMIT 1
+                )
+                WHERE id = folder_ids[i];
+            END LOOP;
+        END IF;
+    END IF;
+
+    RETURN NULL;
+END;
+$$ LANGUAGE plpgsql;
+    """)
+
+    # documents 表上的触发器（插入、更新、删除后）
+    op.execute("""
+CREATE TRIGGER tr_documents_update_stats
+    AFTER INSERT OR UPDATE OR DELETE ON documents
+    FOR EACH ROW
+    EXECUTE FUNCTION update_knowledge_stats();
+    """)
+
+
+def downgrade() -> None:
+    # 删除触发器
+    op.execute("DROP TRIGGER IF EXISTS tr_documents_update_stats ON documents;")
+    # 删除函数
+    op.execute("DROP FUNCTION IF EXISTS update_knowledge_stats();")
+
diff --git a/api/migrations/versions/adaefcbe2aa1_202603261630.py b/api/migrations/versions/adaefcbe2aa1_202603261630.py
new file mode 100644
index 00000000..b8235dd7
--- /dev/null
+++ b/api/migrations/versions/adaefcbe2aa1_202603261630.py
@@ -0,0 +1,32 @@
+"""202603261630
+
+Revision ID: adaefcbe2aa1
+Revises: 1ea8fe97b5b7
+Create Date: 2026-03-26 16:27:17.590077
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = 'adaefcbe2aa1'
+down_revision: Union[str, None] = '1ea8fe97b5b7'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.add_column('tenants', sa.Column('feature_billing', sa.Boolean(), server_default='false', nullable=False, comment='是否启用收费管理菜单'))
+    op.add_column('tenants', sa.Column('feature_user_management', sa.Boolean(), server_default='false', nullable=False, comment='是否启用用户管理菜单'))
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_column('tenants', 'feature_user_management')
+    op.drop_column('tenants', 'feature_billing')
+    # ### end Alembic commands ###
diff --git a/api/migrations/versions/e28bcc212da5_202603241530.py b/api/migrations/versions/e28bcc212da5_202603241530.py
new file mode 100644
index 00000000..00173522
--- /dev/null
+++ b/api/migrations/versions/e28bcc212da5_202603241530.py
@@ -0,0 +1,34 @@
+"""202603241530
+
+Revision ID: e28bcc212da5
+Revises: 05a681a6ca93
+Create Date: 2026-03-24 15:32:14.461480
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision: str = 'e28bcc212da5'
+down_revision: Union[str, None] = '05a681a6ca93'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.add_column('memory_config', sa.Column('vision_id', sa.String(), nullable=True, comment='视觉模型配置ID'))
+    op.add_column('memory_config', sa.Column('audio_id', sa.String(), nullable=True, comment='语音模型配置ID'))
+    op.add_column('memory_config', sa.Column('video_id', sa.String(), nullable=True, comment='视频模型配置ID'))
+    # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+    # ### commands auto generated by Alembic - please adjust! ###
+    op.drop_column('memory_config', 'video_id')
+    op.drop_column('memory_config', 'audio_id')
+    op.drop_column('memory_config', 'vision_id')
+    # ### end Alembic commands ###
diff --git a/api/pyproject.toml b/api/pyproject.toml
index e6fddea8..8ced574c 100644
--- a/api/pyproject.toml
+++ b/api/pyproject.toml
@@ -147,6 +147,7 @@ dependencies = [
     "modelscope>=1.34.0",
     "python-magic>=0.4.14; sys_platform == 'linux' or sys_platform == 'darwin'",
     "python-magic-bin>=0.4.14; sys_platform=='win32'",
+    "volcengine-python-sdk[ark]==5.0.19"
 ]
 
 [tool.pytest.ini_options]
diff --git a/api/tests/workflow/executor/test_vairable_pool.py b/api/tests/workflow/executor/test_vairable_pool.py
index 3404eb79..0ba4d259 100644
--- a/api/tests/workflow/executor/test_vairable_pool.py
+++ b/api/tests/workflow/executor/test_vairable_pool.py
@@ -303,7 +303,7 @@ async def test_get_node_output_not_exist_with_default():
     """测试获取不存在的节点输出（使用默认值）"""
     pool = VariablePool()
     
-    result = pool.get_node_output("nonexistent_node", defalut=None, strict=False)
+    result = pool.get_node_output("nonexistent_node", default=None, strict=False)
     
     assert result is None
 
diff --git a/redbear-mem-benchmark b/redbear-mem-benchmark
index c3bbc693..e853d99f 160000
--- a/redbear-mem-benchmark
+++ b/redbear-mem-benchmark
@@ -1 +1 @@
-Subproject commit c3bbc6931c570e6fac88c0b00658b4f08dc2ac77
+Subproject commit e853d99ff0d42ee81333db0fe0b6927536e4aa0e
diff --git a/web/package.json b/web/package.json
index db6a8408..0284f397 100644
--- a/web/package.json
+++ b/web/package.json
@@ -30,7 +30,7 @@
     "@lexical/list": "^0.39.0",
     "@lexical/react": "^0.39.0",
     "@lexical/rich-text": "^0.39.0",
-    "antd": "^5.27.4",
+    "antd": "^5.29.2",
     "axios": "^1.12.2",
     "clsx": "^2.1.1",
     "codemirror": "^6.0.2",
diff --git a/web/src/App.tsx b/web/src/App.tsx
index 1d298358..a10f9409 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -21,7 +21,6 @@ import { useTranslation } from 'react-i18next';
 import { lightTheme } from './styles/antdThemeConfig.ts'
 import router from './routes';
 import { useI18n } from '@/store/locale'
-import LayoutBg from '@/components/Layout/LayoutBg'
 import dayjs from 'dayjs'
 import 'dayjs/locale/en'
 import 'dayjs/locale/zh-cn'
@@ -61,7 +60,6 @@ function App() {
       theme={lightTheme}
     >
       <AntdApp>
-        <LayoutBg />
         <Suspense fallback={<Spin fullscreen></Spin>}>
           <RouterProvider 
             router={router}
diff --git a/web/src/api/application.ts b/web/src/api/application.ts
index 5225115e..a5730289 100644
--- a/web/src/api/application.ts
+++ b/web/src/api/application.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 13:59:45 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 20:01:29
+ * @Last Modified time: 2026-03-24 15:48:30
  */
 import { request } from '@/utils/request'
 import type { ApplicationModalData } from '@/views/ApplicationManagement/types'
@@ -136,6 +136,10 @@ export const getExperienceConfig = (share_token: string) => {
     }
   })
 }
+// Get workspace API call statistics
+export const getWorkspaceApiStatistics = (data: { start_date: number; end_date: number; }) => {
+  return request.get(`/apps/workspace/api-statistics`, data)
+}
 // Export application
 export const appExport = (app_id: string, appName: string, data?: { release_id: string }) => {
   return request.getDownloadFile(`/apps/${app_id}/export`, `${appName}.yml`, data)
@@ -165,4 +169,9 @@ export const cancelShare = (app_id: string, target_workspace_id?: string) => {
 export const cancelSpaceShare = (target_workspace_id?: string) => {
   return request.delete(`/apps/share/${target_workspace_id}`)
 }
-
+// Application conversation logs
+export const getAppLogsUrl = (app_id: string) => `/apps/${app_id}/logs`
+// Get full conversation message history
+export const getAppLogDetail = (app_id: string, conversation_id: string) => {
+  return request.get(`/apps/${app_id}/logs/${conversation_id}`)
+}
\ No newline at end of file
diff --git a/web/src/api/fileStorage.ts b/web/src/api/fileStorage.ts
index ce133565..83f5b212 100644
--- a/web/src/api/fileStorage.ts
+++ b/web/src/api/fileStorage.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 13:59:56 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-09 16:24:05
+ * @Last Modified time: 2026-03-23 18:05:43
  */
 import { request, API_PREFIX } from '@/utils/request'
 
@@ -32,4 +32,13 @@ export const deleteFile = (fileId: string) => {
 }
 
 export const shareFileUploadUrlWithoutApiPrefix = `/storage/share/files`
-export const shareFileUploadUrl = `${API_PREFIX}${shareFileUploadUrlWithoutApiPrefix}`
\ No newline at end of file
+export const shareFileUploadUrl = `${API_PREFIX}${shareFileUploadUrlWithoutApiPrefix}`
+
+// Get file info
+export const getFileInfoByUrl = (url: string) => {
+  return request.get('/storage/files/info-by-url', {url})
+}
+// Get file status
+export const getFileStatusById = (file_id: string) => {
+  return request.get(`/storage/files/${file_id}/status`)
+}
\ No newline at end of file
diff --git a/web/src/api/knowledgeBase.ts b/web/src/api/knowledgeBase.ts
index 63ec80ae..05200221 100644
--- a/web/src/api/knowledgeBase.ts
+++ b/web/src/api/knowledgeBase.ts
@@ -68,8 +68,8 @@ export const getModelTypeList = async () => {
     return response as any[];
 };
 // 获取模型列表
-export const getModelList = async (pageInfo: PageRequest) => {
-  const response = await request.get(`${apiPrefix}/models`, { ...pageInfo, is_active: true });
+export const getModelList = async (types: string[], pageInfo: PageRequest) => {
+  const response = await request.get(`${apiPrefix}/models`, { ...pageInfo, type: types?.join(','), is_active: true });
     return response as any;
 };
 //获取模型提供者
diff --git a/web/src/api/memory.ts b/web/src/api/memory.ts
index 9a464893..4467b649 100644
--- a/web/src/api/memory.ts
+++ b/web/src/api/memory.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 14:00:06 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 18:35:10
+ * @Last Modified time: 2026-03-24 17:48:01
  */
 import { request } from '@/utils/request'
 import type { AxiosRequestConfig } from 'axios'
@@ -87,12 +87,13 @@ export const getUserSummary = (end_user_id: string) => {
 export const getNodeStatistics = (end_user_id: string) => {
   return request.get(`/memory-storage/analytics/node_statistics`, { end_user_id })
 }
-// Basic information
-export const getEndUserProfile = (end_user_id: string) => {
-  return request.get(`/memory-storage/read_end_user/profile`, { end_user_id })
+// 查询用户别名及信息
+export const getEndUserInfo = (end_user_id: string) => {
+  return request.get(`/memory-storage/end_user_info`, { end_user_id })
 }
-export const updatedEndUserProfile = (values: EndUser) => {
-  return request.post(`/memory-storage/updated_end_user/profile`, values)
+// 更新用户别名及信息
+export const updatedEndUserInfo = (values: EndUser) => {
+  return request.post(`/memory-storage/end_user_info/updated`, values)
 }
 // User Memory - Relationship network
 export const getMemorySearchEdges = (end_user_id: string, config?: AxiosRequestConfig) => {
@@ -153,6 +154,8 @@ export const analyticsRefresh = (end_user_id: string) => {
 export const getForgetStats = (end_user_id: string) => {
   return request.get(`/memory/forget-memory/stats`, { end_user_id })
 }
+// 获取带遗忘节点列表
+export const getForgetPendingNodesUrl = '/memory/forget-memory/pending-nodes'
 // Implicit Memory - Preferences
 export const getImplicitPreferences = (end_user_id: string) => {
   return request.get(`/memory/implicit-memory/preferences/${end_user_id}`)
diff --git a/web/src/assets/font/MiSans/MiSans-Bold.woff2 b/web/src/assets/font/MiSans/MiSans-Bold.woff2
new file mode 100644
index 00000000..e4a21bee
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Bold.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Demibold.woff2 b/web/src/assets/font/MiSans/MiSans-Demibold.woff2
new file mode 100644
index 00000000..70205afb
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Demibold.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-ExtraLight.woff2 b/web/src/assets/font/MiSans/MiSans-ExtraLight.woff2
new file mode 100644
index 00000000..45d16c98
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-ExtraLight.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Heavy.woff2 b/web/src/assets/font/MiSans/MiSans-Heavy.woff2
new file mode 100644
index 00000000..09ee22e3
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Heavy.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Light.woff2 b/web/src/assets/font/MiSans/MiSans-Light.woff2
new file mode 100644
index 00000000..a2bb950b
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Light.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Medium.woff2 b/web/src/assets/font/MiSans/MiSans-Medium.woff2
new file mode 100644
index 00000000..617f7407
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Medium.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Normal.woff2 b/web/src/assets/font/MiSans/MiSans-Normal.woff2
new file mode 100644
index 00000000..d24e89dd
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Normal.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Regular.woff2 b/web/src/assets/font/MiSans/MiSans-Regular.woff2
new file mode 100644
index 00000000..6a699b50
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Regular.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Semibold.woff2 b/web/src/assets/font/MiSans/MiSans-Semibold.woff2
new file mode 100644
index 00000000..34f43f7c
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Semibold.woff2 differ
diff --git a/web/src/assets/font/MiSans/MiSans-Thin.woff2 b/web/src/assets/font/MiSans/MiSans-Thin.woff2
new file mode 100644
index 00000000..ec8a3b55
Binary files /dev/null and b/web/src/assets/font/MiSans/MiSans-Thin.woff2 differ
diff --git a/web/src/assets/font/MiSans/index.ts b/web/src/assets/font/MiSans/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/web/src/assets/images/CloudUploadOutlined.svg b/web/src/assets/images/CloudUploadOutlined.svg
new file mode 100644
index 00000000..86fdf286
--- /dev/null
+++ b/web/src/assets/images/CloudUploadOutlined.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 12</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-知识库-创建数据集-本地文件" transform="translate(-816, -184)">
+            <g id="上传" transform="translate(252, 148)">
+                <g id="编组-13" transform="translate(16, 16)">
+                    <g id="编组-12" transform="translate(548, 20)">
+                        <g id="编组-55" transform="translate(5, 2)">
+                            <path d="M4,0 L18.9462071,0 L18.9462071,0 L29,10 L29,34 C29,36.209139 27.209139,38 25,38 L4,38 C1.790861,38 0,36.209139 0,34 L0,4 C0,1.790861 1.790861,4.4408921e-16 4,0 Z" id="矩形" fill="#EBEBEB"></path>
+                            <path d="M19,0 L29,10 L21,10 C19.8954305,10 19,9.1045695 19,8 L19,0 L19,0 Z" id="矩形" fill="#A8A9AA"></path>
+                            <g id="编组-56" transform="translate(18, 23)">
+                                <circle id="椭圆形" fill="#171719" cx="11" cy="11" r="11"></circle>
+                                <g id="编组-54" transform="translate(6, 6)" stroke="#FFFFFF" stroke-linecap="round">
+                                    <path d="M10,6 L10,7.5 C10,8.88071187 8.88071187,10 7.5,10 L2.5,10 C1.11928813,10 0,8.88071187 0,7.5 L0,6 L0,6" id="路径"></path>
+                                    <line x1="5" y1="0.08499952" x2="5" y2="6.99635859" id="路径-24"></line>
+                                    <polyline id="路径-25" stroke-linejoin="round" points="2 3 4.98005548 6.08298138e-18 8 3"></polyline>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/application/arrow_right.svg b/web/src/assets/images/application/arrow_right.svg
new file mode 100644
index 00000000..06400efc
--- /dev/null
+++ b/web/src/assets/images/application/arrow_right.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="18px" viewBox="0 0 40 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 25</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-2" transform="translate(-295, -1273)" fill="#A8A9AA" fill-rule="nonzero">
+            <g id="技能配置" transform="translate(12, 1148)">
+                <g id="编组-20" transform="translate(28, 104)">
+                    <g id="编组-21" transform="translate(16, 10)">
+                        <g id="编组-25" transform="translate(239, 11)">
+                            <path id="路径-7" d="M27.5,4.5 L36.5,9 L27.5,13.5 L27.5,9.5 L4,9.5 L4,8.5 L27.5,8.5 L27.5,4.5 Z"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/application/clean.svg b/web/src/assets/images/application/clean.svg
index 5d134404..a728abaa 100644
--- a/web/src/assets/images/application/clean.svg
+++ b/web/src/assets/images/application/clean.svg
@@ -1,13 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 11</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-默认状态" transform="translate(-1392, -84)">
-            <g id="编组-11" transform="translate(1392, 84)">
-                <rect id="矩形" stroke="#A8A9AA" x="0.5" y="0.5" width="31" height="31" rx="8"></rect>
-                <g id="Clear-1" transform="translate(6, 6)" fill-rule="nonzero">
-                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                    <path d="M17.6035156,9.859375 L16.1132813,6.9296875 C15.8515625,6.41601562 15.3320313,6.09765625 14.7558594,6.09765625 L12.4804688,6.09765625 C12.4589844,6.09765625 12.4414063,6.08007812 12.4414063,6.05859375 L12.4414063,2.35546875 C12.4414063,1.74804687 11.9472656,1.25585937 11.3417969,1.25585937 L9.58398438,1.25585937 C8.9765625,1.25585937 8.484375,1.75 8.484375,2.35546875 L8.484375,6.05859375 C8.484375,6.08007812 8.46679688,6.09765625 8.4453125,6.09765625 L6.16796875,6.09765625 C5.59179688,6.09765625 5.07226563,6.41601562 4.81054688,6.9296875 L3.3203125,9.859375 C3.140625,10.2128906 3.15625,10.6269531 3.36328125,10.9648437 C3.56445313,11.2929687 3.90820313,11.4921875 4.2890625,11.5039062 C4.1953125,13.4765625 3.54101563,15.5253906 2.52734375,16.9628906 C2.28320313,17.3105469 2.25195313,17.7597656 2.44726563,18.1367187 C2.64257813,18.5136719 3.02734375,18.7480469 3.453125,18.7480469 L15.2011719,18.7480469 C15.8847656,18.7480469 16.4902344,18.2871094 16.6699219,17.6269531 C16.9726563,16.5234375 17.2246094,15.5195312 17.2441406,14.40625 C17.265625,13.3789062 17.0703125,12.421875 16.6582031,11.5039062 C17.0292969,11.4824219 17.3632813,11.2851562 17.5605469,10.9648437 C17.7675781,10.6269531 17.7832031,10.2128906 17.6035156,9.859375 L17.6035156,9.859375 Z M4.29492188,10.3554687 L5.78515625,7.42578125 C5.859375,7.28125 6.00585938,7.19140625 6.16796875,7.19140625 L8.44140625,7.19140625 C9.06640625,7.19140625 9.57421875,6.68359375 9.57421875,6.05859375 L9.57421875,2.35546875 C9.57421875,2.35351562 9.578125,2.34960937 9.58007813,2.34960937 L11.3378906,2.34960937 C11.3398438,2.34960937 11.34375,2.35351562 11.34375,2.35546875 L11.34375,6.05859375 C11.34375,6.68359375 11.8515625,7.19140625 12.4765625,7.19140625 L14.75,7.19140625 C14.9121094,7.19140625 15.0585938,7.28125 15.1328125,7.42578125 L16.6230469,10.3554687 C16.6269531,10.3613281 16.6328125,10.375 16.6210938,10.3945312 C16.609375,10.4140625 16.5957031,10.4140625 16.5878906,10.4140625 L4.33007813,10.4140625 C4.32226563,10.4140625 4.30859375,10.4140625 4.296875,10.3945312 C4.28515625,10.375 4.29101563,10.3613281 4.29492188,10.3554687 Z M16.1523437,14.3867187 C16.1347656,15.3730469 15.9003906,16.3066406 15.6171875,17.3378906 C15.5664062,17.5234375 15.3964844,17.6542969 15.203125,17.6542969 L12.7304687,17.6542969 C12.9511719,17.21875 13.0917969,16.7949219 13.1816406,16.4589844 C13.3203125,15.9375 13.390625,15.4140625 13.3886719,14.9355469 C13.3867187,14.6015625 13.0859375,14.3476562 12.7558594,14.4003906 C12.4902344,14.4433594 12.2949219,14.6738281 12.2949219,14.9433594 C12.296875,15.7773437 12.0195312,16.8613281 11.4609375,17.6542969 L7.93359375,17.6542969 C8.23046875,17.2304687 8.44335937,16.7988281 8.58984375,16.4453125 C8.78515625,15.9707031 8.9296875,15.4746094 9.00390625,15.0292969 C9.05859375,14.6972656 8.80078125,14.3945312 8.46484375,14.3945312 C8.19921875,14.3945312 7.97070312,14.5859375 7.92578125,14.8496094 C7.87109375,15.1738281 7.76367187,15.5859375 7.58007812,16.0292969 C7.3828125,16.5097656 7.03710937,17.1640625 6.49414062,17.65625 L3.45507812,17.65625 C3.4453125,17.65625 3.43164062,17.65625 3.41992187,17.6347656 C3.40820312,17.6132812 3.41601562,17.6035156 3.421875,17.5957031 C4.00195312,16.7734375 4.4921875,15.75 4.83789062,14.6386719 C5.15429687,13.6210937 5.33984375,12.5507812 5.38476562,11.5078125 L15.4355469,11.5078125 C15.9375,12.4140625 16.171875,13.359375 16.1523437,14.3867187 Z" id="形状" fill="#5B6167"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-4" transform="translate(-1380, -88)">
+            <g id="编组-12" transform="translate(632, 76)">
+                <g id="编组-11" transform="translate(748, 12)">
+                    <rect id="矩形" stroke="#EBEBEB" x="0.5" y="0.5" width="31" height="31" rx="8"></rect>
+                    <g id="Clear-1" transform="translate(6, 6)" fill-rule="nonzero">
+                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                        <path d="M17.6035156,9.859375 L16.1132813,6.9296875 C15.8515625,6.41601562 15.3320313,6.09765625 14.7558594,6.09765625 L12.4804688,6.09765625 C12.4589844,6.09765625 12.4414063,6.08007812 12.4414063,6.05859375 L12.4414063,2.35546875 C12.4414063,1.74804687 11.9472656,1.25585937 11.3417969,1.25585937 L9.58398438,1.25585937 C8.9765625,1.25585937 8.484375,1.75 8.484375,2.35546875 L8.484375,6.05859375 C8.484375,6.08007812 8.46679688,6.09765625 8.4453125,6.09765625 L6.16796875,6.09765625 C5.59179688,6.09765625 5.07226563,6.41601562 4.81054688,6.9296875 L3.3203125,9.859375 C3.140625,10.2128906 3.15625,10.6269531 3.36328125,10.9648437 C3.56445313,11.2929687 3.90820313,11.4921875 4.2890625,11.5039062 C4.1953125,13.4765625 3.54101563,15.5253906 2.52734375,16.9628906 C2.28320313,17.3105469 2.25195313,17.7597656 2.44726563,18.1367187 C2.64257813,18.5136719 3.02734375,18.7480469 3.453125,18.7480469 L15.2011719,18.7480469 C15.8847656,18.7480469 16.4902344,18.2871094 16.6699219,17.6269531 C16.9726563,16.5234375 17.2246094,15.5195312 17.2441406,14.40625 C17.265625,13.3789062 17.0703125,12.421875 16.6582031,11.5039062 C17.0292969,11.4824219 17.3632813,11.2851562 17.5605469,10.9648437 C17.7675781,10.6269531 17.7832031,10.2128906 17.6035156,9.859375 L17.6035156,9.859375 Z M4.29492188,10.3554687 L5.78515625,7.42578125 C5.859375,7.28125 6.00585938,7.19140625 6.16796875,7.19140625 L8.44140625,7.19140625 C9.06640625,7.19140625 9.57421875,6.68359375 9.57421875,6.05859375 L9.57421875,2.35546875 C9.57421875,2.35351562 9.578125,2.34960937 9.58007813,2.34960937 L11.3378906,2.34960937 C11.3398438,2.34960937 11.34375,2.35351562 11.34375,2.35546875 L11.34375,6.05859375 C11.34375,6.68359375 11.8515625,7.19140625 12.4765625,7.19140625 L14.75,7.19140625 C14.9121094,7.19140625 15.0585938,7.28125 15.1328125,7.42578125 L16.6230469,10.3554687 C16.6269531,10.3613281 16.6328125,10.375 16.6210938,10.3945312 C16.609375,10.4140625 16.5957031,10.4140625 16.5878906,10.4140625 L4.33007813,10.4140625 C4.32226563,10.4140625 4.30859375,10.4140625 4.296875,10.3945312 C4.28515625,10.375 4.29101563,10.3613281 4.29492188,10.3554687 Z M16.1523437,14.3867187 C16.1347656,15.3730469 15.9003906,16.3066406 15.6171875,17.3378906 C15.5664062,17.5234375 15.3964844,17.6542969 15.203125,17.6542969 L12.7304687,17.6542969 C12.9511719,17.21875 13.0917969,16.7949219 13.1816406,16.4589844 C13.3203125,15.9375 13.390625,15.4140625 13.3886719,14.9355469 C13.3867187,14.6015625 13.0859375,14.3476562 12.7558594,14.4003906 C12.4902344,14.4433594 12.2949219,14.6738281 12.2949219,14.9433594 C12.296875,15.7773437 12.0195312,16.8613281 11.4609375,17.6542969 L7.93359375,17.6542969 C8.23046875,17.2304687 8.44335937,16.7988281 8.58984375,16.4453125 C8.78515625,15.9707031 8.9296875,15.4746094 9.00390625,15.0292969 C9.05859375,14.6972656 8.80078125,14.3945312 8.46484375,14.3945312 C8.19921875,14.3945312 7.97070312,14.5859375 7.92578125,14.8496094 C7.87109375,15.1738281 7.76367187,15.5859375 7.58007812,16.0292969 C7.3828125,16.5097656 7.03710937,17.1640625 6.49414062,17.65625 L3.45507812,17.65625 C3.4453125,17.65625 3.43164062,17.65625 3.41992187,17.6347656 C3.40820312,17.6132812 3.41601562,17.6035156 3.421875,17.5957031 C4.00195312,16.7734375 4.4921875,15.75 4.83789062,14.6386719 C5.15429687,13.6210937 5.33984375,12.5507812 5.38476562,11.5078125 L15.4355469,11.5078125 C15.9375,12.4140625 16.171875,13.359375 16.1523437,14.3867187 Z" id="形状" fill="#171719"></path>
+                    </g>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/application/copy.svg b/web/src/assets/images/application/copy.svg
new file mode 100644
index 00000000..1bd47c0b
--- /dev/null
+++ b/web/src/assets/images/application/copy.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>复制</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-提示词" transform="translate(-1028, -183)" stroke="#171719">
+            <g id="提示词" transform="translate(220, 89)">
+                <g id="副操作备份" transform="translate(800, 85)">
+                    <g id="复制" transform="translate(8, 9)">
+                        <g id="编组-13" transform="translate(1.75, 1.75)">
+                            <rect id="矩形" x="0" y="2.625" width="7.875" height="7.875" rx="1"></rect>
+                            <path d="M2.625,2.63384476 L2.625,1 C2.625,0.44771525 3.07271525,3.33066907e-16 3.625,2.22044605e-16 L9.5,0 C10.0522847,0 10.5,0.44771525 10.5,1 L10.5,6.875 C10.5,7.42728475 10.0522847,7.875 9.5,7.875 L7.90028604,7.875 L7.90028604,7.875" id="路径"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/application/debuggingEmpty.png b/web/src/assets/images/application/debuggingEmpty.png
index 0879d4e3..f5d4ef0d 100644
Binary files a/web/src/assets/images/application/debuggingEmpty.png and b/web/src/assets/images/application/debuggingEmpty.png differ
diff --git a/web/src/assets/images/application/model.svg b/web/src/assets/images/application/model.svg
index 4d482df5..a93f5771 100644
--- a/web/src/assets/images/application/model.svg
+++ b/web/src/assets/images/application/model.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>-_模型预测</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-默认状态" transform="translate(-486, -92)" fill="#5B6167" fill-rule="nonzero" stroke="#5B6167" stroke-width="0.26">
-            <g id="操作" transform="translate(0, 64)">
-                <g id="编组-10" transform="translate(470, 20)">
-                    <g id="-_模型预测" transform="translate(16, 8)">
-                        <path d="M6.34915254,12.9277726 L7.82358143,13.7464135 C7.93235077,13.8067911 8.06750184,13.8067911 8.17641857,13.7464135 L9.58540899,12.9640558 C9.76168018,12.8662611 9.98703021,12.9242293 10.0887251,13.0937401 C10.19042,13.263251 10.13014,13.4799584 9.95386883,13.5777531 L8.54487841,14.3601108 C8.379131,14.4518356 8.19123311,14.5000754 8,14.4999999 C7.81164333,14.4999999 7.62313928,14.4533701 7.45512159,14.3601108 L5.9806927,13.5414698 C5.80442152,13.4436751 5.74414149,13.2269677 5.8458364,13.0574569 C5.94753132,12.8879461 6.17288136,12.8299779 6.34915254,12.9277726 Z M10.6860743,12.8775117 L10.6359891,12.820428 L10.6080011,12.7736871 L10.5834172,12.7092656 L10.5740313,12.6598491 L10.5731519,12.5910414 L10.5783346,12.5545936 C10.7358334,11.7568097 10.7658656,10.9419894 10.6675769,10.1321772 C9.80920017,10.3865055 8.91708922,10.51607 8.01326455,10.51607 C7.71805453,10.51607 7.42181282,10.502322 7.12483419,10.4744009 C6.49708609,10.4157026 5.87812442,10.2946607 5.27775073,10.1136518 C5.24014517,10.424221 5.2210759,10.7393013 5.2210759,11.0569173 C5.2210759,11.4258797 5.2473563,11.7954799 5.2993575,12.1599778 L5.35991157,12.5225623 C5.3655697,12.5520428 5.36724803,12.5816233 5.36520823,12.6106863 L5.35406232,12.6763991 L5.32976231,12.7400742 L5.31087604,12.7732466 L5.27498071,12.8199478 L5.22409239,12.8659179 L5.1864739,12.890609 C5.17467646,12.8973696 5.16252192,12.9034733 5.15007556,12.9089032 L5.21002211,12.8761823 L5.16786446,12.900714 L5.1030547,12.9258308 L5.03022697,12.9392842 L4.9478302,12.9374367 L4.87746178,12.9213858 C4.85515609,12.9139196 4.83379249,12.9045868 4.81326455,12.8931901 L2.54487841,11.6337643 C2.20884304,11.4472457 2,11.0994367 2,10.7262577 L2,8.18161102 C2,8.04370631 2.08327192,7.91827396 2.21326455,7.86030579 C2.34340457,7.80219589 2.49668386,7.8220383 2.60619013,7.91104566 C3.23561224,8.42229567 3.93965493,8.84005815 4.69959366,9.15337266 C4.9599538,8.02311777 5.45296955,6.95364799 6.16182756,5.99526144 C6.52529178,5.50367742 6.94002668,5.05001963 7.39913278,4.64116496 C7.12853123,4.44560017 6.84351949,4.2644366 6.54561533,4.09903617 C6.13839352,3.87297449 5.70980103,3.67880238 5.27177598,3.52218911 C5.21247845,3.50139148 5.1632929,3.46927218 5.12362403,3.42623691 L5.1067092,3.40431333 C5.09365228,3.38937291 5.08658403,3.37891078 5.08002948,3.36798528 C4.98687535,3.21271071 5.0296319,3.01783421 5.17295533,2.91102982 L5.21591746,2.88326367 L7.45512159,1.63999525 C7.79115696,1.45333492 8.20869565,1.45333492 8.54487841,1.63999525 L10.7609433,2.8703661 C10.818074,2.90206207 10.8630204,2.94624927 10.8942169,2.99727235 L10.9260264,3.06510296 L10.9427184,3.13663924 L10.9436993,3.20811218 L10.9381675,3.24580712 L10.9212763,3.30282995 L10.8891036,3.36522992 L10.8705847,3.39102634 L10.825171,3.43907087 L10.7697464,3.47928624 L10.7033161,3.51028367 C9.93096981,3.78223837 9.20574738,4.16235951 8.54680271,4.64077962 C9.43854566,5.43145513 10.1552238,6.38826024 10.6604274,7.47111119 C10.9159405,8.01863819 11.1121038,8.58921142 11.246303,9.17377106 C11.5622121,9.04635816 11.8729093,8.89755214 12.1755343,8.72954487 C12.6066323,8.49016042 13.016507,8.21364233 13.3938099,7.90750237 C13.5034324,7.81862398 13.6567031,7.79894217 13.7867354,7.85704597 C13.9167326,7.91514951 13.9998526,8.04049662 13.9998526,8.1783512 L14,10.7263995 C14,11.0995784 13.791157,11.4473874 13.4551216,11.633906 L11.1245394,12.9276309 C11.0872047,12.9483809 11.0465174,12.9625664 11.0043756,12.9697179 L10.9406043,12.9752526 C10.846948,12.9752526 10.7552051,12.9409055 10.6860743,12.8775117 Z M13.2630803,8.89990609 C13.0306885,9.05824729 12.7907844,9.20613764 12.5441415,9.34310038 C12.1658024,9.55316903 11.7758447,9.73564505 11.3767006,9.89002323 L11.3958732,10.0197264 C11.4761596,10.6623171 11.4822345,11.3081645 11.4143923,11.9477861 L13.0866618,11.0200671 C13.1954311,10.9596895 13.2630803,10.8471547 13.2630803,10.7262577 L13.2630803,8.89990609 Z M2.73691968,8.90373284 L2.73691968,10.7262577 C2.73691968,10.847013 2.8045689,10.9596895 2.91333825,11.0200671 L4.526986,11.9151084 L4.50356038,11.6302406 C4.49063669,11.4392687 4.48416353,11.2479184 4.48415623,11.0564921 C4.48415623,10.6553171 4.5121246,10.2578457 4.56739824,9.86608397 L4.47870302,9.83278259 C3.86219602,9.58432733 3.27885041,9.2729433 2.73691968,8.90373284 Z M7.9743357,5.09661204 L7.94745856,5.11926061 C7.50636763,5.50601628 7.10894201,5.93737849 6.76226971,6.40628269 C6.09066842,7.3143917 5.62996075,8.33116669 5.39717817,9.40516894 C5.98114818,9.59035894 6.58349464,9.71196557 7.19616802,9.76928689 C8.33864293,9.87626646 9.47361267,9.75779581 10.5483896,9.42492445 C10.4247363,8.85171224 10.2370644,8.29442288 9.9880619,7.76095203 C9.51030029,6.73691031 8.82657296,5.83554045 7.9743357,5.09661204 Z M4.54782609,3.66335365 C4.649521,3.83286448 4.58924097,4.04957189 4.41296979,4.1473666 L2.91333825,4.98003896 C2.8045689,5.04041656 2.73691968,5.15295135 2.73691968,5.27384829 L2.73691968,6.88179176 C2.73691968,7.07752291 2.57199705,7.23612042 2.36845984,7.23612042 C2.16492262,7.23612042 2,7.07752291 2,6.88179176 L2,5.27384829 C2,4.90066934 2.20884304,4.55286032 2.54487841,4.36634172 L4.04450995,3.53366936 C4.22078113,3.43587465 4.44613117,3.49384282 4.54782609,3.66335365 Z M11.9357406,3.52275604 L13.4551216,4.36634172 C13.791157,4.55286032 14,4.90066934 14,5.27384829 L14,6.87994925 C14,7.07553867 13.83493,7.23413618 13.6315402,7.23413618 C13.4280029,7.23413618 13.2630803,7.07553867 13.2630803,6.87980752 L13.2630803,5.27384829 C13.2630803,5.15309308 13.1954311,5.04041656 13.0866618,4.98003896 L11.5672808,4.13645328 C11.3910096,4.03865857 11.3307296,3.82195116 11.4324245,3.65244033 C11.5341194,3.48292949 11.7594694,3.42496133 11.9357406,3.52275604 Z M7.82343405,2.25397596 L6.22697126,3.14036454 C6.46092608,3.24610805 6.69016246,3.36124809 6.91407517,3.48548066 C7.28623998,3.69211609 7.63991955,3.92137334 7.97355104,4.17159152 L8.04893147,4.11434317 C8.57745026,3.72472337 9.1459101,3.39349694 9.7459101,3.12534101 L8.17627119,2.25397596 C8.06750184,2.19359836 7.93235077,2.19359836 7.82343405,2.25397596 Z" id="形状"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置" transform="translate(-36, -96)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.26">
+            <g id="编组-24" transform="translate(12, 76)">
+                <g id="编组-10" transform="translate(12, 12)">
+                    <g id="-_模型预测" transform="translate(12, 8)">
+                        <path d="M6.21158192,13.306832 L7.80887988,14.1884453 C7.92671334,14.2534674 8.073127,14.2534674 8.19112012,14.1884453 L9.71752641,13.3459063 C9.90848686,13.2405889 10.1526161,13.3030162 10.2627856,13.4855663 C10.372955,13.6681164 10.3076517,13.9014936 10.1166912,14.006811 L8.59028494,14.8493501 C8.41072525,14.9481306 8.2071692,15.0000812 8,14.9999999 C7.79594694,14.9999999 7.59173422,14.9497832 7.40971506,14.8493501 L5.8124171,13.9677367 C5.62145664,13.8624194 5.55615328,13.6290422 5.66632277,13.446492 C5.77649226,13.2639419 6.02062147,13.2015146 6.21158192,13.306832 Z M10.9099139,13.2527049 L10.8556548,13.1912301 L10.8253345,13.1408938 L10.798702,13.0715168 L10.7885339,13.018299 L10.7875812,12.9441985 L10.7931958,12.904947 C10.9638195,12.045795 10.9963544,11.1682963 10.889875,10.2961909 C9.95996685,10.5700829 8.99351332,10.7096138 8.01436993,10.7096138 C7.69455908,10.7096138 7.37363056,10.6948083 7.05190371,10.6647395 C6.37184327,10.6015259 5.70130145,10.4711731 5.05089662,10.2762404 C5.01015726,10.6106995 4.98949889,10.9500168 4.98949889,11.2920647 C4.98949889,11.6894089 5.01796933,12.0874399 5.07430396,12.4799761 L5.1399042,12.8704517 C5.14603384,12.9021999 5.14785203,12.9340558 5.14564225,12.9653544 L5.13356752,13.0361221 L5.1072425,13.1046953 L5.08678238,13.1404194 L5.04789577,13.190713 L4.99276675,13.2402192 L4.95201339,13.2668097 C4.93923283,13.2740904 4.92606542,13.2806635 4.91258185,13.2865112 L4.97752395,13.2512733 L4.93185317,13.277692 L4.8616426,13.3047408 L4.78274588,13.3192292 L4.69348272,13.3172396 L4.61725026,13.299954 C4.59308576,13.2919134 4.56994187,13.2818627 4.54770327,13.2695894 L2.09028494,11.9132846 C1.72624662,11.7124185 1.5,11.3378549 1.5,10.9359699 L1.5,8.1955811 C1.5,8.04706833 1.59021125,7.91198734 1.7310366,7.84956008 C1.87202162,7.78698019 2.03807418,7.80834893 2.15670597,7.90420301 C2.83857993,8.45477995 3.60129284,8.904678 4.42455979,9.24209363 C4.70661662,8.02489606 5.24071701,6.87315937 6.00864652,5.84105079 C6.40239942,5.31165261 6.85169558,4.82309806 7.34906051,4.38279304 C7.05590883,4.17218479 6.74714612,3.97708557 6.42441661,3.79896203 C5.98325964,3.55551099 5.51895112,3.34640256 5.04442397,3.17774212 C4.98018499,3.15534467 4.92690064,3.12075466 4.88392604,3.07440898 L4.86560164,3.05079897 C4.85145663,3.03470929 4.84379937,3.02344238 4.8366986,3.01167645 C4.73578162,2.84445768 4.78210122,2.63459069 4.93736827,2.51957057 L4.98391059,2.48966856 L7.40971506,1.15076412 C7.77375338,0.949745293 8.22608696,0.949745293 8.59028494,1.15076412 L10.9910219,2.47577888 C11.0529135,2.509913 11.1016055,2.55749921 11.1354017,2.61244715 L11.1698619,2.68549549 L11.1879449,2.76253457 L11.1890076,2.83950543 L11.1830148,2.88009997 L11.1647159,2.94150917 L11.1298622,3.00870914 L11.1098,3.03648991 L11.0606019,3.08823017 L11.0005586,3.13153903 L10.9285925,3.16492087 C10.091884,3.45779517 9.30622633,3.86715639 8.59236961,4.38237805 C9.55842447,5.23387475 10.3348258,6.26428025 10.8821297,7.43042743 C11.1589356,8.02007189 11.3714458,8.63453538 11.5168283,9.26406114 C11.8590631,9.12684725 12.1956518,8.96659461 12.5234955,8.7856637 C12.9905183,8.52786507 13.4345493,8.23007636 13.843294,7.90038717 C13.9620518,7.80467198 14.1280951,7.78347618 14.2689634,7.8460495 C14.4097936,7.90862255 14.4998403,8.04361174 14.4998403,8.19207052 L14.5,10.9361225 C14.5,11.3380075 14.2737534,11.7125711 13.9097151,11.9134373 L11.3849177,13.3066794 C11.3444717,13.3290255 11.3003938,13.3443023 11.2547403,13.3520039 L11.1856546,13.3579644 C11.0841936,13.3579644 10.9848055,13.3209751 10.9099139,13.2527049 Z M13.7016704,8.96912963 C13.4499125,9.13965093 13.1900164,9.29891746 12.9228199,9.44641579 C12.5129526,9.67264357 12.0904985,9.86915621 11.6580923,10.0354096 L11.6788627,10.17509 C11.7658396,10.8671107 11.7724207,11.5626387 11.698925,12.2514619 L13.5105502,11.2523799 C13.6283837,11.1873579 13.7016704,11.0661666 13.7016704,10.9359699 L13.7016704,8.96912963 Z M2.29832965,8.97325075 L2.29832965,10.9359699 C2.29832965,11.066014 2.37161631,11.1873579 2.48944977,11.2523799 L4.23756817,12.2162705 L4.21219041,11.9094899 C4.19818975,11.7038279 4.19117716,11.4977583 4.19116925,11.2916068 C4.19116925,10.8595722 4.22146832,10.4315261 4.2813481,10.0096289 L4.18526161,9.97376587 C3.51737902,9.70619867 2.88542127,9.37086202 2.29832965,8.97325075 Z M7.972197,4.87327451 L7.94308011,4.89766528 C7.4652316,5.31417138 7.03468718,5.7787153 6.65912552,6.28368905 C5.93155746,7.2616526 5.43245748,8.35664105 5.18027635,9.51325886 C5.81291053,9.71269425 6.46545252,9.84365523 7.12918202,9.90538589 C8.36686318,10.0205946 9.59641372,9.89301087 10.7607554,9.53453403 C10.6267977,8.91722857 10.4234864,8.3170708 10.1537337,7.74256373 C9.63615865,6.63974956 8.89545403,5.66904356 7.972197,4.87327451 Z M4.26014493,3.32976547 C4.37031442,3.5123156 4.30501105,3.74569281 4.1140506,3.85101019 L2.48944977,4.74773426 C2.37161631,4.8127563 2.29832965,4.9339476 2.29832965,5.06414431 L2.29832965,6.79577574 C2.29832965,7.00656313 2.11966347,7.17736045 1.89916482,7.17736045 C1.67866618,7.17736045 1.5,7.00656313 1.5,6.79577574 L1.5,5.06414431 C1.5,4.66225929 1.72624662,4.28769573 2.09028494,4.08682954 L3.71488578,3.19010546 C3.90584623,3.08478808 4.14997544,3.14721534 4.26014493,3.32976547 Z M12.263719,3.17835265 L13.9097151,4.08682954 C14.2737534,4.28769573 14.5,4.66225929 14.5,5.06414431 L14.5,6.7937915 C14.5,7.00442626 14.3211742,7.17522358 14.1008352,7.17522358 C13.8803365,7.17522358 13.7016704,7.00442626 13.7016704,6.79363886 L13.7016704,5.06414431 C13.7016704,4.93410024 13.6283837,4.8127563 13.5105502,4.74773426 L11.8645542,3.83925738 C11.6735937,3.73394 11.6082903,3.50056279 11.7184598,3.31801266 C11.8286293,3.13546253 12.0727585,3.07303527 12.263719,3.17835265 Z M7.80872022,1.81197411 L6.07921887,2.76654643 C6.33266992,2.88042406 6.58100934,3.00442102 6.82358143,3.13820994 C7.22675998,3.3607404 7.60991284,3.60763283 7.97134696,3.87709856 L8.05300909,3.81544649 C8.62557111,3.39585594 9.2414026,3.03915055 9.8914026,2.75036724 L8.19096045,1.81197411 C8.073127,1.74695208 7.92671334,1.74695208 7.80872022,1.81197411 Z" id="形状"></path>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/application/model_hover.svg b/web/src/assets/images/application/model_hover.svg
deleted file mode 100644
index 04e25219..00000000
--- a/web/src/assets/images/application/model_hover.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>-_模型预测</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-默认状态" transform="translate(-486, -92)" fill="#155EEF" fill-rule="nonzero" stroke="#155EEF" stroke-width="0.26">
-            <g id="操作" transform="translate(0, 64)">
-                <g id="编组-10" transform="translate(470, 20)">
-                    <g id="-_模型预测" transform="translate(16, 8)">
-                        <path d="M6.34915254,12.9277726 L7.82358143,13.7464135 C7.93235077,13.8067911 8.06750184,13.8067911 8.17641857,13.7464135 L9.58540899,12.9640558 C9.76168018,12.8662611 9.98703021,12.9242293 10.0887251,13.0937401 C10.19042,13.263251 10.13014,13.4799584 9.95386883,13.5777531 L8.54487841,14.3601108 C8.379131,14.4518356 8.19123311,14.5000754 8,14.4999999 C7.81164333,14.4999999 7.62313928,14.4533701 7.45512159,14.3601108 L5.9806927,13.5414698 C5.80442152,13.4436751 5.74414149,13.2269677 5.8458364,13.0574569 C5.94753132,12.8879461 6.17288136,12.8299779 6.34915254,12.9277726 Z M10.6860743,12.8775117 L10.6359891,12.820428 L10.6080011,12.7736871 L10.5834172,12.7092656 L10.5740313,12.6598491 L10.5731519,12.5910414 L10.5783346,12.5545936 C10.7358334,11.7568097 10.7658656,10.9419894 10.6675769,10.1321772 C9.80920017,10.3865055 8.91708922,10.51607 8.01326455,10.51607 C7.71805453,10.51607 7.42181282,10.502322 7.12483419,10.4744009 C6.49708609,10.4157026 5.87812442,10.2946607 5.27775073,10.1136518 C5.24014517,10.424221 5.2210759,10.7393013 5.2210759,11.0569173 C5.2210759,11.4258797 5.2473563,11.7954799 5.2993575,12.1599778 L5.35991157,12.5225623 C5.3655697,12.5520428 5.36724803,12.5816233 5.36520823,12.6106863 L5.35406232,12.6763991 L5.32976231,12.7400742 L5.31087604,12.7732466 L5.27498071,12.8199478 L5.22409239,12.8659179 L5.1864739,12.890609 C5.17467646,12.8973696 5.16252192,12.9034733 5.15007556,12.9089032 L5.21002211,12.8761823 L5.16786446,12.900714 L5.1030547,12.9258308 L5.03022697,12.9392842 L4.9478302,12.9374367 L4.87746178,12.9213858 C4.85515609,12.9139196 4.83379249,12.9045868 4.81326455,12.8931901 L2.54487841,11.6337643 C2.20884304,11.4472457 2,11.0994367 2,10.7262577 L2,8.18161102 C2,8.04370631 2.08327192,7.91827396 2.21326455,7.86030579 C2.34340457,7.80219589 2.49668386,7.8220383 2.60619013,7.91104566 C3.23561224,8.42229567 3.93965493,8.84005815 4.69959366,9.15337266 C4.9599538,8.02311777 5.45296955,6.95364799 6.16182756,5.99526144 C6.52529178,5.50367742 6.94002668,5.05001963 7.39913278,4.64116496 C7.12853123,4.44560017 6.84351949,4.2644366 6.54561533,4.09903617 C6.13839352,3.87297449 5.70980103,3.67880238 5.27177598,3.52218911 C5.21247845,3.50139148 5.1632929,3.46927218 5.12362403,3.42623691 L5.1067092,3.40431333 C5.09365228,3.38937291 5.08658403,3.37891078 5.08002948,3.36798528 C4.98687535,3.21271071 5.0296319,3.01783421 5.17295533,2.91102982 L5.21591746,2.88326367 L7.45512159,1.63999525 C7.79115696,1.45333492 8.20869565,1.45333492 8.54487841,1.63999525 L10.7609433,2.8703661 C10.818074,2.90206207 10.8630204,2.94624927 10.8942169,2.99727235 L10.9260264,3.06510296 L10.9427184,3.13663924 L10.9436993,3.20811218 L10.9381675,3.24580712 L10.9212763,3.30282995 L10.8891036,3.36522992 L10.8705847,3.39102634 L10.825171,3.43907087 L10.7697464,3.47928624 L10.7033161,3.51028367 C9.93096981,3.78223837 9.20574738,4.16235951 8.54680271,4.64077962 C9.43854566,5.43145513 10.1552238,6.38826024 10.6604274,7.47111119 C10.9159405,8.01863819 11.1121038,8.58921142 11.246303,9.17377106 C11.5622121,9.04635816 11.8729093,8.89755214 12.1755343,8.72954487 C12.6066323,8.49016042 13.016507,8.21364233 13.3938099,7.90750237 C13.5034324,7.81862398 13.6567031,7.79894217 13.7867354,7.85704597 C13.9167326,7.91514951 13.9998526,8.04049662 13.9998526,8.1783512 L14,10.7263995 C14,11.0995784 13.791157,11.4473874 13.4551216,11.633906 L11.1245394,12.9276309 C11.0872047,12.9483809 11.0465174,12.9625664 11.0043756,12.9697179 L10.9406043,12.9752526 C10.846948,12.9752526 10.7552051,12.9409055 10.6860743,12.8775117 Z M13.2630803,8.89990609 C13.0306885,9.05824729 12.7907844,9.20613764 12.5441415,9.34310038 C12.1658024,9.55316903 11.7758447,9.73564505 11.3767006,9.89002323 L11.3958732,10.0197264 C11.4761596,10.6623171 11.4822345,11.3081645 11.4143923,11.9477861 L13.0866618,11.0200671 C13.1954311,10.9596895 13.2630803,10.8471547 13.2630803,10.7262577 L13.2630803,8.89990609 Z M2.73691968,8.90373284 L2.73691968,10.7262577 C2.73691968,10.847013 2.8045689,10.9596895 2.91333825,11.0200671 L4.526986,11.9151084 L4.50356038,11.6302406 C4.49063669,11.4392687 4.48416353,11.2479184 4.48415623,11.0564921 C4.48415623,10.6553171 4.5121246,10.2578457 4.56739824,9.86608397 L4.47870302,9.83278259 C3.86219602,9.58432733 3.27885041,9.2729433 2.73691968,8.90373284 Z M7.9743357,5.09661204 L7.94745856,5.11926061 C7.50636763,5.50601628 7.10894201,5.93737849 6.76226971,6.40628269 C6.09066842,7.3143917 5.62996075,8.33116669 5.39717817,9.40516894 C5.98114818,9.59035894 6.58349464,9.71196557 7.19616802,9.76928689 C8.33864293,9.87626646 9.47361267,9.75779581 10.5483896,9.42492445 C10.4247363,8.85171224 10.2370644,8.29442288 9.9880619,7.76095203 C9.51030029,6.73691031 8.82657296,5.83554045 7.9743357,5.09661204 Z M4.54782609,3.66335365 C4.649521,3.83286448 4.58924097,4.04957189 4.41296979,4.1473666 L2.91333825,4.98003896 C2.8045689,5.04041656 2.73691968,5.15295135 2.73691968,5.27384829 L2.73691968,6.88179176 C2.73691968,7.07752291 2.57199705,7.23612042 2.36845984,7.23612042 C2.16492262,7.23612042 2,7.07752291 2,6.88179176 L2,5.27384829 C2,4.90066934 2.20884304,4.55286032 2.54487841,4.36634172 L4.04450995,3.53366936 C4.22078113,3.43587465 4.44613117,3.49384282 4.54782609,3.66335365 Z M11.9357406,3.52275604 L13.4551216,4.36634172 C13.791157,4.55286032 14,4.90066934 14,5.27384829 L14,6.87994925 C14,7.07553867 13.83493,7.23413618 13.6315402,7.23413618 C13.4280029,7.23413618 13.2630803,7.07553867 13.2630803,6.87980752 L13.2630803,5.27384829 C13.2630803,5.15309308 13.1954311,5.04041656 13.0866618,4.98003896 L11.5672808,4.13645328 C11.3910096,4.03865857 11.3307296,3.82195116 11.4324245,3.65244033 C11.5341194,3.48292949 11.7594694,3.42496133 11.9357406,3.52275604 Z M7.82343405,2.25397596 L6.22697126,3.14036454 C6.46092608,3.24610805 6.69016246,3.36124809 6.91407517,3.48548066 C7.28623998,3.69211609 7.63991955,3.92137334 7.97355104,4.17159152 L8.04893147,4.11434317 C8.57745026,3.72472337 9.1459101,3.39349694 9.7459101,3.12534101 L8.17627119,2.25397596 C8.06750184,2.19359836 7.93235077,2.19359836 7.82343405,2.25397596 Z" id="形状"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/application/save.svg b/web/src/assets/images/application/save.svg
new file mode 100644
index 00000000..02dbf635
--- /dev/null
+++ b/web/src/assets/images/application/save.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>保存</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="应用管理-Agent-配置-提示词" transform="translate(-1105, -183)" stroke="#171719">
+            <g id="提示词" transform="translate(220, 89)">
+                <g id="副操作" transform="translate(876, 85)">
+                    <g id="保存" transform="translate(9, 9)">
+                        <g id="编组-12" transform="translate(1.925, 1.75)">
+                            <path d="M1.5,0 L7.33055996,0 L7.33055996,0 L10.15,2.91453026 L10.15,9 C10.15,9.82842712 9.47842712,10.5 8.65,10.5 L1.5,10.5 C0.671572875,10.5 0,9.82842712 0,9 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 Z" id="矩形"></path>
+                            <polyline id="路径-12" stroke-linecap="round" points="2.45 0 2.45 3.5 6.825 3.5"></polyline>
+                            <rect id="矩形" stroke-linecap="round" x="2.45" y="6.125" width="5.25" height="4.375"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/application/set.svg b/web/src/assets/images/application/set.svg
new file mode 100644
index 00000000..797d2bad
--- /dev/null
+++ b/web/src/assets/images/application/set.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>设置-灰</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置" transform="translate(-453, -464)" fill-rule="nonzero" stroke="#171719" stroke-width="1.2">
+            <g id="知识库" transform="translate(12, 444)">
+                <g id="编组-6" transform="translate(433, 16)">
+                    <g id="设置-灰" transform="translate(8, 4)">
+                        <path d="M6.40704626,2.17229945 C6.77085398,2.53411982 7.52413623,2.996875 7.94838547,2.996875 C8.37431737,2.996875 9.12494538,2.53293041 9.49098521,2.17104209 L11.7824055,2.9756091 C11.9112835,3.04880584 12.0092289,3.15141252 12.0573077,3.27180194 C12.0959013,3.36844033 12.0987092,3.47576113 12.0556667,3.57623969 C12.0517279,3.58557608 12.0501675,3.58947824 12.0487078,3.59319545 C11.9996008,3.71825219 11.8916207,4.07432343 11.8916207,4.3234375 C11.8916207,4.86704697 12.1126649,5.36139062 12.4705795,5.71946881 C12.8278973,6.07694999 13.3212829,6.2984375 13.8659922,6.2984375 C13.9592045,6.2984375 14.0413855,6.32343804 14.1034882,6.37937564 C14.1872273,6.45480185 14.2354228,6.56839973 14.2632397,6.6984039 C14.3171595,7.02313798 14.4027152,7.52688589 14.3999263,7.94375 C14.3999263,8.39371706 14.3119275,8.8849563 14.2750465,9.09359034 C14.2420657,9.27660752 14.190505,9.42624135 14.0993862,9.52352003 C14.0554232,9.57045495 13.9989388,9.59375 13.9347108,9.59375 C13.3549253,9.59375 12.8525045,9.81114054 12.4908302,10.1535265 C12.1102194,10.513839 11.8822499,11.0147666 11.8822499,11.56875 C11.8822499,11.5980316 11.8828868,11.627165 11.8841773,11.6560395 C11.890382,11.678775 11.8967313,11.7021049 11.9032361,11.7260489 C12.0684679,12.3342638 12.1197322,12.5499451 12.0675294,12.7410815 C12.040616,12.8396231 11.9885438,12.9329581 11.9049374,12.9897907 L10.2316219,13.9181305 C10.138257,13.9639905 10.0579144,14.0015625 9.94747142,14.0015625 C9.78588004,14.0015625 9.62852501,13.9353103 9.51753557,13.8258329 C8.90832497,13.2163438 8.29065948,12.928125 7.94213833,12.928125 C7.47474112,12.928125 6.72752298,13.4758163 6.45524493,13.7141685 C6.44683595,13.7215297 6.43807459,13.7293009 6.42904168,13.7374766 C6.42402177,13.7431126 6.41889394,13.7487105 6.41365851,13.7542697 C6.30968598,13.8646713 6.18793031,13.9336257 6.05264127,13.9583953 L4.12432458,13.0272545 C4.01932714,12.9490203 3.9444256,12.8408941 3.90583497,12.7241531 C3.87013396,12.6161536 3.86373078,12.4980566 3.90930175,12.3941895 C3.91440488,12.3823402 3.91645824,12.3772306 3.91834351,12.3724296 C3.96745049,12.2473728 4.07543065,11.8913016 4.07543065,11.6421875 C4.07543065,11.098578 3.85438639,10.6042344 3.49647185,10.2461562 C3.13915405,9.88867501 2.64576844,9.6671875 2.10105906,9.6671875 C2.02273085,9.6671875 1.95345208,9.64095174 1.89973915,9.5907438 C1.81752958,9.51389875 1.76798708,9.39918785 1.73972837,9.26719436 C1.68594361,8.94322245 1.6,8.43524031 1.6,8.01875 C1.6,7.60869554 1.68505173,7.10922764 1.7210865,6.89143352 C1.75611389,6.69366604 1.80726241,6.53896591 1.90009318,6.43892463 C1.94371424,6.39191536 1.99979647,6.36875 2.0635762,6.36875 C2.64122597,6.36875 3.14311307,6.1511268 3.50454522,5.80786281 C3.88375309,5.44771663 4.11135173,4.94721386 4.11135173,4.39375 C4.11135173,4.06966957 3.96755971,3.6955889 3.91833846,3.58590987 C3.86513243,3.46716523 3.86097775,3.3349839 3.89327472,3.21673098 C3.91999005,3.11891483 3.97149499,3.02622893 4.0540254,2.96928292 L5.70077237,2.0771297 C6.07791302,2.03412735 6.27918409,2.04616174 6.40704626,2.17229945 Z M7.99836262,5.225 C7.2320918,5.225 6.53857596,5.53556011 6.0366186,6.03774698 C5.53476046,6.53983458 5.22435665,7.23351739 5.22435665,8 C5.22435665,8.76648261 5.53476046,9.46016542 6.0366186,9.96225302 C6.53857596,10.4644399 7.2320918,10.775 7.99836262,10.775 C8.76463344,10.775 9.45814929,10.4644399 9.96010665,9.96225302 C10.4619648,9.46016542 10.7723686,8.76648261 10.7723686,8 C10.7723686,7.23351739 10.4619648,6.53983458 9.96010665,6.03774698 C9.45814929,5.53556011 8.76463344,5.225 7.99836262,5.225 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/close.svg b/web/src/assets/images/close.svg
index cba672fc..d6e1a9b4 100644
--- a/web/src/assets/images/close.svg
+++ b/web/src/assets/images/close.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>关闭</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-操作状态-1" transform="translate(-1396, -148)" fill="#5B6167" fill-rule="nonzero">
-            <g id="聊天页面" transform="translate(736, 136)">
-                <g id="关闭" transform="translate(660, 12)">
-                    <polygon id="路径" points="9.00000098 8 13.3333333 12.3333324 12.3333324 13.3333333 8 9.00000098 3.66666764 13.3333333 2.66666667 12.3333324 6.99999902 8 2.66666667 3.66666764 3.66666764 2.66666667 8 6.99999902 12.3333324 2.66666667 13.3333333 3.66666764"></polygon>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1402, -88)" fill="#A8A9AA" fill-rule="nonzero">
+            <g id="节点属性" transform="translate(1070, 74)">
+                <g id="关闭" transform="translate(332, 14)">
+                    <polygon id="路径" points="8.93750092 8 13 12.0624991 12.0624991 13 8 8.93750092 3.93750092 13 3 12.0624991 7.06249908 8 3 3.93750092 3.93750092 3 8 7.06249908 12.0624991 3 13 3.93750092"></polygon>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/common/arrow_right_dark.svg b/web/src/assets/images/common/arrow_right_dark.svg
new file mode 100644
index 00000000..b20a440c
--- /dev/null
+++ b/web/src/assets/images/common/arrow_right_dark.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-1285, -192)" stroke="#171719">
+            <g id="新手指引" transform="translate(1100, 63)">
+                <g id="编组-44" transform="translate(12, 121)">
+                    <g id="编组-37" transform="translate(99, 7)">
+                        <g id="编组-5" transform="translate(74, 1)">
+                            <polyline id="路径" points="10 6 12 8 10 10"></polyline>
+                            <line x1="12" y1="8" x2="2" y2="8" id="路径-2"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/arrow_up.svg b/web/src/assets/images/common/arrow_up.svg
new file mode 100644
index 00000000..a5105d46
--- /dev/null
+++ b/web/src/assets/images/common/arrow_up.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>下拉</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理-记忆提取引擎-2" transform="translate(-806, -166)">
+            <g id="文本" transform="translate(252, 154)">
+                <g id="下拉" transform="translate(562, 20) scale(1, -1) translate(-562, -20)translate(554, 12)">
+                    <rect id="矩形" opacity="0.236839658" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
+                    <polyline id="路径" stroke="#5B6167" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="12 6 8 10 4 6"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/caret_right_outlined.svg b/web/src/assets/images/common/caret_right_outlined.svg
new file mode 100644
index 00000000..fcb3c68c
--- /dev/null
+++ b/web/src/assets/images/common/caret_right_outlined.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 38</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-1170, -406)">
+            <g id="节点属性" transform="translate(1070, 74)">
+                <g id="编组-34" transform="translate(12, 329)">
+                    <g id="编组-38" transform="translate(88, 3)">
+                        <rect id="矩形" x="0" y="0" width="12" height="12"></rect>
+                        <path d="M4,4.42065556 L4,7.57934444 C4,8.13162919 4.44771525,8.57934444 5,8.57934444 C5.2051721,8.57934444 5.40537881,8.51623483 5.57346234,8.39857636 L7.82966868,6.81923192 C8.28211798,6.50251741 8.39215277,5.87898695 8.07543826,5.42653766 C8.00848934,5.33089633 7.92531001,5.24771701 7.82966868,5.18076808 L5.57346234,3.60142364 C5.12101305,3.28470913 4.49748259,3.39474392 4.18076808,3.84719322 C4.0631096,4.01527675 4,4.21548346 4,4.42065556 Z" id="路径-11" fill="#A8A9AA"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/check_green.svg b/web/src/assets/images/common/check_green.svg
new file mode 100644
index 00000000..a16b1ee2
--- /dev/null
+++ b/web/src/assets/images/common/check_green.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>完成</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理-记忆提取引擎-2" transform="translate(-1288, -508)" fill-rule="nonzero">
+            <g id="编组-26" transform="translate(846, 102)">
+                <g id="编组-48" transform="translate(12, 362)">
+                    <g id="1" transform="translate(0, 32)">
+                        <g id="编组-31" transform="translate(422, 8)">
+                            <g id="完成" transform="translate(8, 4)">
+                                <rect id="矩形" opacity="0.205054874" x="0" y="0" width="16" height="16"></rect>
+                                <path d="M8,1 C4.13401843,1 1,4.13399462 1,8 C1,11.8660054 4.13401843,15 8,15 C11.8660404,15 15,11.8660054 15,8 C15,4.13400935 11.8660697,1 8,1 L8,1 Z M11.8488905,6.3221368 L7.34274977,10.9336514 C7.13545231,11.145815 6.79915605,11.145815 6.59188798,10.9336514 L4.15112422,8.43567652 C3.9436945,8.22349821 3.9436945,7.87942608 4.15112422,7.66718889 C4.35840699,7.45493698 4.69471795,7.45493698 4.90198602,7.66718889 L6.96733357,9.78080221 L11.0978817,5.55359028 C11.3053114,5.34135309 11.6416371,5.34135309 11.8489052,5.55359028 C12.0563349,5.76581275 12.0563349,6.10989961 11.8489052,6.3221368 L11.8488905,6.3221368 Z" id="形状" fill="#369F21"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/copy_dark.svg b/web/src/assets/images/common/copy_dark.svg
new file mode 100644
index 00000000..faa6fca1
--- /dev/null
+++ b/web/src/assets/images/common/copy_dark.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>复制</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-结束" transform="translate(-660, -273)" stroke="#171719">
+            <g id="复制" transform="translate(660, 273)">
+                <g id="编组-13" transform="translate(2.75, 2.75)">
+                    <rect id="矩形" x="0" y="2.625" width="7.875" height="7.875" rx="1"></rect>
+                    <path d="M2.625,2.63384476 L2.625,1 C2.625,0.44771525 3.07271525,3.33066907e-16 3.625,2.22044605e-16 L9.5,0 C10.0522847,0 10.5,0.44771525 10.5,1 L10.5,6.875 C10.5,7.42728475 10.0522847,7.875 9.5,7.875 L7.90028604,7.875 L7.90028604,7.875" id="路径"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/dash.svg b/web/src/assets/images/common/dash.svg
new file mode 100644
index 00000000..cf9efb7d
--- /dev/null
+++ b/web/src/assets/images/common/dash.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 27@3x</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-结束" transform="translate(-1365, -88)" fill="#5B6167">
+            <g id="节点属性" transform="translate(1070, 74)">
+                <g id="编组-27" transform="translate(295, 14)">
+                    <circle id="椭圆形" cx="4" cy="8" r="1"></circle>
+                    <circle id="椭圆形备份" cx="8" cy="8" r="1"></circle>
+                    <circle id="椭圆形备份-3" cx="12" cy="8" r="1"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/delete.svg b/web/src/assets/images/common/delete.svg
new file mode 100644
index 00000000..4eb610ed
--- /dev/null
+++ b/web/src/assets/images/common/delete.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <defs>
+        <filter x="-2.2%" y="-5.4%" width="104.5%" height="112.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.16 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理" transform="translate(-804, -283)" stroke="#5B6167">
+            <g id="1备份-2" filter="url(#filter-1)" transform="translate(252, 108)">
+                <g id="编组-33" transform="translate(552, 175)">
+                    <g id="编组-32" transform="translate(3.5, 4)">
+                        <line x1="-1.80133686e-14" y1="2.22222222" x2="11" y2="2.22222222" id="路径-29"></line>
+                        <polyline id="路径-30" stroke-linejoin="round" points="3.3 2.2221179 3.3 0 7.7 0 7.7 2.22222222"></polyline>
+                        <path d="M1.65,2.23587458 L1.65,9 C1.65,9.55228475 2.09771525,10 2.65,10 L8.35,10 C8.90228475,10 9.35,9.55228475 9.35,9 L9.35,2.22222222 L9.35,2.22222222" id="路径-31" stroke-linejoin="round"></path>
+                        <line x1="4.4" y1="4.45203738" x2="4.4" y2="7.78537071" id="路径-32"></line>
+                        <line x1="6.6" y1="4.45203738" x2="6.6" y2="7.78537071" id="路径-32"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/delete_dark.svg b/web/src/assets/images/common/delete_dark.svg
new file mode 100644
index 00000000..cf93cfd6
--- /dev/null
+++ b/web/src/assets/images/common/delete_dark.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>删除</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="应用管理-工作流-配置-结束" transform="translate(-660, -303)" stroke="#212332">
+            <g id="删除" transform="translate(660, 303)">
+                <g id="编组-12" transform="translate(4, 3.5)">
+                    <line x1="-1.01849618e-18" y1="1.66525252" x2="8" y2="1.66525252" id="路径-3"></line>
+                    <path d="M0.666666667,1.66666667 L0.666666667,7.5 C0.666666667,8.32842712 1.33823954,9 2.16666667,9 L5.83333333,9 C6.66176046,9 7.33333333,8.32842712 7.33333333,7.5 L7.33333333,1.96699599 L7.33333333,1.96699599" id="路径-4"></path>
+                    <line x1="2.66666667" y1="6.99690638" x2="5.33333333" y2="6.99690638" id="路径-5"></line>
+                    <path d="M2,1.66666667 L2,0.45 C2,0.201471863 2.20147186,0 2.45,-5.55111512e-17 L5.55,5.55111512e-17 C5.79852814,0 6,0.201471863 6,0.45 L6,1.66666667 L6,1.66666667" id="路径"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/delete_hover.svg b/web/src/assets/images/common/delete_hover.svg
new file mode 100644
index 00000000..bf38179b
--- /dev/null
+++ b/web/src/assets/images/common/delete_hover.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理" transform="translate(-1398, -283)">
+            <g id="1备份-3" transform="translate(846, 108)">
+                <g id="编组-33" transform="translate(552, 175)">
+                    <rect id="矩形" fill-opacity="0.08" fill="#FF5D34" x="0" y="0" width="18" height="18" rx="6"></rect>
+                    <g id="编组-32" transform="translate(3.5, 4)" stroke="#FF5D34">
+                        <line x1="-1.80133686e-14" y1="2.22222222" x2="11" y2="2.22222222" id="路径-29"></line>
+                        <polyline id="路径-30" stroke-linejoin="round" points="3.3 2.2221179 3.3 0 7.7 0 7.7 2.22222222"></polyline>
+                        <path d="M1.65,2.23587458 L1.65,9 C1.65,9.55228475 2.09771525,10 2.65,10 L8.35,10 C8.90228475,10 9.35,9.55228475 9.35,9 L9.35,2.22222222 L9.35,2.22222222" id="路径-31" stroke-linejoin="round"></path>
+                        <line x1="4.4" y1="4.45203738" x2="4.4" y2="7.78537071" id="路径-32"></line>
+                        <line x1="6.6" y1="4.45203738" x2="6.6" y2="7.78537071" id="路径-32"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/delete_red.svg b/web/src/assets/images/common/delete_red.svg
new file mode 100644
index 00000000..58ad4d41
--- /dev/null
+++ b/web/src/assets/images/common/delete_red.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <defs>
+        <filter x="-2.2%" y="-5.4%" width="104.5%" height="112.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.16 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理" transform="translate(-804, -283)" stroke="#FF5D34">
+            <g id="1备份-2" filter="url(#filter-1)" transform="translate(252, 108)">
+                <g id="编组-33" transform="translate(552, 175)">
+                    <g id="编组-32" transform="translate(3.5, 4)">
+                        <line x1="-1.80133686e-14" y1="2.22222222" x2="11" y2="2.22222222" id="路径-29"></line>
+                        <polyline id="路径-30" stroke-linejoin="round" points="3.3 2.2221179 3.3 0 7.7 0 7.7 2.22222222"></polyline>
+                        <path d="M1.65,2.23587458 L1.65,9 C1.65,9.55228475 2.09771525,10 2.65,10 L8.35,10 C8.90228475,10 9.35,9.55228475 9.35,9 L9.35,2.22222222 L9.35,2.22222222" id="路径-31" stroke-linejoin="round"></path>
+                        <line x1="4.4" y1="4.45203738" x2="4.4" y2="7.78537071" id="路径-32"></line>
+                        <line x1="6.6" y1="4.45203738" x2="6.6" y2="7.78537071" id="路径-32"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/delete_red_big.svg b/web/src/assets/images/common/delete_red_big.svg
new file mode 100644
index 00000000..7751b4e1
--- /dev/null
+++ b/web/src/assets/images/common/delete_red_big.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="平台管理-工具管理--MCP服务" transform="translate(-1032, -187)" stroke="#FF5D34">
+            <g id="编组-16" transform="translate(1020, 126)">
+                <g id="编组-33" transform="translate(12, 61)">
+                    <g id="编组-32" transform="translate(2.5, 3)">
+                        <line x1="-1.80133686e-14" y1="2.22222222" x2="11" y2="2.22222222" id="路径-29"></line>
+                        <polyline id="路径-30" stroke-linejoin="round" points="3.3 2.2221179 3.3 0 7.7 0 7.7 2.22222222"></polyline>
+                        <path d="M1.65,2.23587458 L1.65,9 C1.65,9.55228475 2.09771525,10 2.65,10 L8.35,10 C8.90228475,10 9.35,9.55228475 9.35,9 L9.35,2.22222222 L9.35,2.22222222" id="路径-31" stroke-linejoin="round"></path>
+                        <line x1="4.4" y1="4.45203738" x2="4.4" y2="7.78537071" id="路径-32"></line>
+                        <line x1="6.6" y1="4.45203738" x2="6.6" y2="7.78537071" id="路径-32"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/edit.svg b/web/src/assets/images/common/edit.svg
new file mode 100644
index 00000000..cf00d703
--- /dev/null
+++ b/web/src/assets/images/common/edit.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <defs>
+        <filter x="-2.2%" y="-5.4%" width="104.5%" height="112.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.16 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理" transform="translate(-778, -283)" stroke="#5B6167">
+            <g id="1备份-2" filter="url(#filter-1)" transform="translate(252, 108)">
+                <g id="编辑" transform="translate(526, 175)">
+                    <g id="编组-10" transform="translate(4.3, 4.3)">
+                        <path d="M9.4,4.04322919 L9.4,7.4 C9.4,8.5045695 8.5045695,9.4 7.4,9.4 L2,9.4 C0.8954305,9.4 0,8.5045695 0,7.4 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L5.38958415,0 L5.38958415,0" id="路径"></path>
+                        <line x1="3.74260398" y1="5.68579764" x2="9.4" y2="1.05734433e-14" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/edit_bg.svg b/web/src/assets/images/common/edit_bg.svg
new file mode 100644
index 00000000..4711afa4
--- /dev/null
+++ b/web/src/assets/images/common/edit_bg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-976, -320)">
+            <g id="编组-13备份-6" transform="translate(648, 122)">
+                <g id="编辑" transform="translate(328, 198)">
+                    <rect id="矩形" fill="#EBEBEB" fill-rule="nonzero" x="0" y="0" width="18" height="18" rx="6"></rect>
+                    <g id="编组-10" transform="translate(4.3, 4.3)" stroke="#5B6167">
+                        <path d="M9.4,4.04322919 L9.4,7.4 C9.4,8.5045695 8.5045695,9.4 7.4,9.4 L2,9.4 C0.8954305,9.4 0,8.5045695 0,7.4 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L5.38958415,0 L5.38958415,0" id="路径"></path>
+                        <line x1="3.74260398" y1="5.68579764" x2="9.4" y2="1.05734433e-14" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/edit_bold.svg b/web/src/assets/images/common/edit_bold.svg
new file mode 100644
index 00000000..c41984b2
--- /dev/null
+++ b/web/src/assets/images/common/edit_bold.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="平台管理-工具管理--MCP服务" transform="translate(-1032, -135)" stroke="#171719">
+            <g id="编组-16" transform="translate(1020, 126)">
+                <g id="编辑" transform="translate(12, 9)">
+                    <g id="编组-10" transform="translate(3, 3)">
+                        <path d="M10,4.30130765 L10,8 C10,9.1045695 9.1045695,10 8,10 L2,10 C0.8954305,10 0,9.1045695 0,8 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L5.73360016,0 L5.73360016,0" id="路径"></path>
+                        <line x1="3.98149359" y1="6.04872089" x2="10" y2="1.12483439e-14" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/eye.svg b/web/src/assets/images/common/eye.svg
new file mode 100644
index 00000000..df2af1cf
--- /dev/null
+++ b/web/src/assets/images/common/eye.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-950, -560)" stroke="#5B6167">
+            <g id="编组-13备份-4" transform="translate(648, 362)">
+                <g id="编辑" transform="translate(302, 198)">
+                    <g id="编组-16" transform="translate(2.5, 4.7)">
+                        <ellipse id="椭圆形" cx="6.5" cy="4.3" rx="6.5" ry="4.3"></ellipse>
+                        <circle id="椭圆形" cx="6.5" cy="4.3" r="1.75"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/eye_bg.svg b/web/src/assets/images/common/eye_bg.svg
new file mode 100644
index 00000000..275c13c2
--- /dev/null
+++ b/web/src/assets/images/common/eye_bg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-950, -320)">
+            <g id="编组-13备份-6" transform="translate(648, 122)">
+                <g id="编辑" transform="translate(302, 198)">
+                    <rect id="矩形" fill="#EBEBEB" fill-rule="nonzero" x="0" y="0" width="18" height="18" rx="6"></rect>
+                    <g id="编组-16" transform="translate(2.5, 4.7)" stroke="#5B6167">
+                        <ellipse id="椭圆形" cx="6.5" cy="4.3" rx="6.5" ry="4.3"></ellipse>
+                        <circle id="椭圆形" cx="6.5" cy="4.3" r="1.75"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/global_outline.svg b/web/src/assets/images/common/global_outline.svg
new file mode 100644
index 00000000..86301a0e
--- /dev/null
+++ b/web/src/assets/images/common/global_outline.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>互联网</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="平台管理-工具管理--工具市场" transform="translate(-1348, -329)" stroke="#5F6266">
+            <g id="卡片1备份-2" transform="translate(1044, 176)">
+                <g id="编组-5" transform="translate(16, 152)">
+                    <g id="互联网" transform="translate(288, 1)">
+                        <g id="编组-11" transform="translate(2, 2)">
+                            <circle id="椭圆形" cx="6" cy="6" r="5.5"></circle>
+                            <line x1="0.857142857" y1="3.85714286" x2="11.1428571" y2="3.85714286" id="路径-6"></line>
+                            <path d="M4.66132498,0.645258919 C4.17108437,1.90189554 3.85714286,3.83362782 3.85714286,6 C3.85714286,8.18013114 4.17508482,10.1226325 4.67068706,11.3786026 M7.26566129,11.533836 C7.79752775,10.2860801 8.14285714,8.27208968 8.14285714,6 C8.14285714,3.77681214 7.81223272,1.80073299 7.2997423,0.54778953" id="形状"></path>
+                            <line x1="0.843017916" y1="7.71428571" x2="11.1287322" y2="7.71428571" id="路径-6"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/link.svg b/web/src/assets/images/common/link.svg
new file mode 100644
index 00000000..5773d546
--- /dev/null
+++ b/web/src/assets/images/common/link.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>link-outlined</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="平台管理-工具管理--MCP服务" transform="translate(-1032, -161)" fill="#171719" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1020, 126)">
+                <g id="link-outlined" transform="translate(12, 35)">
+                    <path d="M8.8887561,10.1978746 C8.84435493,10.1534734 8.77130783,10.1534734 8.72690666,10.1978746 L7.06257876,11.8622025 C6.29200354,12.6327777 4.99147881,12.7144186 4.14069502,11.8622025 C3.28847892,11.0099864 3.37011979,9.71089398 4.14069502,8.94031876 L5.80502291,7.27599086 C5.84942409,7.23158968 5.84942409,7.15854259 5.80502291,7.11414142 L5.23496912,6.54408763 C5.19056795,6.49968645 5.11752086,6.49968645 5.07311968,6.54408763 L3.40879178,8.20841552 C2.19706941,9.4201379 2.19706941,11.3809511 3.40879178,12.5912411 C4.62051416,13.8015312 6.58132732,13.8029635 7.7916174,12.5912411 L9.4559453,10.9269132 C9.50034647,10.8825121 9.50034647,10.809465 9.4559453,10.7650638 L8.8887561,10.1978746 Z M12.5926734,3.40879178 C11.3809511,2.19706941 9.4201379,2.19706941 8.20984782,3.40879178 L6.54408763,5.07311968 C6.49968645,5.11752086 6.49968645,5.19056795 6.54408763,5.23496912 L7.11270912,5.80359062 C7.15711029,5.84799179 7.23015739,5.84799179 7.27455856,5.80359062 L8.93888646,4.13926272 C9.70946168,3.3686875 11.0099864,3.28704663 11.8607702,4.13926272 C12.7129863,4.99147881 12.6313454,6.29057124 11.8607702,7.06114647 L10.1964423,8.72547436 C10.1520411,8.76987554 10.1520411,8.84292263 10.1964423,8.88732381 L10.7664961,9.4573776 C10.8108973,9.50177877 10.8839444,9.50177877 10.9283455,9.4573776 L12.5926734,7.7930497 C13.8029635,6.58132732 13.8029635,4.62051416 12.5926734,3.40879178 L12.5926734,3.40879178 Z M9.40581494,5.99981516 C9.36141377,5.95541399 9.28836667,5.95541399 9.2439655,5.99981516 L5.99981516,9.2425332 C5.95541399,9.28693438 5.95541399,9.35998147 5.99981516,9.40438265 L6.56700436,9.97157184 C6.61140554,10.015973 6.68445263,10.015973 6.7288538,9.97157184 L9.97157184,6.7288538 C10.015973,6.68445263 10.015973,6.61140554 9.97157184,6.56700436 L9.40581494,5.99981516 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/more.svg b/web/src/assets/images/common/more.svg
new file mode 100644
index 00000000..6c24cf52
--- /dev/null
+++ b/web/src/assets/images/common/more.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>卡片1@3x</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="平台管理-工具管理--MCP服务" transform="translate(-602, -128)" fill="#5B6167" fill-rule="nonzero">
+            <g id="卡片1" transform="translate(252, 112)">
+                <g id="更多" transform="translate(350, 16)">
+                    <path d="M5.4,12.4 C6.17319865,12.4 6.8,11.7731986 6.8,11 C6.8,10.2268014 6.17319865,9.6 5.4,9.6 C4.62680135,9.6 4,10.2268014 4,11 C4,11.7731986 4.62680135,12.4 5.4,12.4 Z M11,12.4 C11.7731986,12.4 12.4,11.7731986 12.4,11 C12.4,10.2268014 11.7731986,9.6 11,9.6 C10.2268014,9.6 9.6,10.2268014 9.6,11 C9.6,11.7731986 10.2268014,12.4 11,12.4 Z M16.6,12.4 C17.3731986,12.4 18,11.7731986 18,11 C18,10.2268014 17.3731986,9.6 16.6,9.6 C15.8268014,9.6 15.2,10.2268014 15.2,11 C15.2,11.7731986 15.8268014,12.4 16.6,12.4 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/more_hover.svg b/web/src/assets/images/common/more_hover.svg
new file mode 100644
index 00000000..d08ba08f
--- /dev/null
+++ b/web/src/assets/images/common/more_hover.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>更多@3x</title>
+    <defs>
+        <filter x="-3.4%" y="-6.2%" width="106.8%" height="114.8%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.16 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="平台管理-工具管理--MCP服务" transform="translate(-998, -128)" fill-rule="nonzero">
+            <g id="卡片1备份" filter="url(#filter-1)" transform="translate(648, 112)">
+                <g id="更多" transform="translate(350, 16)">
+                    <rect id="矩形" fill="#F6F6F6" x="0" y="0" width="22" height="22" rx="8"></rect>
+                    <path d="M5.4,12.4 C6.17319865,12.4 6.8,11.7731986 6.8,11 C6.8,10.2268014 6.17319865,9.6 5.4,9.6 C4.62680135,9.6 4,10.2268014 4,11 C4,11.7731986 4.62680135,12.4 5.4,12.4 Z M11,12.4 C11.7731986,12.4 12.4,11.7731986 12.4,11 C12.4,10.2268014 11.7731986,9.6 11,9.6 C10.2268014,9.6 9.6,10.2268014 9.6,11 C9.6,11.7731986 10.2268014,12.4 11,12.4 Z M16.6,12.4 C17.3731986,12.4 18,11.7731986 18,11 C18,10.2268014 17.3731986,9.6 16.6,9.6 C15.8268014,9.6 15.2,10.2268014 15.2,11 C15.2,11.7731986 15.8268014,12.4 16.6,12.4 Z" id="形状" fill="#5B6167"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/plus.svg b/web/src/assets/images/common/plus.svg
new file mode 100644
index 00000000..5a2d7b83
--- /dev/null
+++ b/web/src/assets/images/common/plus.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>形状结合@2x</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理" transform="translate(-1303, -74)" stroke="#FFFFFF" stroke-width="1.5">
+            <g id="主操作" transform="translate(1287, 64)">
+                <path d="M16,16 L28,16 M22,10 L22,22" id="形状结合"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/plus_dark.svg b/web/src/assets/images/common/plus_dark.svg
new file mode 100644
index 00000000..b0882a02
--- /dev/null
+++ b/web/src/assets/images/common/plus_dark.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="应用管理-Agent-配置-提示词" transform="translate(-1180, -182)" stroke="#171719" stroke-width="1.2">
+            <g id="提示词" transform="translate(220, 89)">
+                <g id="副操作备份-2" transform="translate(952, 85)">
+                    <g id="编组-5" transform="translate(8, 8)">
+                        <path d="M3,8.17241379 L13,8.17241379 M8,3 L8,13" id="形状结合"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/plus_grey.svg b/web/src/assets/images/common/plus_grey.svg
new file mode 100644
index 00000000..05fb64e3
--- /dev/null
+++ b/web/src/assets/images/common/plus_grey.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>形状结合@2x</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-模型管理-模型广场" transform="translate(-999, -169)" stroke="#A8A9AA" stroke-width="1.2">
+            <g id="卡片1备份" transform="translate(648, 146)">
+                <g id="编组-5" transform="translate(344, 16)">
+                    <path d="M7,12 L17,12 M12,7 L12,17" id="形状结合"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/question.svg b/web/src/assets/images/common/question.svg
new file mode 100644
index 00000000..f8b0fee4
--- /dev/null
+++ b/web/src/assets/images/common/question.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title> 问号小</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-短期记忆" transform="translate(-364, -185)" fill="#5B6167" fill-rule="nonzero">
+            <g id="编组-13" transform="translate(12, 166)">
+                <g id="编组-4" transform="translate(16, 16)">
+                    <g id="-问号小" transform="translate(336, 3)">
+                        <path d="M7.25,12.2555 C7.25,12.6697188 7.58578125,13.0055 8,13.0055 C8.41421875,13.0055 8.75,12.6697188 8.75,12.2555 C8.75,11.8412813 8.41421875,11.5055 8,11.5055 C7.58578125,11.5055 7.25,11.8412813 7.25,12.2555 Z M8,15 C4.14,15 1,11.86 1,8 C1,4.14 4.14,1 8,1 C11.86,1 15,4.14 15,8 C15,11.86 11.86,15 8,15 Z M8,2.00448437 C4.694,2.00448437 2.00448437,4.694 2.00448437,8 C2.00448437,11.3055 4.694,13.9955156 8,13.9955156 C11.3055,13.9955156 13.9955156,11.3055156 13.9955156,8 C13.9955156,4.694 11.3055,2.00448437 8,2.00448437 Z M8,10.5264844 C7.72398437,10.5264844 7.5,10.3024844 7.5,10.0265 L7.5,9.181 C7.5,8.36298438 8.12498438,7.738 8.67698437,7.1865 C9.08146875,6.7815 9.49998438,6.3635 9.49998438,6.03 C9.49998438,5.1965 8.82698438,4.5185 8,4.5185 C7.15901563,4.5185 6.5,5.1675 6.5,5.996 C6.5,6.272 6.27601563,6.49598438 6,6.49598438 C5.72398437,6.49598438 5.5,6.27198438 5.5,5.99598438 C5.5,4.63 6.62146875,3.5185 8,3.5185 C9.37853125,3.5185 10.5,4.645 10.5,6.03 C10.5,6.7785 9.9325,7.34548438 9.384,7.894 C8.949,8.328 8.50001562,8.777 8.50001562,9.18048438 L8.50001562,10.0259844 C8.50001562,10.302 8.27601562,10.5264844 8,10.5264844 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/return.svg b/web/src/assets/images/common/return.svg
new file mode 100644
index 00000000..cb8166c0
--- /dev/null
+++ b/web/src/assets/images/common/return.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>退出</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="记忆库-个人记忆-遗忘记忆" transform="translate(-1357, -24)" stroke="#171719">
+            <g id="返回空间" transform="translate(1349, 16)">
+                <g id="退出" transform="translate(16, 16) scale(-1, 1) translate(-16, -16)translate(8, 8)">
+                    <g id="编组-7" transform="translate(3.5, 2.5)">
+                        <path d="M3.47826087,11 L1.8,11 C0.80588745,11 0,10.1941125 0,9.2 L0,1.8 C-2.22044605e-16,0.80588745 0.80588745,-2.22044605e-16 1.8,-4.4408921e-16 L3.47826087,0 L3.47826087,0" id="路径"></path>
+                        <line x1="9.56521739" y1="5.5" x2="2.60869565" y2="5.5" id="路径-6"></line>
+                        <polyline id="路径" points="7.82608696 3.20833333 10 5.5 7.82608696 7.79166667"></polyline>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/common/save.svg b/web/src/assets/images/common/save.svg
new file mode 100644
index 00000000..5970236d
--- /dev/null
+++ b/web/src/assets/images/common/save.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>保存</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="记忆管理-记忆提取引擎" transform="translate(-1269, -122)" stroke="#171719">
+            <g id="编组-26" transform="translate(846, 102)">
+                <g id="副操作" transform="translate(414, 11)">
+                    <g id="保存" transform="translate(9, 9)">
+                        <g id="编组-12" transform="translate(1.925, 1.75)">
+                            <path d="M1.5,0 L7.33055996,0 L7.33055996,0 L10.15,2.91453026 L10.15,9 C10.15,9.82842712 9.47842712,10.5 8.65,10.5 L1.5,10.5 C0.671572875,10.5 0,9.82842712 0,9 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 Z" id="矩形"></path>
+                            <polyline id="路径-12" stroke-linecap="round" points="2.45 0 2.45 3.5 6.825 3.5"></polyline>
+                            <rect id="矩形" stroke-linecap="round" x="2.45" y="6.125" width="5.25" height="4.375"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/conversation/analysisEmpty.png b/web/src/assets/images/conversation/analysisEmpty.png
index 6d497f31..50adbd82 100644
Binary files a/web/src/assets/images/conversation/analysisEmpty.png and b/web/src/assets/images/conversation/analysisEmpty.png differ
diff --git a/web/src/assets/images/conversation/audio.svg b/web/src/assets/images/conversation/audio.svg
index 57a5ca49..c7c4e1fd 100644
--- a/web/src/assets/images/conversation/audio.svg
+++ b/web/src/assets/images/conversation/audio.svg
@@ -1,17 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 15</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-745, -726)" stroke="#212332">
-            <g id="聊天页面" transform="translate(258, 128)">
-                <g id="输入框" transform="translate(16, 512)">
-                    <g id="编组-7" transform="translate(471, 86)">
-                        <g id="语音" transform="translate(4, 4)">
-                            <g id="编组-8" transform="translate(4, 2.25)">
-                                <line x1="4" y1="9" x2="4" y2="11.0054105" id="路径-46"></line>
-                                <line x1="2" y1="11.0054105" x2="5.995474" y2="11.0054105" id="路径-48" stroke-linecap="round"></line>
-                                <rect id="矩形" x="2" y="0" width="4" height="7" rx="2"></rect>
-                                <path d="M8,4 L8,5 C8,7.209139 6.209139,9 4,9 C1.790861,9 0,7.209139 0,5 L0,4" id="路径" stroke-linecap="round" stroke-linejoin="round"></path>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>语音</title>
+    <defs>
+        <filter x="-2.6%" y="-14.2%" width="105.3%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="多模态对话" transform="translate(-1181, -742)" stroke="#171719" stroke-width="1.1">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 656)">
+                <g id="编组-18" transform="translate(485, 80)">
+                    <g id="编组-10" transform="translate(150, 0)">
+                        <g id="编组-15" transform="translate(6, 6)">
+                            <g id="编组-8" transform="translate(4, 2)">
+                                <line x1="4" y1="9.38688799" x2="4" y2="11.4785062" id="路径-46"></line>
+                                <line x1="2" y1="11.4785062" x2="5.995474" y2="11.4785062" id="路径-48" stroke-linecap="round"></line>
+                                <rect id="矩形" x="2" y="0" width="4" height="7.30091288" rx="2"></rect>
+                                <path d="M8,4.17195022 L8,5.21493777 C8,7.51904225 6.209139,9.38688799 4,9.38688799 C1.790861,9.38688799 0,7.51904225 0,5.21493777 L0,4.17195022" id="路径" stroke-linecap="round" stroke-linejoin="round"></path>
                             </g>
                         </g>
                     </g>
diff --git a/web/src/assets/images/conversation/audio_ing.svg b/web/src/assets/images/conversation/audio_ing.svg
deleted file mode 100644
index 280a1bd9..00000000
--- a/web/src/assets/images/conversation/audio_ing.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 15</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-交互-2" transform="translate(-1208, -335)">
-            <g id="输入框" transform="translate(737, 180)">
-                <g id="编组-15" transform="translate(471, 155)">
-                    <rect id="矩形" fill-opacity="0.08" fill="#155EEF" x="0" y="0" width="24" height="24" rx="6"></rect>
-                    <g id="214声波、语音消息" transform="translate(4, 4)">
-                        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                        <rect id="矩形" fill="#155EEF" x="1.5" y="6" width="1" height="4" rx="0.5"></rect>
-                        <rect id="矩形" fill="#155EEF" x="13.5" y="6" width="1" height="4" rx="0.5"></rect>
-                        <rect id="矩形" fill="#155EEF" x="4.5" y="5" width="1" height="6" rx="0.5"></rect>
-                        <rect id="矩形" fill="#155EEF" x="10.5" y="5" width="1" height="6" rx="0.5"></rect>
-                        <rect id="矩形" fill="#155EEF" x="7.5" y="3" width="1" height="10" rx="0.5"></rect>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/conversation/conversation.svg b/web/src/assets/images/conversation/conversation.svg
index 2ebc02fb..a21f34bc 100644
--- a/web/src/assets/images/conversation/conversation.svg
+++ b/web/src/assets/images/conversation/conversation.svg
@@ -1,11 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>对话</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-用户权限-对话" transform="translate(-317, -87)" fill="#212332" fill-rule="nonzero" stroke="#212332" stroke-width="0.3">
-            <g id="编组-14" transform="translate(252, 76)">
-                <g id="对话" transform="translate(65, 11)">
-                    <path d="M12.5740039,11.1940039 L12.5740039,4.61400391 C12.5740039,3.95199219 12.0359961,3.41400391 11.3740039,3.41400391 L3.52597656,3.41400391 C2.86398438,3.41400391 2.32597656,3.95199219 2.32597656,4.61400391 L2.32597656,11.1959961 C2.32597656,11.8580078 2.86398438,12.3959961 3.52597656,12.3959961 L4.5,12.3959961 L4.5,13.4680078 C4.5,13.6939844 4.62599609,13.9 4.82800781,14.0019922 C4.91400391,14.0459961 5.00800781,14.0680078 5.1,14.0680078 C5.22400391,14.0680078 5.34800781,14.03 5.45199219,13.9540039 L7.6,12.3940039 L11.3740039,12.3940039 C12.0359961,12.3940039 12.5740039,11.8559961 12.5740039,11.1940039 Z M7.53599609,11.5940039 C7.40954959,11.5937486 7.28629101,11.6336699 7.18400391,11.7080078 L5.3,13.0759766 L5.3,12.1959766 C5.3,11.8659766 5.03,11.5959766 4.7,11.5959766 L3.52599609,11.5959766 C3.30599609,11.5959766 3.12599609,11.4159766 3.12599609,11.1959766 L3.12599609,4.61400391 C3.12599609,4.39400391 3.30599609,4.21400391 3.52599609,4.21400391 L11.3740234,4.21400391 C11.5940234,4.21400391 11.7740234,4.39400391 11.7740234,4.61400391 L11.7740234,11.1959961 C11.7740234,11.4159961 11.5940234,11.5959961 11.3740234,11.5959961 L7.53599609,11.5959961 L7.53599609,11.5940039 Z M16.4740234,6.03398437 L13.8419922,6.03398437 C13.6219922,6.03398437 13.4419922,6.21398437 13.4419922,6.43398437 C13.4419922,6.65398437 13.6219922,6.83398437 13.8419922,6.83398437 L16.4740234,6.83398437 C16.6940234,6.83398437 16.8740234,7.01398437 16.8740234,7.23398437 L16.8740234,13.8379883 C16.8740234,14.0579883 16.6940234,14.2379883 16.4740234,14.2379883 L14.9020117,14.2379883 C14.5720117,14.2379883 14.3020117,14.5079883 14.3020117,14.8379883 L14.3020117,15.5979883 L12.4260352,14.2659766 C12.3240234,14.1939844 12.2040234,14.1559766 12.0780273,14.1559766 L10.2160156,14.1559766 C9.99601563,14.1559766 9.81601563,13.9759766 9.81601563,13.7559766 L9.81601563,13.3759766 C9.81601563,13.1559766 9.63601563,12.9759766 9.41601562,12.9759766 C9.19601563,12.9759766 9.01601563,13.1559766 9.01601563,13.3759766 L9.01601563,13.7559766 C9.01601563,14.4179883 9.55402344,14.9559766 10.2160156,14.9559766 L12.0140234,14.9559766 L14.1540234,16.4759766 C14.2580273,16.5499805 14.3800195,16.5879884 14.5020117,16.5879884 C14.5981711,16.5879884 14.6929001,16.5647017 14.7780273,16.5199805 C14.9780273,16.4159766 15.1020117,16.2119727 15.1020117,15.9859961 L15.1020117,15.0399805 L16.4740234,15.0399805 C17.1360156,15.0399805 17.6740234,14.5019727 17.6740234,13.8399805 L17.6740234,7.23400391 C17.6740234,6.57199219 17.1360156,6.03398437 16.4740234,6.03398437 L16.4740234,6.03398437 Z" id="形状"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="多模态对话" transform="translate(-28, -76)" fill-rule="nonzero">
+            <g id="编组-52" transform="translate(16, 64)">
+                <g id="对话" transform="translate(12, 12)">
+                    <polygon id="路径" fill-opacity="0" fill="#FFFFFF" points="0 0 24 0 24 24 0 24"></polygon>
+                    <path d="M18,7.25 L17.7499999,7.25 L17.7499999,6 C17.7477953,3.92984607 16.0701539,2.25220464 14,2.25 L6,2.25 C3.92984607,2.25220464 2.25220464,3.92984607 2.24999989,6 L2.24999989,16 C2.24999989,16.3048877 2.4342582,16.5795323 2.71652992,16.6947677 C2.99880163,16.810003 3.32274171,16.7428931 3.53599999,16.525 L5.27500001,14.75 L6.24999989,14.75 L6.24999989,16 C6.25220465,18.0701539 7.92984608,19.7477954 10,19.75 L18.725,19.75 L20.464,21.525 C20.6768829,21.7439454 21.0013711,21.8117255 21.2840975,21.6963045 C21.5668239,21.5808836 21.7511677,21.3053766 21.7499999,21 L21.7499999,11 C21.7477954,8.92984606 20.0701539,7.25220464 18,7.25 Z M4.96000001,13.25 C4.75835098,13.2498944 4.5651543,13.3309937 4.42399999,13.475 L3.75,14.163 L3.75,6 C3.75110269,4.75781635 4.75781635,3.75110269 6,3.75 L14,3.75 C15.2421836,3.75110269 16.2488973,4.75781635 16.25,6 L16.25,11 C16.2488973,12.2421836 15.2421836,13.2488973 14,13.25 L4.96000001,13.25 Z M20.25,19.163 L19.576,18.475 C19.4349106,18.3308982 19.2416718,18.2497812 19.04,18.25 L10,18.25 C8.75781636,18.2488973 7.7511027,17.2421837 7.75000001,16 L7.75000001,14.75 L14,14.75 C16.0701539,14.7477953 17.7477953,13.0701539 17.75,11 L17.75,8.74999999 L18,8.74999999 C19.2421837,8.75110268 20.2488973,9.75781634 20.25,11 L20.25,19.163 L20.25,19.163 Z" id="形状" fill="#155EEF"></path>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/conversation/conversationEmpty.svg b/web/src/assets/images/conversation/conversationEmpty.svg
index 2b642355..8320fd75 100644
--- a/web/src/assets/images/conversation/conversationEmpty.svg
+++ b/web/src/assets/images/conversation/conversationEmpty.svg
@@ -1,21 +1,23 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="140px" height="100px" viewBox="0 0 140 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 14</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-476, -360)">
-            <g id="编组-14" transform="translate(476, 360)">
-                <g transform="translate(8, 21)">
-                    <path d="M21.0726824,0 L61,0 C67.0751322,-1.77635684e-15 72,4.92486775 72,11 L72,40 C72,46.0751322 67.0751322,51 61,51 L18.0907436,51 L18.0907436,51 L15.9843212,49.3446439 C15.4557288,48.9292435 14.8029272,48.7034304 14.130642,48.7034304 L2.6056572,48.7034304 C2.05337245,48.7034304 1.6056572,48.2557151 1.6056572,47.7034304 C1.6056572,47.4199708 1.72595584,47.1498287 1.93663503,46.9601879 L9.07974888,40.5303862 C9.71178646,39.961464 10.0726824,39.1510376 10.0726824,38.3006589 L10.0726824,11 C10.0726824,4.92486775 14.9975501,0 21.0726824,0 Z" id="矩形" stroke="#212332" stroke-width="0.7" stroke-linejoin="round"></path>
-                    <path d="M86.9409454,33 L112.764706,33 C114.42156,33 115.764706,34.3431458 115.764706,36 L115.764706,56 C115.764706,57.6568542 114.42156,59 112.764706,59 L88.061338,59 L88.061338,59 L87.3728575,58.4632506 C86.8458006,58.0523495 86.1966321,57.8291998 85.5283292,57.8291998 L81.3858928,57.8291998 C80.8336081,57.8291998 80.3858928,57.3814845 80.3858928,56.8291998 C80.3858928,56.5443579 80.5073633,56.2730336 80.7198242,56.0833094 L82.9391514,54.1014844 C83.5765339,53.5323116 83.9409454,52.7183387 83.9409454,51.8638131 L83.9409454,36 C83.9409454,34.3431458 85.2840912,33 86.9409454,33 Z" id="矩形" stroke="#212332" stroke-width="0.7" stroke-linejoin="round" transform="translate(97.2647, 46) scale(-1, 1) translate(-97.2647, -46)"></path>
-                    <line x1="109.628242" y1="24.0891315" x2="109.628242" y2="30.5455273" id="路径-50" stroke="#212332" stroke-width="0.7"></line>
-                    <line x1="112.060678" y1="31.8546982" x2="116.306327" y2="26.9279049" id="路径-51" stroke="#212332" stroke-width="0.7"></line>
-                    <line x1="113.953845" y1="34.0317574" x2="119.864124" y2="34.0317574" id="路径-52" stroke="#212332" stroke-width="0.7"></line>
-                    <circle id="椭圆形" fill="#D2D3D5" cx="88" cy="14" r="5"></circle>
-                    <circle id="椭圆形备份-2" fill="#D2D3D5" cx="103" cy="14" r="5"></circle>
-                    <circle id="椭圆形备份-3" fill="#D2D3D5" cx="119" cy="14" r="5"></circle>
-                    <rect id="矩形" fill="#212332" x="46" y="20" width="5" height="7" rx="2.5"></rect>
-                    <rect id="矩形" fill="#212332" x="58" y="20" width="5" height="7" rx="2.5"></rect>
-                    <path d="M43.922137,32.3553483 C44.3552248,34.0645453 47.2444804,42.9315307 56.8374143,36.6464079" id="路径-53" stroke="#212332" stroke-width="0.7"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-提示词" transform="translate(-399, -394)">
+            <g id="提示词" transform="translate(220, 89)">
+                <g id="编组-14" transform="translate(179, 305)">
+                    <g transform="translate(8, 21)">
+                        <path d="M21.0726824,0 L61,0 C67.0751322,-1.77635684e-15 72,4.92486775 72,11 L72,40 C72,46.0751322 67.0751322,51 61,51 L18.0907436,51 L18.0907436,51 L15.9843212,49.3446439 C15.4557288,48.9292435 14.8029272,48.7034304 14.130642,48.7034304 L2.6056572,48.7034304 C2.05337245,48.7034304 1.6056572,48.2557151 1.6056572,47.7034304 C1.6056572,47.4199708 1.72595584,47.1498287 1.93663503,46.9601879 L9.07974888,40.5303862 C9.71178646,39.961464 10.0726824,39.1510376 10.0726824,38.3006589 L10.0726824,11 C10.0726824,4.92486775 14.9975501,0 21.0726824,0 Z" id="矩形" stroke="#212332" stroke-width="0.7" stroke-linejoin="round"></path>
+                        <path d="M86.9409454,33 L112.764706,33 C114.42156,33 115.764706,34.3431458 115.764706,36 L115.764706,56 C115.764706,57.6568542 114.42156,59 112.764706,59 L88.061338,59 L88.061338,59 L87.3728575,58.4632506 C86.8458006,58.0523495 86.1966321,57.8291998 85.5283292,57.8291998 L81.3858928,57.8291998 C80.8336081,57.8291998 80.3858928,57.3814845 80.3858928,56.8291998 C80.3858928,56.5443579 80.5073633,56.2730336 80.7198242,56.0833094 L82.9391514,54.1014844 C83.5765339,53.5323116 83.9409454,52.7183387 83.9409454,51.8638131 L83.9409454,36 C83.9409454,34.3431458 85.2840912,33 86.9409454,33 Z" id="矩形" stroke="#212332" stroke-width="0.7" stroke-linejoin="round" transform="translate(97.2647, 46) scale(-1, 1) translate(-97.2647, -46)"></path>
+                        <line x1="109.628242" y1="24.0891315" x2="109.628242" y2="30.5455273" id="路径-50" stroke="#212332" stroke-width="0.7"></line>
+                        <line x1="112.060678" y1="31.8546982" x2="116.306327" y2="26.9279049" id="路径-51" stroke="#212332" stroke-width="0.7"></line>
+                        <line x1="113.953845" y1="34.0317574" x2="119.864124" y2="34.0317574" id="路径-52" stroke="#212332" stroke-width="0.7"></line>
+                        <circle id="椭圆形" fill="#D2D3D5" cx="88" cy="14" r="5"></circle>
+                        <circle id="椭圆形备份-2" fill="#D2D3D5" cx="103" cy="14" r="5"></circle>
+                        <circle id="椭圆形备份-3" fill="#D2D3D5" cx="119" cy="14" r="5"></circle>
+                        <rect id="矩形" fill="#212332" x="46" y="20" width="5" height="7" rx="2.5"></rect>
+                        <rect id="矩形" fill="#212332" x="58" y="20" width="5" height="7" rx="2.5"></rect>
+                        <path d="M43.922137,32.3553483 C44.3552248,34.0645453 47.2444804,42.9315307 56.8374143,36.6464079" id="路径-53" stroke="#212332" stroke-width="0.7"></path>
+                    </g>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/conversation/deepThinking.svg b/web/src/assets/images/conversation/deepThinking.svg
index b7658bf4..58ad411f 100644
--- a/web/src/assets/images/conversation/deepThinking.svg
+++ b/web/src/assets/images/conversation/deepThinking.svg
@@ -1,16 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>深度思考</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-584, -730)">
-            <g id="聊天页面" transform="translate(258, 128)">
-                <g id="输入框" transform="translate(16, 512)">
-                    <g id="编组-13" transform="translate(302, 86)">
-                        <g id="深度思考" transform="translate(8, 4)">
-                            <g id="编组-12" transform="translate(1.5, 1.5)">
-                                <path d="M6.5,12.6871843 C8.15972824,12.6871843 9.50520382,9.91708755 9.50520382,6.5 C9.50520382,3.08291245 8.15972824,0.312815665 6.5,0.312815665 C4.84027176,0.312815665 3.49479618,3.08291245 3.49479618,6.5 C3.49479618,9.91708755 4.84027176,12.6871843 6.5,12.6871843 Z" id="椭圆形" stroke="#212332" transform="translate(6.5, 6.5) rotate(45) translate(-6.5, -6.5)"></path>
-                                <path d="M6.5,12.6871843 C8.15972824,12.6871843 9.50520382,9.91708755 9.50520382,6.5 C9.50520382,3.08291245 8.15972824,0.312815665 6.5,0.312815665 C4.84027176,0.312815665 3.49479618,3.08291245 3.49479618,6.5 C3.49479618,9.91708755 4.84027176,12.6871843 6.5,12.6871843 Z" id="椭圆形" stroke="#212332" transform="translate(6.5, 6.5) scale(-1, 1) rotate(45) translate(-6.5, -6.5)"></path>
-                                <path d="M6.56835262,7.64616732 C7.20295459,7.64616732 7.71740114,7.13172077 7.71740114,6.4971188 C7.71740114,5.86251682 7.20295459,5.34807028 6.56835262,5.34807028 C5.93375065,5.34807028 5.4193041,5.86251682 5.4193041,6.4971188 C5.4193041,7.13172077 5.93375065,7.64616732 6.56835262,7.64616732 Z" id="椭圆形" fill="#212332"></path>
+    <defs>
+        <filter x="-3.4%" y="-14.2%" width="106.8%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆验证" transform="translate(-319, -742)">
+            <g id="编组-16" transform="translate(252, 108)">
+                <g id="输入框" filter="url(#filter-1)" transform="translate(11, 548)">
+                    <g id="快速/深度" transform="translate(12, 80)">
+                        <g id="深度思考" transform="translate(44, 6)">
+                            <g id="编组-10" transform="translate(1, 1)">
+                                <g id="编组-19" transform="translate(0, 0)" stroke="#171719">
+                                    <ellipse id="椭圆形" transform="translate(7, 7) rotate(45) translate(-7, -7)" cx="7" cy="7" rx="6.45619235" ry="3.44330259"></ellipse>
+                                    <ellipse id="椭圆形" transform="translate(7, 7) scale(-1, 1) rotate(45) translate(-7, -7)" cx="7" cy="7" rx="6.45619235" ry="3.44330259"></ellipse>
+                                </g>
+                                <path d="M5.86969152,7.53676092 C6.15546861,8.14102124 6.86991131,8.41511869 7.47874075,8.14725073 C7.79392248,8.01832584 8.04235006,7.76509185 8.16572607,7.44697405 C8.28910208,7.12885625 8.27656542,6.77385939 8.13105801,6.46528903 C7.98674675,6.15608424 7.72182693,5.92010861 7.39860254,5.81285903 C7.07537815,5.70560945 6.72237336,5.73655057 6.42260806,5.89840564 C5.82620371,6.20365055 5.58391445,6.93250061 5.86969152,7.53676092 L5.86969152,7.53676092 Z" id="路径" fill="#171719" fill-rule="nonzero"></path>
                             </g>
                         </g>
                     </g>
diff --git a/web/src/assets/images/conversation/delete.svg b/web/src/assets/images/conversation/delete.svg
index 27f1c15f..b46dea12 100644
--- a/web/src/assets/images/conversation/delete.svg
+++ b/web/src/assets/images/conversation/delete.svg
@@ -5,7 +5,7 @@
         <g id="红熊空间-记忆对话-交互-2" transform="translate(-237, -514)">
             <g id="输入框备份" transform="translate(43, 506)">
                 <g id="编组-3" transform="translate(194, 8)">
-                    <circle id="椭圆形" fill="#5B6167" cx="7" cy="7" r="7"></circle>
+                    <circle id="椭圆形" fill="#171719" cx="7" cy="7" r="7"></circle>
                     <g id="关闭" transform="translate(2, 2)" fill="#FFFFFF" fill-rule="nonzero">
                         <polygon id="路径" points="5.62500061 5 8.33333333 7.70833272 7.70833272 8.33333333 5 5.62500061 2.29166728 8.33333333 1.66666667 7.70833272 4.37499939 5 1.66666667 2.29166728 2.29166728 1.66666667 5 4.37499939 7.70833272 1.66666667 8.33333333 2.29166728"></polygon>
                     </g>
diff --git a/web/src/assets/images/conversation/exclamation_circle.svg b/web/src/assets/images/conversation/exclamation_circle.svg
new file mode 100644
index 00000000..9b96bbce
--- /dev/null
+++ b/web/src/assets/images/conversation/exclamation_circle.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>告警实心</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-5" transform="translate(-612, -546)" fill="#FF5D34" fill-rule="nonzero">
+            <g id="编组-12" transform="translate(60, 60)">
+                <g id="编组-4" transform="translate(552, 454)">
+                    <g id="告警实心" transform="translate(0, 32)">
+                        <path d="M10,18 C5.58186667,18 2,14.4181333 2,10 C2,5.58186667 5.58186667,2 10,2 C14.4181333,2 18,5.58186667 18,10 C18,14.4181333 14.4181333,18 10,18 Z M9.46666667,5.73333333 L9.46666667,11.6 C9.46666667,11.8945519 9.70544813,12.1333333 10,12.1333333 C10.2945519,12.1333333 10.5333333,11.8945519 10.5333333,11.6 L10.5333333,5.73333333 C10.5333333,5.43878147 10.2945519,5.2 10,5.2 C9.70544813,5.2 9.46666667,5.43878147 9.46666667,5.73333333 Z M9.2,14.5333333 C9.2,14.9751611 9.5581722,15.3333333 10,15.3333333 C10.4418278,15.3333333 10.8,14.9751611 10.8,14.5333333 C10.8,14.0915055 10.4418278,13.7333333 10,13.7333333 C9.5581722,13.7333333 9.2,14.0915055 9.2,14.5333333 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/conversation/link.svg b/web/src/assets/images/conversation/link.svg
index 18031b71..17298c10 100644
--- a/web/src/assets/images/conversation/link.svg
+++ b/web/src/assets/images/conversation/link.svg
@@ -1,18 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>链接</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-284, -726)">
-            <g id="聊天页面" transform="translate(258, 128)">
-                <g id="输入框" transform="translate(16, 512)">
-                    <g id="链接" transform="translate(10, 86)">
-                        <rect id="矩形" stroke="#DFE4ED" x="0.5" y="0.5" width="23" height="23" rx="6"></rect>
-                        <g id="编组-6" transform="translate(5, 5)" stroke="#212332" stroke-linecap="round" stroke-linejoin="round">
-                            <g transform="translate(7.1064, 7.1064) rotate(45) translate(-7.1064, -7.1064)translate(3.9564, 1.8564)" id="路径">
-                                <path d="M4.14483263e-14,7.00494523 L4.14483263e-14,2.33333333 C4.14483263e-14,1.04466892 0.992435471,0 2.21666667,0 C3.44089786,0 4.43333333,1.04466892 4.43333333,2.33333333 L4.43333333,5.85907842"></path>
-                                <path d="M6.3,2.518727 L6.3,7.175 C6.3,9.01134679 4.88969696,10.5 3.15,10.5 C1.41030304,10.5 0,9.01134679 0,7.175 L0,2.33333333"></path>
-                                <path d="M4.43333333,2.33333333 L4.43333333,7 C4.43333333,7.64433221 3.91099887,8.16666667 3.26666667,8.16666667 C2.62233446,8.16666667 2.1,7.64433221 2.1,7 L2.1,3.5201611"></path>
-                            </g>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 6</title>
+    <defs>
+        <filter x="-2.6%" y="-14.2%" width="105.3%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="多模态对话" transform="translate(-558, -742)" stroke="#171719" stroke-width="1.1">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 656)">
+                <g id="附件" transform="translate(12, 80)">
+                    <g id="编组-6" transform="translate(6, 6)">
+                        <g transform="translate(8.1216, 8.1216) rotate(45) translate(-8.1216, -8.1216)translate(4.5216, 2.1216)" id="路径">
+                            <path d="M4.44722907e-13,8.0056517 L4.44722907e-13,2.66666667 C4.44722907e-13,1.19390733 1.13421197,1.99211235e-13 2.53333333,1.99211235e-13 C3.9324547,1.99211235e-13 5.06666667,1.19390733 5.06666667,2.66666667 L5.06666667,6.69608962"></path>
+                            <path d="M7.2,2.87854514 L7.2,8.2 C7.2,10.298682 5.5882251,12 3.6,12 C1.6117749,12 1.78485196e-12,10.298682 1.78485196e-12,8.2 L1.78485196e-12,2.66666667"></path>
+                            <path d="M5.06666667,2.66666667 L5.06666667,8 C5.06666667,8.73637967 4.469713,9.33333333 3.73333333,9.33333333 C2.99695367,9.33333333 2.4,8.73637967 2.4,8 L2.4,4.02304126"></path>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/conversation/loading.svg b/web/src/assets/images/conversation/loading.svg
index 01adc786..7bed9e7f 100644
--- a/web/src/assets/images/conversation/loading.svg
+++ b/web/src/assets/images/conversation/loading.svg
@@ -1,13 +1,24 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 5</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-交互-2" transform="translate(-558, -337)">
-            <g id="输入框" transform="translate(45, 180)">
-                <g id="编组-7" transform="translate(471, 155)">
-                    <g id="编组-5" transform="translate(42, 2)">
-                        <circle id="椭圆形" stroke="#212332" stroke-width="1.5" cx="10" cy="10" r="9.25"></circle>
-                        <rect id="矩形" fill="#212332" x="6.5" y="6.5" width="7" height="7" rx="2"></rect>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 14</title>
+    <defs>
+        <filter x="-3.4%" y="-9.4%" width="106.8%" height="121.1%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆验证-交互" transform="translate(-593, -349)">
+            <g id="输入框1" filter="url(#filter-1)" transform="translate(67, 203)">
+                <g id="编组-14" transform="translate(520, 140)">
+                    <g id="编组-5" transform="translate(6, 6)">
+                        <circle id="椭圆形" stroke="#171719" cx="8" cy="8" r="7.5"></circle>
+                        <rect id="矩形" fill="#171719" x="5" y="5" width="6" height="6" rx="2"></rect>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/conversation/memoryFunction.svg b/web/src/assets/images/conversation/memoryFunction.svg
index f63dc231..d0f3daf8 100644
--- a/web/src/assets/images/conversation/memoryFunction.svg
+++ b/web/src/assets/images/conversation/memoryFunction.svg
@@ -1,15 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>brain-2-line</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-324, -730)" stroke="#212332">
-            <g id="聊天页面" transform="translate(258, 128)">
-                <g id="输入框" transform="translate(16, 512)">
-                    <g id="1" transform="translate(42, 86)">
-                        <g id="brain-2-line" transform="translate(8, 4)">
-                            <g id="编组-25" transform="translate(3, 3)">
-                                <path d="M3.33333333,0 C4.20536189,0 4.92097069,0.670068175 4.99388234,1.52366891 L5,1.66755165 L4.99986288,8.05913792 C4.99995421,8.06685294 5,8.07457892 5,8.0823156 L4.999,8.107 L5,8.33775827 L4.98310752,8.33803625 C4.85815555,9.27624509 4.05522059,10 3.08333333,10 C2.02478756,10 1.16666667,9.14142345 1.16666667,8.0823156 C1.16666667,7.94759059 1.18055226,7.81611046 1.20696967,7.68922971 C0.51077752,7.49098524 0,6.84838576 0,6.08642446 C0,5.66523785 0.156068428,5.28052233 0.413500665,4.98701157 C0.156068428,4.69487819 0,4.31016267 0,3.88897606 C0,2.96801271 0.746192084,2.2214244 1.66666667,2.2214244 C1.69896402,2.2214244 1.73104681,2.22234356 1.76289032,2.22415717 C1.70039312,2.05126095 1.66666667,1.86334701 1.66666667,1.66755165 C1.66666667,0.746588306 2.41285875,0 3.33333333,0 Z" id="形状结合"></path>
-                                <path d="M8.33333333,0 C9.20536189,0 9.92097069,0.670068175 9.99388234,1.52366891 L10,1.66755165 L9.99986288,8.05913792 C9.99995421,8.06685294 10,8.07457892 10,8.0823156 L9.999,8.107 L10,8.33775827 L9.98310752,8.33803625 C9.85815555,9.27624509 9.05522059,10 8.08333333,10 C7.02478756,10 6.16666667,9.14142345 6.16666667,8.0823156 C6.16666667,7.94759059 6.18055226,7.81611046 6.20696967,7.68922971 C5.51077752,7.49098524 5,6.84838576 5,6.08642446 C5,5.66523785 5.15606843,5.28052233 5.41350066,4.98701157 C5.15606843,4.69487819 5,4.31016267 5,3.88897606 C5,2.96801271 5.74619208,2.2214244 6.66666667,2.2214244 C6.69896402,2.2214244 6.73104681,2.22234356 6.76289032,2.22415717 C6.70039312,2.05126095 6.66666667,1.86334701 6.66666667,1.66755165 C6.66666667,0.746588306 7.41285875,0 8.33333333,0 Z" id="形状结合" transform="translate(7.5, 5) scale(-1, 1) translate(-7.5, -5)"></path>
+    <title>1</title>
+    <defs>
+        <filter x="-2.6%" y="-14.2%" width="105.3%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="多模态对话" transform="translate(-1109, -742)" stroke="#171719" stroke-width="1.1">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 656)">
+                <g id="编组-18" transform="translate(485, 80)">
+                    <g id="联网" transform="translate(78, 0)">
+                        <g id="brain-2-line" transform="translate(6, 6)">
+                            <g id="编组-25" transform="translate(2.5, 2.5)">
+                                <path d="M3.66666667,0 C4.67918871,0 5.5,0.821247137 5.5,1.83430682 L5.499,1.855 L5.49984003,8.86429101 C5.49994658,8.87303037 5.5,8.88178252 5.5,8.89054716 L5.499,8.915 L5.5,9.1715341 L5.48139006,9.17205165 C5.34385028,10.2039785 4.46066953,11 3.39166667,11 C2.22726632,11 1.28333333,10.0555658 1.28333333,8.89054716 C1.28333333,8.74208151 1.29866281,8.59719816 1.32782451,8.45739516 C0.560859111,8.23882985 0,7.53248099 0,6.69506691 C0,6.2318134 0.17163691,5.80866913 0.454755816,5.48582095 C0.17163691,5.16427144 0,4.74112717 0,4.27787366 C0,3.26481398 0.820811292,2.44356684 1.83333333,2.44356684 C1.86910911,2.44356684 1.90464555,2.44459213 1.9399149,2.44661492 C1.87033304,2.25583284 1.83333333,2.049393 1.83333333,1.83430682 C1.83333333,0.821247137 2.65414463,0 3.66666667,0 Z" id="形状结合"></path>
+                                <path d="M9.16666667,0 C10.1791887,0 11,0.821247137 11,1.83430682 L10.999,1.855 L10.99984,8.86429101 C10.9999466,8.87303037 11,8.88178252 11,8.89054716 L10.999,8.915 L11,9.1715341 L10.9813901,9.17205165 C10.8438503,10.2039785 9.96066953,11 8.89166667,11 C7.72726632,11 6.78333333,10.0555658 6.78333333,8.89054716 C6.78333333,8.74208151 6.79866281,8.59719816 6.82782451,8.45739516 C6.06085911,8.23882985 5.5,7.53248099 5.5,6.69506691 C5.5,6.2318134 5.67163691,5.80866913 5.95475582,5.48582095 C5.67163691,5.16427144 5.5,4.74112717 5.5,4.27787366 C5.5,3.26481398 6.32081129,2.44356684 7.33333333,2.44356684 C7.36910911,2.44356684 7.40464555,2.44459213 7.4399149,2.44661492 C7.37033304,2.25583284 7.33333333,2.049393 7.33333333,1.83430682 C7.33333333,0.821247137 8.15414463,0 9.16666667,0 Z" id="形状结合" transform="translate(8.25, 5.5) scale(-1, 1) translate(-8.25, -5.5)"></path>
                             </g>
                         </g>
                     </g>
diff --git a/web/src/assets/images/conversation/memoryFunctionChecked.svg b/web/src/assets/images/conversation/memoryFunctionChecked.svg
index db12f037..cf136428 100644
--- a/web/src/assets/images/conversation/memoryFunctionChecked.svg
+++ b/web/src/assets/images/conversation/memoryFunctionChecked.svg
@@ -1,14 +1,27 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>brain-2-line</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="红熊空间-记忆对话-交互-2" transform="translate(-787, -339)" stroke="#155EEF">
-            <g id="输入框" transform="translate(737, 180)">
-                <g id="1" transform="translate(42, 155)">
-                    <g id="brain-2-line" transform="translate(8, 4)">
-                        <g id="编组-25" transform="translate(3, 3)">
-                            <path d="M3.33333333,0 C4.20536189,0 4.92097069,0.670068175 4.99388234,1.52366891 L5,1.66755165 L4.99986288,8.05913792 C4.99995421,8.06685294 5,8.07457892 5,8.0823156 L4.999,8.107 L5,8.33775827 L4.98310752,8.33803625 C4.85815555,9.27624509 4.05522059,10 3.08333333,10 C2.02478756,10 1.16666667,9.14142345 1.16666667,8.0823156 C1.16666667,7.94759059 1.18055226,7.81611046 1.20696967,7.68922971 C0.51077752,7.49098524 0,6.84838576 0,6.08642446 C0,5.66523785 0.156068428,5.28052233 0.413500665,4.98701157 C0.156068428,4.69487819 0,4.31016267 0,3.88897606 C0,2.96801271 0.746192084,2.2214244 1.66666667,2.2214244 C1.69896402,2.2214244 1.73104681,2.22234356 1.76289032,2.22415717 C1.70039312,2.05126095 1.66666667,1.86334701 1.66666667,1.66755165 C1.66666667,0.746588306 2.41285875,0 3.33333333,0 Z" id="形状结合"></path>
-                            <path d="M8.33333333,0 C9.20536189,0 9.92097069,0.670068175 9.99388234,1.52366891 L10,1.66755165 L9.99986288,8.05913792 C9.99995421,8.06685294 10,8.07457892 10,8.0823156 L9.999,8.107 L10,8.33775827 L9.98310752,8.33803625 C9.85815555,9.27624509 9.05522059,10 8.08333333,10 C7.02478756,10 6.16666667,9.14142345 6.16666667,8.0823156 C6.16666667,7.94759059 6.18055226,7.81611046 6.20696967,7.68922971 C5.51077752,7.49098524 5,6.84838576 5,6.08642446 C5,5.66523785 5.15606843,5.28052233 5.41350066,4.98701157 C5.15606843,4.69487819 5,4.31016267 5,3.88897606 C5,2.96801271 5.74619208,2.2214244 6.66666667,2.2214244 C6.69896402,2.2214244 6.73104681,2.22234356 6.76289032,2.22415717 C6.70039312,2.05126095 6.66666667,1.86334701 6.66666667,1.66755165 C6.66666667,0.746588306 7.41285875,0 8.33333333,0 Z" id="形状结合" transform="translate(7.5, 5) scale(-1, 1) translate(-7.5, -5)"></path>
+    <title>1</title>
+    <defs>
+        <filter x="-2.6%" y="-9.4%" width="105.3%" height="121.1%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="多模态对话-3" transform="translate(-1109, -806)" stroke="#155EEF" stroke-width="1.1">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 660)">
+                <g id="编组-18" transform="translate(485, 140)">
+                    <g id="1" transform="translate(78, 0)">
+                        <g id="brain-2-line" transform="translate(6, 6)">
+                            <g id="编组-25" transform="translate(2.5, 2.5)">
+                                <path d="M3.66666667,0 C4.67918871,0 5.5,0.821247137 5.5,1.83430682 L5.499,1.855 L5.49984003,8.86429101 C5.49994658,8.87303037 5.5,8.88178252 5.5,8.89054716 L5.499,8.915 L5.5,9.1715341 L5.48139006,9.17205165 C5.34385028,10.2039785 4.46066953,11 3.39166667,11 C2.22726632,11 1.28333333,10.0555658 1.28333333,8.89054716 C1.28333333,8.74208151 1.29866281,8.59719816 1.32782451,8.45739516 C0.560859111,8.23882985 0,7.53248099 0,6.69506691 C0,6.2318134 0.17163691,5.80866913 0.454755816,5.48582095 C0.17163691,5.16427144 0,4.74112717 0,4.27787366 C0,3.26481398 0.820811292,2.44356684 1.83333333,2.44356684 C1.86910911,2.44356684 1.90464555,2.44459213 1.9399149,2.44661492 C1.87033304,2.25583284 1.83333333,2.049393 1.83333333,1.83430682 C1.83333333,0.821247137 2.65414463,0 3.66666667,0 Z" id="形状结合"></path>
+                                <path d="M9.16666667,0 C10.1791887,0 11,0.821247137 11,1.83430682 L10.999,1.855 L10.99984,8.86429101 C10.9999466,8.87303037 11,8.88178252 11,8.89054716 L10.999,8.915 L11,9.1715341 L10.9813901,9.17205165 C10.8438503,10.2039785 9.96066953,11 8.89166667,11 C7.72726632,11 6.78333333,10.0555658 6.78333333,8.89054716 C6.78333333,8.74208151 6.79866281,8.59719816 6.82782451,8.45739516 C6.06085911,8.23882985 5.5,7.53248099 5.5,6.69506691 C5.5,6.2318134 5.67163691,5.80866913 5.95475582,5.48582095 C5.67163691,5.16427144 5.5,4.74112717 5.5,4.27787366 C5.5,3.26481398 6.32081129,2.44356684 7.33333333,2.44356684 C7.36910911,2.44356684 7.40464555,2.44459213 7.4399149,2.44661492 C7.37033304,2.25583284 7.33333333,2.049393 7.33333333,1.83430682 C7.33333333,0.821247137 8.15414463,0 9.16666667,0 Z" id="形状结合" transform="translate(8.25, 5.5) scale(-1, 1) translate(-8.25, -5.5)"></path>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/conversation/normalReply.svg b/web/src/assets/images/conversation/normalReply.svg
new file mode 100644
index 00000000..19b8c28d
--- /dev/null
+++ b/web/src/assets/images/conversation/normalReply.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>正常</title>
+    <defs>
+        <filter x="-3.4%" y="-14.2%" width="106.8%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆验证" transform="translate(-353, -742)" fill="#171719" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(252, 108)">
+                <g id="输入框" filter="url(#filter-1)" transform="translate(11, 548)">
+                    <g id="快速/深度" transform="translate(12, 80)">
+                        <g id="正常" transform="translate(78, 6)">
+                            <path d="M7.99962468,2 C9.06023644,2 10.1103396,2.27993548 11.0200788,2.81896016 C11.260274,2.95967242 11.3398386,3.26938826 11.2002252,3.49944161 C11.1350138,3.61371625 11.0262186,3.69718613 10.8983165,3.73107216 C10.7704144,3.76495819 10.6341473,3.74641442 10.5201726,3.67961285 C9.75734215,3.23130772 8.88629417,2.99640503 7.99962468,2.99987592 C5.2396322,2.99987592 2.99981234,5.23935973 2.99981234,7.99925549 C2.99981234,10.7591513 5.2396322,12.9993796 7.99962468,12.9993796 C10.7603678,12.9993796 13.0001876,10.7591513 13.0001876,7.99925549 C13.0001876,7.56967366 12.9498968,7.14977044 12.8403077,6.73954585 C12.8060757,6.61118359 12.8248518,6.4745813 12.8924776,6.35999283 C12.9601034,6.24540436 13.0709978,6.1622867 13.2006005,6.12904827 C13.47082,6.05980891 13.740289,6.2198784 13.8100957,6.48939074 C13.9399512,6.97927783 14,7.48926666 14,7.99925549 C14,11.3093436 11.3098142,14 7.99962468,14 C4.68943516,13.9992555 2,11.3093436 2,7.99925549 C2,4.69065641 4.69018577,2 7.99962468,2 Z M12.3501595,4.14990772 C12.4825992,4.14990772 12.6091636,4.20414012 12.6999437,4.29978905 C12.7957173,4.39141511 12.8498172,4.51772577 12.8498172,4.6497084 C12.8498172,4.78169102 12.7957173,4.90800169 12.6999437,4.99962775 L7.6505911,10.049634 C7.55801526,10.142681 7.43257097,10.1963492 7.30080691,10.1992803 C7.16761349,10.1995402 7.04117199,10.1451763 6.95027209,10.049634 L5.00018765,8.09901973 C4.90441409,8.00739367 4.85031413,7.88108301 4.85031413,7.74910039 C4.85031413,7.61711776 4.90441409,7.4908071 5.00018765,7.39918104 C5.09096772,7.30353212 5.2175321,7.24929972 5.34997184,7.24929972 C5.48241159,7.24929972 5.60897597,7.30353212 5.69975604,7.39918104 L7.30005629,8.99987592 L12.0003753,4.29978905 C12.0911554,4.20414012 12.2177198,4.14990772 12.3501595,4.14990772 Z" id="形状结合"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/conversation/online.svg b/web/src/assets/images/conversation/online.svg
index 0ae567ca..c9c5812b 100644
--- a/web/src/assets/images/conversation/online.svg
+++ b/web/src/assets/images/conversation/online.svg
@@ -1,17 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>互联网</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-463, -730)" stroke="#212332">
-            <g id="聊天页面" transform="translate(258, 128)">
-                <g id="输入框" transform="translate(16, 512)">
-                    <g id="2" transform="translate(181, 86)">
-                        <g id="互联网" transform="translate(8, 4)">
-                            <g id="编组-11" transform="translate(2.5, 2.5)">
-                                <circle id="椭圆形" cx="5.5" cy="5.5" r="5"></circle>
-                                <line x1="0.785714286" y1="3.53571429" x2="10.2142857" y2="3.53571429" id="路径-6"></line>
-                                <path d="M4.27288123,0.591487342 C3.82349401,1.74340425 3.53571429,3.51415883 3.53571429,5.5 C3.53571429,7.49845355 3.82716108,9.27907975 4.28146314,10.4303857 M6.66018951,10.572683 C7.14773377,9.4289068 7.46428571,7.58274887 7.46428571,5.5 C7.46428571,3.4620778 7.16121333,1.65067191 6.69143044,0.502140402" id="形状"></path>
-                                <line x1="0.772766423" y1="7.07142857" x2="10.2013379" y2="7.07142857" id="路径-6"></line>
+    <title>联网</title>
+    <defs>
+        <filter x="-2.6%" y="-14.2%" width="105.3%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="多模态对话" transform="translate(-1145, -742)" stroke="#171719">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 656)">
+                <g id="编组-18" transform="translate(485, 80)">
+                    <g id="记忆" transform="translate(114, 0)">
+                        <g id="互联网" transform="translate(6, 6)">
+                            <g id="编组-11" transform="translate(2, 2)">
+                                <circle id="椭圆形" cx="6" cy="6" r="5.5"></circle>
+                                <line x1="0.857142857" y1="3.85714286" x2="11.1428571" y2="3.85714286" id="路径-6"></line>
+                                <path d="M4.66132498,0.645258919 C4.17108437,1.90189554 3.85714286,3.83362782 3.85714286,6 C3.85714286,8.18013114 4.17508482,10.1226325 4.67068706,11.3786026 M7.26566129,11.533836 C7.79752775,10.2860801 8.14285714,8.27208968 8.14285714,6 C8.14285714,3.77681214 7.81223272,1.80073299 7.2997423,0.54778953" id="形状"></path>
+                                <line x1="0.843017916" y1="7.71428571" x2="11.1287322" y2="7.71428571" id="路径-6"></line>
                             </g>
                         </g>
                     </g>
diff --git a/web/src/assets/images/conversation/onlineChecked.svg b/web/src/assets/images/conversation/onlineChecked.svg
index 89fd61c4..fdd2b4b2 100644
--- a/web/src/assets/images/conversation/onlineChecked.svg
+++ b/web/src/assets/images/conversation/onlineChecked.svg
@@ -1,16 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>互联网</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-交互-2" transform="translate(-928, -339)" stroke="#155EEF">
-            <g id="输入框" transform="translate(737, 180)">
-                <g id="2" transform="translate(183, 155)">
-                    <g id="互联网" transform="translate(8, 4)">
-                        <g id="编组-11" transform="translate(2.5, 2.5)">
-                            <circle id="椭圆形" cx="5.5" cy="5.5" r="5"></circle>
-                            <line x1="0.785714286" y1="3.53571429" x2="10.2142857" y2="3.53571429" id="路径-6"></line>
-                            <path d="M4.27288123,0.591487342 C3.82349401,1.74340425 3.53571429,3.51415883 3.53571429,5.5 C3.53571429,7.49845355 3.82716108,9.27907975 4.28146314,10.4303857 M6.66018951,10.572683 C7.14773377,9.4289068 7.46428571,7.58274887 7.46428571,5.5 C7.46428571,3.4620778 7.16121333,1.65067191 6.69143044,0.502140402" id="形状"></path>
-                            <line x1="0.772766423" y1="7.07142857" x2="10.2013379" y2="7.07142857" id="路径-6"></line>
+    <title>联网</title>
+    <defs>
+        <filter x="-2.6%" y="-14.2%" width="105.3%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="多模态对话" transform="translate(-1145, -742)" stroke="#155EEF">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 656)">
+                <g id="编组-18" transform="translate(485, 80)">
+                    <g id="记忆" transform="translate(114, 0)">
+                        <g id="互联网" transform="translate(6, 6)">
+                            <g id="编组-11" transform="translate(2, 2)">
+                                <circle id="椭圆形" cx="6" cy="6" r="5.5"></circle>
+                                <line x1="0.857142857" y1="3.85714286" x2="11.1428571" y2="3.85714286" id="路径-6"></line>
+                                <path d="M4.66132498,0.645258919 C4.17108437,1.90189554 3.85714286,3.83362782 3.85714286,6 C3.85714286,8.18013114 4.17508482,10.1226325 4.67068706,11.3786026 M7.26566129,11.533836 C7.79752775,10.2860801 8.14285714,8.27208968 8.14285714,6 C8.14285714,3.77681214 7.81223272,1.80073299 7.2997423,0.54778953" id="形状"></path>
+                                <line x1="0.843017916" y1="7.71428571" x2="11.1287322" y2="7.71428571" id="路径-6"></line>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/conversation/quickReply.svg b/web/src/assets/images/conversation/quickReply.svg
new file mode 100644
index 00000000..9a90ef1c
--- /dev/null
+++ b/web/src/assets/images/conversation/quickReply.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>快速回复</title>
+    <defs>
+        <filter x="-3.4%" y="-14.2%" width="106.8%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="记忆验证" transform="translate(-285, -742)" stroke="#171719">
+            <g id="编组-16" transform="translate(252, 108)">
+                <g id="输入框" filter="url(#filter-1)" transform="translate(11, 548)">
+                    <g id="快速/深度" transform="translate(12, 80)">
+                        <g id="快速回复" transform="translate(10, 6)">
+                            <path d="M7.87421377,2.54726615 L3.90048515,8.12578128 C3.64414483,8.48564439 3.72806663,8.98517595 4.08792974,9.24151627 C4.22344723,9.33804908 4.38569112,9.38992649 4.55207494,9.38992649 L6.7255258,9.38992649 C6.83598275,9.38992649 6.9255258,9.47946954 6.9255258,9.58992649 L6.9255258,12.7661445 C6.9255258,13.3184293 7.37324105,13.7661445 7.9255258,13.7661445 C8.2557012,13.7661445 8.56459514,13.6031667 8.75097255,13.3306245 L12.1441069,8.36879823 C12.3935099,8.00409291 12.3000389,7.50625978 11.9353335,7.25685682 C11.8023068,7.1658868 11.6449067,7.11721421 11.4837495,7.11721421 L9.888701,7.11721421 C9.77824405,7.11721421 9.688701,7.02767116 9.688701,6.91721421 L9.688701,3.12744764 C9.688701,2.57516289 9.24098575,2.12744764 8.688701,2.12744764 C8.36529181,2.12744764 8.0618498,2.2838535 7.87421377,2.54726615 Z" id="路径-2"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/conversation/redbear.png b/web/src/assets/images/conversation/redbear.png
new file mode 100644
index 00000000..8fd5e2f6
Binary files /dev/null and b/web/src/assets/images/conversation/redbear.png differ
diff --git a/web/src/assets/images/conversation/send.svg b/web/src/assets/images/conversation/send.svg
index a44dcc40..5e9f5a21 100644
--- a/web/src/assets/images/conversation/send.svg
+++ b/web/src/assets/images/conversation/send.svg
@@ -1,15 +1,27 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>发送</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-交互-2" transform="translate(-1249, -336)">
-            <g id="输入框" transform="translate(737, 180)">
-                <g id="编组-7" transform="translate(471, 155)">
-                    <g id="发送" transform="translate(41, 1)">
-                        <circle id="椭圆形" fill="#155EEF" cx="11" cy="11" r="11"></circle>
-                        <g id="编组-50" transform="translate(7.5, 7)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                            <polyline id="路径" points="0 3.5 3.5 0 7 3.5"></polyline>
-                            <line x1="3.5" y1="0.347479368" x2="3.5" y2="8.84747937" id="路径-49"></line>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>发送-2@2x</title>
+    <defs>
+        <filter x="-3.4%" y="-9.4%" width="106.8%" height="121.1%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="记忆验证-2" transform="translate(-789, -742)" stroke="#FFFFFF" stroke-width="1.5">
+            <g id="编组-16" transform="translate(253, 108)">
+                <g id="输入框" filter="url(#filter-1)" transform="translate(12, 488)">
+                    <g id="发送-2" transform="translate(518, 140)">
+                        <g id="编组-50" transform="translate(6, 6)">
+                            <g id="编组-14" transform="translate(4, 3)">
+                                <polyline id="路径" points="0 4 4 0 8 4"></polyline>
+                                <line x1="4" y1="-1.65043138e-17" x2="4" y2="10" id="路径-49"></line>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/conversation/sendDisabled.svg b/web/src/assets/images/conversation/sendDisabled.svg
index bf774bfd..7eb01380 100644
--- a/web/src/assets/images/conversation/sendDisabled.svg
+++ b/web/src/assets/images/conversation/sendDisabled.svg
@@ -1,16 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>发送-2</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆对话-默认对话" transform="translate(-786, -727)">
-            <g id="聊天页面" transform="translate(258, 128)">
-                <g id="输入框" transform="translate(16, 512)">
-                    <g id="编组-7" transform="translate(471, 86)">
-                        <g id="发送-2" transform="translate(41, 1)">
-                            <circle id="椭圆形" fill="#F0F3F8" cx="11" cy="11" r="11"></circle>
-                            <g id="编组-50" transform="translate(7.5, 7)" stroke="#B9BDC4" stroke-linecap="round" stroke-linejoin="round">
-                                <polyline id="路径" points="0 3.5 3.5 0 7 3.5"></polyline>
-                                <line x1="3.5" y1="0.347479368" x2="3.5" y2="8.84747937" id="路径-49"></line>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>发送-2@2x</title>
+    <defs>
+        <filter x="-3.4%" y="-14.2%" width="106.8%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="记忆验证" transform="translate(-787, -742)" stroke="#A8A9AA" stroke-width="1.5">
+            <g id="编组-16" transform="translate(252, 108)">
+                <g id="输入框" filter="url(#filter-1)" transform="translate(11, 548)">
+                    <g id="发送-2" transform="translate(518, 80)">
+                        <g id="编组-50" transform="translate(6, 6)">
+                            <g id="编组-14" transform="translate(4, 3)">
+                                <polyline id="路径" points="0 4 4 0 8 4"></polyline>
+                                <line x1="4" y1="-1.65043138e-17" x2="4" y2="10" id="路径-49"></line>
                             </g>
                         </g>
                     </g>
diff --git a/web/src/assets/images/conversation/variables.svg b/web/src/assets/images/conversation/variables.svg
new file mode 100644
index 00000000..e95c6922
--- /dev/null
+++ b/web/src/assets/images/conversation/variables.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>变量 (1)</title>
+    <defs>
+        <filter x="-2.6%" y="-14.2%" width="105.3%" height="131.7%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="多模态对话" transform="translate(-630, -742)" fill="#000000" fill-rule="nonzero">
+            <g id="输入框" filter="url(#filter-1)" transform="translate(540, 656)">
+                <g id="变量" transform="translate(84, 80)">
+                    <g id="变量-(1)" transform="translate(6, 6)">
+                        <g id="local_variable" transform="translate(1.1, 2)">
+                            <path d="M4.38472,2.88803156 C4.38472,2.56775449 4.64232,2.30839467 4.96156,2.30839467 L5.66904,2.30839467 C5.95424,2.30839467 6.2284,2.38500273 6.463,2.58529128 C6.6746,2.76527407 6.80524,3.0070971 6.9046,3.23138335 C6.99936,3.44459373 7.09228,3.70856849 7.19348,3.99746395 L7.21188,4.0500743 C7.32412,4.36665942 7.45568,4.73770086 7.62956,5.17335152 L7.63048,5.1751975 C7.80988,5.62653896 7.94328,6.00957926 8.05276,6.3243184 L8.05644,6.33447127 C8.16684,6.65197937 8.24412,6.87534263 8.31956,7.04517255 C8.38948,7.2039266 8.43364,7.25653696 8.44836,7.27038179 L8.4548,7.27130477 C8.464,7.27315075 8.47688,7.27407374 8.49712,7.27407374 L9.2046,7.27407374 C9.5144737,7.28648663 9.75930946,7.54212108 9.75930946,7.85324913 C9.75930946,8.16437719 9.5144737,8.42001164 9.2046,8.43242453 L8.49712,8.43242453 C8.20809037,8.44042248 7.92609201,8.34228859 7.70408,8.15645091 C7.49248,7.97646812 7.36184,7.73649107 7.2634,7.5140508 C7.16956,7.29991742 7.07756,7.03686565 6.9782,6.75073916 L6.96256,6.70458973 C6.83587483,6.33485387 6.70090729,5.96802673 6.55776,5.60438723 C6.37376,5.14473887 6.23576,4.75523765 6.12352,4.43496058 L6.11524,4.41280885 C6.00484,4.09622374 5.92572,3.87193749 5.85028,3.70210757 C5.77668,3.53873858 5.73252,3.48520523 5.7178,3.47043741 C5.70169877,3.46766941 5.68537294,3.46643327 5.66904,3.46674546 L4.96156,3.46674546 C4.64298006,3.46674546 4.38472,3.20764642 4.38472,2.88803156 L4.38472,2.88803156 Z" id="路径"></path>
+                            <path d="M8.77128,4.13775823 C8.32784,4.58356176 7.91108,5.16412163 7.56148,5.69022518 C7.20452,6.22832757 6.73624,6.88918746 6.20908,7.41898296 C5.70124,7.92662673 5.0278,8.42965556 4.255,8.42965556 C4.04957228,8.42965556 3.85974924,8.31970517 3.75703537,8.14122161 C3.65432151,7.96273805 3.65432151,7.74283723 3.75703537,7.56435367 C3.85974924,7.38587011 4.04957228,7.27591971 4.255,7.27591972 C4.54296,7.27591972 4.93028,7.07009324 5.3958,6.60213799 C5.83924,6.15725744 6.25508,5.57669757 6.60468,5.05059402 C6.96256,4.51249163 7.42992,3.85163174 7.958,3.32183624 C8.46492,2.81419247 9.13928,2.31024065 9.91208,2.31024065 C10.2296437,2.31024065 10.48708,2.56851322 10.48708,2.88710857 C10.48708,3.20570393 10.2296437,3.46397649 9.91208,3.46397649 C9.62412,3.46397649 9.2368,3.67072596 8.77128,4.13775823 L8.77128,4.13775823 Z" id="路径"></path>
+                            <path d="M4.301,9.69230407 L9.591,9.69230407 C9.97433333,9.69230407 10.166,9.88459337 10.166,10.269172 L10.166,10.269172 C10.166,10.6537506 9.97433333,10.8460399 9.591,10.8460399 L4.301,10.8460399 C3.91766667,10.8460399 3.726,10.6537506 3.726,10.269172 L3.726,10.269172 C3.726,9.88459337 3.91766667,9.69230407 4.301,9.69230407 Z" id="路径"></path>
+                            <path d="M2.80324,11.9997758 C2.66536377,12.0039507 2.53211105,11.9496723 2.43616,11.8502516 C0.81972,10.2368674 0,8.2875153 0,6.03726892 C0,3.74917999 0.8188,1.78136814 2.43616,0.149524165 C2.53448735,0.0536953264 2.66615588,0 2.80324,0 L2.8244,0 C3.21264,0 3.45,0.394116164 3.21264,0.674704721 C1.89704,2.23086363 1.25028,4.01223177 1.25028,6.01880914 C1.25028,8.00508077 1.89796,9.76798914 3.21264,11.324148 C3.42884,11.6047366 3.21264,11.9988528 2.80324,11.9988528 L2.80324,11.9997758 Z M10.99676,11.9997758 C11.14764,11.9997758 11.27736,11.9443964 11.36384,11.8502516 C12.98028,10.2377904 13.8,8.2875153 13.8,6.03819191 C13.8,3.75010298 12.9812,1.78229113 11.36384,0.150447154 C11.2655127,0.0546183151 11.1338441,0.000922988674 10.99676,0.000922988674 L10.9756,0.000922988674 C10.58736,0.000922988674 10.35,0.395039153 10.58736,0.675627709 C11.90296,2.23178661 12.54972,4.01315476 12.54972,6.01973213 C12.54972,8.00600376 11.90204,9.76891213 10.58736,11.325071 C10.37116,11.6056596 10.58736,11.9997758 10.99676,11.9997758 L10.99676,11.9997758 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/copy_active.svg b/web/src/assets/images/copy_active.svg
index 29a0f520..27f3c265 100644
--- a/web/src/assets/images/copy_active.svg
+++ b/web/src/assets/images/copy_active.svg
@@ -2,7 +2,7 @@
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>复制</title>
     <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-操作状态-1" transform="translate(-262, -98)" fill="#155EEF" fill-rule="nonzero" stroke="#155EEF" stroke-width="0.2">
+        <g id="应用管理-编排-操作状态-1" transform="translate(-262, -98)" fill="#212332" fill-rule="nonzero" stroke="#212332" stroke-width="0.2">
             <g id="添加变量备份" transform="translate(246, 44)">
                 <g id="复制" transform="translate(24, 62) scale(-1, 1) translate(-24, -62)translate(16, 54)">
                     <path d="M12.457101,11.1647176 L10.4691352,11.1647176 L10.4691352,12.586712 C10.4691352,13.4145067 9.60465201,13.9995312 8.77685733,13.9995312 L3.50878856,13.9995312 C2.67802272,13.9972139 2.00512985,13.324321 2.0028125,12.4935552 L2.0028125,7.22548642 C2.0028125,6.39770345 2.58432174,5.52968145 3.41211643,5.52968145 L4.81504585,5.52968145 L4.81504585,3.54101264 C4.81504585,2.69558262 5.50874164,2.00328125 6.35629259,2.00328125 L12.4571127,2.00328125 C13.3053667,2.00328125 13.9990625,2.69558262 13.9990625,3.54101264 L13.9990625,9.62770103 C13.9951838,10.4768867 13.3063065,11.1635653 12.4571127,11.1647294 L12.457101,11.1647176 Z M4.86655745,10.0010195 C4.85318829,9.94543146 4.84305487,9.8891147 4.83620826,9.83235301 C4.83480212,9.80765181 4.82351784,9.78859861 4.82351784,9.76389742 L4.82351784,9.70956182 C4.8221117,9.68203663 4.81504585,9.65522622 4.81504585,9.62770103 L4.81504585,6.23538801 L3.41210471,6.23538801 C2.96046422,6.23538801 2.75580053,6.77384593 2.75580053,7.22548642 L2.75580053,12.4935552 C2.75580053,12.9452074 3.05713636,13.2465432 3.50878856,13.2465432 L8.77685733,13.2465432 C9.22850953,13.2465432 9.76342867,13.0383642 9.76342867,12.586712 L9.76342867,11.1752988 L6.23491926,11.1752988 C5.49322723,11.1752988 4.97241636,10.6940239 4.86655745,10.0010195 Z M13.2284274,3.54101264 C13.2284274,3.0794823 12.9200375,2.7725102 12.457101,2.7725102 L6.35630431,2.7725102 C5.89405918,2.7725102 5.58566922,3.0794823 5.58566922,3.54101264 L5.58566922,9.62770103 C5.58566922,10.0885283 5.89405918,10.3962152 6.35630431,10.3962152 L12.457101,10.3962152 C12.9200375,10.3962152 13.2284274,10.0885283 13.2284274,9.62770103 L13.2284274,3.54101264 L13.2284274,3.54101264 Z M9.75919853,8.35532 L9.05490982,8.35532 L9.05490982,6.94674258 L7.64632068,6.94674258 L7.64632068,6.24244215 L9.05490982,6.24244215 L9.05490982,4.83386473 L9.75919853,4.83386473 L9.75919853,6.24244215 L11.167776,6.24244215 L11.167776,6.94674258 L9.75919853,6.94674258 L9.75919853,8.35532 Z" id="形状"></path>
diff --git a/web/src/assets/images/deleteBg.svg b/web/src/assets/images/deleteBg.svg
index 47deed9a..90409bdb 100644
--- a/web/src/assets/images/deleteBg.svg
+++ b/web/src/assets/images/deleteBg.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 8</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-操作状态-1" transform="translate(-648, -630)">
-            <g id="知识库" transform="translate(16, 454)">
-                <g id="编组-14备份" transform="translate(16, 158)">
-                    <g id="编组-8" transform="translate(616, 18)">
-                        <rect id="矩形" fill="#FBEEEC" x="0" y="0" width="24" height="24" rx="6"></rect>
-                        <g id="删除" transform="translate(4, 4)" stroke="#FF5D34" stroke-linecap="round" stroke-linejoin="round">
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-2" transform="translate(-564, -604)">
+            <g id="知识库" transform="translate(12, 444)">
+                <g id="编组-14备份" transform="translate(16, 142)">
+                    <g id="编组-8" transform="translate(536, 18)">
+                        <rect id="矩形" fill="#FF5D34" x="0" y="0" width="24" height="24" rx="6"></rect>
+                        <g id="删除" transform="translate(4, 4)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
                             <g id="编组-12" transform="translate(3.2, 2.4)">
                                 <line x1="-1.22219542e-18" y1="1.99830302" x2="9.6" y2="1.99830302" id="路径-3"></line>
                                 <path d="M0.8,2 L1.53019479,9.89212843 C1.57778741,10.4065214 2.00935196,10.8 2.52594192,10.8 L7.09449924,10.8 C7.61043827,10.8 8.04168346,10.4074826 8.09008848,9.89381926 L8.8,2.36039518 L8.8,2.36039518" id="路径-4"></path>
diff --git a/web/src/assets/images/deleteBorder.svg b/web/src/assets/images/deleteBorder.svg
index 6e90bf4a..62b7bf96 100644
--- a/web/src/assets/images/deleteBorder.svg
+++ b/web/src/assets/images/deleteBorder.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 8</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-操作状态-1" transform="translate(-648, -558)">
-            <g id="知识库" transform="translate(16, 454)">
-                <g id="编组-14" transform="translate(16, 86)">
-                    <g id="编组-8" transform="translate(616, 18)">
-                        <rect id="矩形" stroke="#DFE4ED" x="0.5" y="0.5" width="23" height="23" rx="6"></rect>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-2" transform="translate(-564, -534)">
+            <g id="知识库" transform="translate(12, 444)">
+                <g id="编组-14" transform="translate(16, 72)">
+                    <g id="编组-8" transform="translate(536, 18)">
+                        <rect id="矩形" stroke="#EBEBEB" fill="#FFFFFF" x="0.5" y="0.5" width="23" height="23" rx="6"></rect>
                         <g id="删除" transform="translate(4, 4)" stroke="#5B6167" stroke-linecap="round" stroke-linejoin="round">
                             <g id="编组-12" transform="translate(3.2, 2.4)">
                                 <line x1="-1.22219542e-18" y1="1.99830302" x2="9.6" y2="1.99830302" id="路径-3"></line>
diff --git a/web/src/assets/images/edit.svg b/web/src/assets/images/edit.svg
index 67b90d2b..f503f005 100644
--- a/web/src/assets/images/edit.svg
+++ b/web/src/assets/images/edit.svg
@@ -2,7 +2,7 @@
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编辑</title>
     <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="应用管理-编排-默认状态" transform="translate(-246, -24)" stroke="#5B6167">
+        <g id="应用管理-编排-默认状态" transform="translate(-246, -24)" stroke="#A8A9AA">
             <g id="编辑" transform="translate(246, 24)">
                 <g id="编组-10" transform="translate(2.8, 2.8)">
                     <path d="M10.4,4.47335995 L10.4,8.4 C10.4,9.5045695 9.5045695,10.4 8.4,10.4 L2,10.4 C0.8954305,10.4 0,9.5045695 0,8.4 L-2.22044605e-16,2 C-2.22044605e-16,0.8954305 0.8954305,2.22044605e-16 2,0 L5.96294416,0 L5.96294416,0" id="路径"></path>
diff --git a/web/src/assets/images/editBg.svg b/web/src/assets/images/editBg.svg
index 54ce218f..cfdaceef 100644
--- a/web/src/assets/images/editBg.svg
+++ b/web/src/assets/images/editBg.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 13</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-操作状态-1" transform="translate(-612, -630)">
-            <g id="知识库" transform="translate(16, 454)">
-                <g id="编组-14备份" transform="translate(16, 158)">
-                    <g id="编组-13" transform="translate(580, 18)">
-                        <rect id="矩形" fill="#EEF0F3" x="0" y="0" width="24" height="24" rx="6"></rect>
-                        <g id="编辑" transform="translate(4, 4)" stroke="#5B6167" stroke-linecap="round" stroke-linejoin="round">
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-2" transform="translate(-528, -604)">
+            <g id="知识库" transform="translate(12, 444)">
+                <g id="编组-14备份" transform="translate(16, 142)">
+                    <g id="编组-13" transform="translate(500, 18)">
+                        <rect id="矩形" fill="#171719" x="0" y="0" width="24" height="24" rx="6"></rect>
+                        <g id="编辑" transform="translate(4, 4)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
                             <g id="编组-10" transform="translate(2.8, 2.8)">
                                 <path d="M10.4,4.47335995 L10.4,8.4 C10.4,9.5045695 9.5045695,10.4 8.4,10.4 L2,10.4 C0.8954305,10.4 0,9.5045695 0,8.4 L-2.22044605e-16,2 C-2.22044605e-16,0.8954305 0.8954305,2.22044605e-16 2,0 L5.96294416,0 L5.96294416,0" id="路径"></path>
                                 <line x1="4.14075334" y1="6.29066973" x2="10.4" y2="1.16982777e-14" id="路径-2"></line>
diff --git a/web/src/assets/images/editBorder.svg b/web/src/assets/images/editBorder.svg
index 6a0bd89f..4f6b0762 100644
--- a/web/src/assets/images/editBorder.svg
+++ b/web/src/assets/images/editBorder.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 13</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理-编排-操作状态-1" transform="translate(-612, -558)">
-            <g id="知识库" transform="translate(16, 454)">
-                <g id="编组-14" transform="translate(16, 86)">
-                    <g id="编组-13" transform="translate(580, 18)">
-                        <rect id="矩形" stroke="#DFE4ED" x="0.5" y="0.5" width="23" height="23" rx="6"></rect>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-Agent-配置-2" transform="translate(-528, -534)">
+            <g id="知识库" transform="translate(12, 444)">
+                <g id="编组-14" transform="translate(16, 72)">
+                    <g id="编组-13" transform="translate(500, 18)">
+                        <rect id="矩形" stroke="#EBEBEB" fill="#FFFFFF" x="0.5" y="0.5" width="23" height="23" rx="6"></rect>
                         <g id="编辑" transform="translate(4, 4)" stroke="#5B6167" stroke-linecap="round" stroke-linejoin="round">
                             <g id="编组-10" transform="translate(2.8, 2.8)">
                                 <path d="M10.4,4.47335995 L10.4,8.4 C10.4,9.5045695 9.5045695,10.4 8.4,10.4 L2,10.4 C0.8954305,10.4 0,9.5045695 0,8.4 L-2.22044605e-16,2 C-2.22044605e-16,0.8954305 0.8954305,2.22044605e-16 2,0 L5.96294416,0 L5.96294416,0" id="路径"></path>
diff --git a/web/src/assets/images/edit_active.svg b/web/src/assets/images/edit_active.svg
new file mode 100644
index 00000000..7beb376b
--- /dev/null
+++ b/web/src/assets/images/edit_active.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="应用管理-Agent--发布" transform="translate(-238, -24)" stroke="#212332">
+            <g id="编辑" transform="translate(238, 24)">
+                <g id="编组-10" transform="translate(2.8, 2.8)">
+                    <path d="M10.4,4.47335995 L10.4,8.4 C10.4,9.5045695 9.5045695,10.4 8.4,10.4 L2,10.4 C0.8954305,10.4 0,9.5045695 0,8.4 L-2.22044605e-16,2 C-2.22044605e-16,0.8954305 0.8954305,2.22044605e-16 2,0 L5.96294416,0 L5.96294416,0" id="路径"></path>
+                    <line x1="4.14075334" y1="6.29066973" x2="10.4" y2="1.16982777e-14" id="路径-2"></line>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/edit_hover.svg b/web/src/assets/images/edit_hover.svg
index 6cb4e043..b69ed65a 100644
--- a/web/src/assets/images/edit_hover.svg
+++ b/web/src/assets/images/edit_hover.svg
@@ -2,7 +2,7 @@
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编辑</title>
     <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="应用管理-编排-默认状态" transform="translate(-246, -24)" stroke="#212332">
+        <g id="应用管理-编排-默认状态" transform="translate(-246, -24)" stroke="#171719">
             <g id="编辑" transform="translate(246, 24)">
                 <g id="编组-10" transform="translate(2.8, 2.8)">
                     <path d="M10.4,4.47335995 L10.4,8.4 C10.4,9.5045695 9.5045695,10.4 8.4,10.4 L2,10.4 C0.8954305,10.4 0,9.5045695 0,8.4 L-2.22044605e-16,2 C-2.22044605e-16,0.8954305 0.8954305,2.22044605e-16 2,0 L5.96294416,0 L5.96294416,0" id="路径"></path>
diff --git a/web/src/assets/images/empty/noData.png b/web/src/assets/images/empty/noData.png
new file mode 100644
index 00000000..5258d466
Binary files /dev/null and b/web/src/assets/images/empty/noData.png differ
diff --git a/web/src/assets/images/home/application.svg b/web/src/assets/images/home/application.svg
new file mode 100644
index 00000000..65ce7ccd
--- /dev/null
+++ b/web/src/assets/images/home/application.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_应用管理</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-878, -817)" stroke="#171719" stroke-width="1.6">
+            <g id="快速操作" transform="translate(846, 736)">
+                <g id="1" transform="translate(16, 58)">
+                    <g id="icon_应用管理" transform="translate(16, 23)">
+                        <g id="编组-26" transform="translate(3.75, 3.158)">
+                            <rect id="矩形" x="0" y="0.966987659" width="6.75" height="6.75" rx="1.6"></rect>
+                            <rect id="矩形" x="0" y="10.3419877" width="6.75" height="6.75" rx="1.6"></rect>
+                            <rect id="矩形" x="9.375" y="10.3419877" width="6.75" height="6.75" rx="1.6"></rect>
+                            <path d="M11.4301643,1.24264069 L14.2301643,1.24264069 C15.1138199,1.24264069 15.8301643,1.95898509 15.8301643,2.84264069 L15.8301643,5.64264069 C15.8301643,6.52629629 15.1138199,7.24264069 14.2301643,7.24264069 L11.4301643,7.24264069 C10.5465087,7.24264069 9.83016429,6.52629629 9.83016429,5.64264069 L9.83016429,2.84264069 C9.83016429,1.95898509 10.5465087,1.24264069 11.4301643,1.24264069 Z" id="矩形备份-5" transform="translate(12.8302, 4.2426) rotate(45) translate(-12.8302, -4.2426)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/home/arrow_top_right.svg b/web/src/assets/images/home/arrow_top_right.svg
deleted file mode 100644
index fe969a19..00000000
--- a/web/src/assets/images/home/arrow_top_right.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 16</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-1372, -1136)" stroke="#BABDC8">
-            <g id="快速操作" transform="translate(848, 1048)">
-                <g id="1" transform="translate(296, 68)">
-                    <g id="编组-16" transform="translate(228, 20)">
-                        <line x1="13.7142857" y1="2.28571429" x2="2.28571429" y2="13.7142857" id="路径-15"></line>
-                        <polyline id="路径" points="5.55102041 2.28571429 13.7142857 2.28571429 13.7142857 10.4489796"></polyline>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/home/arrow_top_right_hover.svg b/web/src/assets/images/home/arrow_top_right_hover.svg
deleted file mode 100644
index 903f9618..00000000
--- a/web/src/assets/images/home/arrow_top_right_hover.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 16</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-1372, -1136)" stroke="#212332">
-            <g id="快速操作" transform="translate(848, 1048)">
-                <g id="1" transform="translate(296, 68)">
-                    <g id="编组-16" transform="translate(228, 20)">
-                        <line x1="13.7142857" y1="2.28571429" x2="2.28571429" y2="13.7142857" id="路径-15"></line>
-                        <polyline id="路径" points="5.55102041 2.28571429 13.7142857 2.28571429 13.7142857 10.4489796"></polyline>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/home/arrow_up.svg b/web/src/assets/images/home/arrow_up.svg
new file mode 100644
index 00000000..914cb156
--- /dev/null
+++ b/web/src/assets/images/home/arrow_up.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>箭头_向上</title>
+    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="红熊空间-记忆看板" transform="translate(-1349, -186)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="API调用次数" transform="translate(1144, 80)">
+                <g id="编组-3" transform="translate(205, 105)">
+                    <g id="箭头_向上" transform="translate(0, 1)">
+                        <polygon id="路径" points="7.58333789 4.21666211 7.58333789 12.4416621 6.41666211 12.4416621 6.41666211 4.21666211 4.60833789 6.025 3.79166211 5.20832422 7 2 10.2083379 5.20832422 9.39166211 6.025"></polygon>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/home/chunk_count.svg b/web/src/assets/images/home/chunk_count.svg
index 830dac67..544f3cc6 100644
--- a/web/src/assets/images/home/chunk_count.svg
+++ b/web/src/assets/images/home/chunk_count.svg
@@ -1,22 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 32</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-276, -699)">
-            <g id="最近记忆活动" transform="translate(256, 632)">
-                <g id="编组-18" transform="translate(20, 64)">
-                    <g id="编组-32" transform="translate(0, 3)">
-                        <rect id="矩形" stroke="#E1E2E7" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="ai" transform="translate(10, 10)">
-                            <g id="编组-5" transform="translate(0, 1)">
-                                <path d="M8.28720375,0.224064323 L8.28720375,17 C8.28720375,17.5522847 8.734919,18 9.28720375,18 L13.0261803,18 C13.5784651,18 14.0261803,17.5522847 14.0261803,17 L14.0261803,15.0113042 L14.0261803,15.0113042 L15.5361593,15.0113042 C16.6407288,15.0113042 17.5361593,14.1158737 17.5361593,13.0113042 L17.5361593,11.1181466 L17.5361593,11.1181466 C18.94936,10.9269131 19.42233,10.4075569 18.955069,9.5600778 C18.4878081,8.71259873 18.0148382,7.98004933 17.5361593,7.3624296 C16.8964429,4.42435429 15.8608138,2.4587377 14.4292722,1.46557981 C12.9977305,0.472421924 10.9503744,0.0585834281 8.28720375,0.224064323 Z" id="路径-4" stroke="#212332" stroke-width="1.7" stroke-linejoin="round"></path>
-                                <path d="M3.28720375,1.85075505 L5.13574583,1.85075505 C5.41188821,1.85075505 5.63574583,2.07461267 5.63574583,2.35075505 L5.63574583,4.26840929 C5.63574583,4.54455166 5.85960346,4.76840929 6.13574583,4.76840929 L8.28720375,4.76840929 L8.28720375,4.76840929" id="路径-5" stroke="#212332" stroke-width="1.7"></path>
-                                <path d="M3.28720375,12.850755 L5.13574583,12.850755 C5.41188821,12.850755 5.63574583,13.0746127 5.63574583,13.350755 L5.63574583,15.2684093 C5.63574583,15.5445517 5.85960346,15.7684093 6.13574583,15.7684093 L8.28720375,15.7684093 L8.28720375,15.7684093" id="路径-5" stroke="#212332" stroke-width="1.7" transform="translate(5.7872, 14.3096) scale(1, -1) translate(-5.7872, -14.3096)"></path>
-                                <line x1="4.08888168" y1="8.75" x2="8.07296647" y2="8.75" id="路径-6" stroke="#212332" stroke-width="1.7"></line>
-                                <circle id="椭圆形" fill="#212332" cx="1.75" cy="1.75" r="1.75"></circle>
-                                <circle id="椭圆形备份-4" fill="#212332" cx="1.75" cy="15.75" r="1.75"></circle>
-                                <circle id="椭圆形备份-3" fill="#212332" cx="2.75" cy="8.75" r="1.75"></circle>
-                            </g>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板-2" transform="translate(-862, -444)">
+            <g id="最近记忆活动" transform="translate(846, 384)">
+                <g id="编组-18" transform="translate(16, 58)">
+                    <g id="编组-32" transform="translate(0, 2)">
+                        <rect id="矩形" fill="#155EEF" x="0" y="0" width="40" height="40" rx="12"></rect>
+                        <g id="编组-53" transform="translate(10.5, 10)" stroke="#FFFFFF" stroke-width="1.7">
+                            <path d="M3.16666667,5.25836996 L3.16666667,1.1 C3.16666667,0.492486775 3.65915344,-6.66133815e-16 4.26666667,-6.66133815e-16 L14.7333333,0 C15.3408466,8.8817842e-16 15.8333333,0.492486775 15.8333333,1.1 L15.8333333,2.1365483 L15.8333333,2.1365483" id="路径"></path>
+                            <rect id="矩形备份-14" x="0" y="8.42105263" width="11.6111111" height="11.5789474" rx="1.1"></rect>
+                            <path d="M8.44444444,5.26315789 L17.9,5.26315789 C18.5075132,5.26315789 19,5.75564467 19,6.36315789 L19,16.7947368 C19,17.4022501 18.5075132,17.8947368 17.9,17.8947368 L13.7816958,17.8947368 L13.7816958,17.8947368" id="路径"></path>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/home/knowledge.svg b/web/src/assets/images/home/knowledge.svg
new file mode 100644
index 00000000..91624510
--- /dev/null
+++ b/web/src/assets/images/home/knowledge.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>知识库</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-1159, -817)">
+            <g id="快速操作" transform="translate(846, 736)">
+                <g id="2" transform="translate(297, 58)">
+                    <g id="知识库" transform="translate(16, 23)">
+                        <g id="编组-8" transform="translate(4, 3)">
+                            <path d="M15.199,0.8 L15.2,17.2 L2,17.2 C1.66862915,17.2 1.36862915,17.0656854 1.15147186,16.8485281 C0.934314575,16.6313708 0.8,16.3313708 0.8,16 L0.8,2 C0.8,1.66862915 0.934314575,1.36862915 1.15147186,1.15147186 C1.36862915,0.934314575 1.66862915,0.8 2,0.8 L15.199,0.8 Z" id="矩形" stroke="#171719" stroke-width="1.6"></path>
+                            <path d="M15.2,13.8 L15.2,16.8 L2.4,17.2 C1.9581722,17.2 1.5581722,17.0209139 1.26862915,16.7313708 C0.9790861,16.4418278 0.8,16.0418278 0.8,15.6 L0.8,15 C0.8,14.6686292 0.934314575,14.3686292 1.15147186,14.1514719 C1.36862915,13.9343146 1.66862915,13.8 2,13.8 L15.2,13.8 Z" id="矩形" stroke="#171719" stroke-width="1.6"></path>
+                            <path d="M8,1 L8,6.73243906 C8,6.82080462 8.07163444,6.89243906 8.16,6.89243906 C8.18642236,6.89243906 8.21243346,6.88589549 8.2357105,6.87339267 L9.81072375,6.02740484 C9.92892213,5.96391688 10.0710779,5.96391688 10.1892762,6.02740484 L11.7642895,6.87339267 C11.842136,6.91520643 11.9391399,6.88599609 11.9809536,6.80814956 C11.9934564,6.78487252 12,6.75886142 12,6.73243906 L12,1 L12,1 L8,1 Z" id="路径-2" fill="#171719"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/home/memoryConversation.svg b/web/src/assets/images/home/memoryConversation.svg
new file mode 100644
index 00000000..59f74de2
--- /dev/null
+++ b/web/src/assets/images/home/memoryConversation.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 10</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-878, -903)">
+            <g id="快速操作" transform="translate(846, 736)">
+                <g id="3" transform="translate(16, 144)">
+                    <g id="编组-10" transform="translate(16, 23)">
+                        <g id="编组-9" transform="translate(3, 4)">
+                            <path d="M5.66431719,11.3684211 L3.79387747,11.3684211 L1.45673588,12.8587711 C1.0155811,13.140087 0.429902907,13.0105119 0.148587027,12.5693571 C0.0515511633,12.4171872 0,12.2404659 0,12.0599897 L-2.22044605e-16,1.6 C-2.22044605e-16,0.7163444 0.7163444,-6.66133815e-16 1.6,-6.66133815e-16 L14.5052632,0 C15.3889188,-2.22044605e-16 16.1052632,0.7163444 16.1052632,1.6 L16.1052632,7.6363471 L16.1052632,7.6363471" id="路径" stroke="#171719" stroke-width="1.6" stroke-linejoin="round"></path>
+                            <path d="M4.26315789,5.68421053 C4.78637503,5.68421053 5.21052632,5.26005924 5.21052632,4.73684211 C5.21052632,4.21362497 4.78637503,3.78947368 4.26315789,3.78947368 C3.73994076,3.78947368 3.31578947,4.21362497 3.31578947,4.73684211 C3.31578947,5.26005924 3.73994076,5.68421053 4.26315789,5.68421053 Z M8.05263158,5.68421053 C8.57584871,5.68421053 9,5.26005924 9,4.73684211 C9,4.21362497 8.57584871,3.78947368 8.05263158,3.78947368 C7.52941445,3.78947368 7.10526316,4.21362497 7.10526316,4.73684211 C7.10526316,5.26005924 7.52941445,5.68421053 8.05263158,5.68421053 Z M11.8421053,5.68421053 C12.3653224,5.68421053 12.7894737,5.26005924 12.7894737,4.73684211 C12.7894737,4.21362497 12.3653224,3.78947368 11.8421053,3.78947368 C11.3188881,3.78947368 10.8947368,4.21362497 10.8947368,4.73684211 C10.8947368,5.26005924 11.3188881,5.68421053 11.8421053,5.68421053 Z" id="形状结合" fill="#171719"></path>
+                            <path d="M7.28421053,7.57894737 L16.4,7.57894737 C17.2836556,7.57894737 18,8.29529177 18,9.17894737 L18,14.5714526 C18,15.4551082 17.2836556,16.1714526 16.4,16.1714526 L8.58541095,16.1714526 L8.58541095,16.1714526 L6.91077276,17.2269313 C6.53699198,17.4625152 6.04300437,17.3504844 5.80742056,16.9767036 C5.72692584,16.8489895 5.68421053,16.7011059 5.68421053,16.5501414 L5.68421053,9.17894737 C5.68421053,8.29529177 6.40055493,7.57894737 7.28421053,7.57894737 Z" id="矩形" stroke="#171719" stroke-width="1.6" stroke-linejoin="round" transform="translate(11.8421, 12.7895) scale(-1, 1) translate(-11.8421, -12.7895)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/home/statements_count.svg b/web/src/assets/images/home/statements_count.svg
index a20666d1..6d545356 100644
--- a/web/src/assets/images/home/statements_count.svg
+++ b/web/src/assets/images/home/statements_count.svg
@@ -1,15 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 38</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-276, -778)">
-            <g id="最近记忆活动" transform="translate(256, 632)">
-                <g id="编组-17" transform="translate(20, 134)">
-                    <g id="编组-38" transform="translate(0, 12)">
-                        <rect id="矩形" stroke="#E1E2E7" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="危险品-icon" transform="translate(10, 10)" fill="#212332" fill-rule="nonzero">
-                            <rect id="矩形" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                            <path d="M18.55125,17.1875 L12.00125,6.8625 L12.00125,1.66625 L12.835,1.66625 C13.2938482,1.66352732 13.6653389,1.29259358 13.66875,0.83375 C13.6660199,0.374418198 13.2943318,0.00273012748 12.835,0 L6.16875,0 C5.7094182,0.00273012748 5.33773013,0.374418198 5.335,0.83375 C5.335,1.28875 5.7125,1.66625 6.16875,1.66625 L7.0025,1.66625 L7.0025,6.8625 L0.4525,17.1875 C-0.52375,18.7375 0.16625,20 2.0025,20 L17.0025,20 C18.8375,20 19.5275,18.7375 18.5525,17.1875 L18.55125,17.1875 Z M8.40875,7.7475 L8.66875,7.34375 L8.66875,1.66625 L10.335,1.66625 L10.335,7.34375 L10.59625,7.7475 L14.73625,14.33125 C14.03375,15.25625 11.97125,14.9475 8.75625,13.435 C7.38625,12.79 5.89625,13.0425 4.6775,13.5125 L8.40875,7.7475 Z M1.63,18.22125 L3.07,15.99625 C3.62396409,15.5831322 4.22173279,15.232268 4.8525,14.95 C5.45,14.6875 6.01625,14.525 6.5375,14.4675 C7.145,14.4 7.69125,14.4775 8.1625,14.69875 C9.85,15.49375 11.225,15.97125 12.3625,16.1575 C12.725,16.21625 13.065,16.24625 13.3825,16.24625 C13.74125,16.24625 14.07,16.20875 14.36875,16.13375 C14.8125,16.02 15.1925,15.825 15.5025,15.55125 L17.27,18.36 L1.63,18.22125 Z" id="形状"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板-2" transform="translate(-862, -508)">
+            <g id="最近记忆活动" transform="translate(846, 384)">
+                <g id="编组-17" transform="translate(16, 122)">
+                    <g id="编组-38" transform="translate(0, 2)">
+                        <rect id="矩形" fill="#4DA8FF" x="0" y="0" width="40" height="40" rx="12"></rect>
+                        <g id="Python语句" transform="translate(8, 8)">
+                            <g id="编组-52" transform="translate(2, 1.5)">
+                                <path d="M14,7 L19,7 C19.5522847,7 20,7.44771525 20,8 L20,14 C20,14.5522847 19.5522847,15 19,15 L10,15 L10,15 M6,15 L1,15 C0.44771525,15 0,14.5522847 0,14 L0,8 C0,7.44771525 0.44771525,7 1,7 L10,7 L10,7" id="形状" stroke="#FFFFFF" stroke-width="1.7" stroke-linejoin="round"></path>
+                                <path d="M6.41940815,14.5 L0.809561128,14.5 C0.257276378,14.5 -0.190438872,14.0522847 -0.190438872,13.5 L-0.190438872,7.5 C-0.190438872,6.94771525 0.257276378,6.5 0.809561128,6.5 L9.84271232,6.5 C10.3949971,6.5 10.8427123,6.94771525 10.8427123,7.5 L10.8427123,13.4602063 C10.8427123,14.0124911 11.2904276,14.4602063 11.8427123,14.4602063 L19.8095611,14.4602063 C20.3618459,14.4602063 20.8095611,14.0124911 20.8095611,13.4602063 L20.8095611,7.5 C20.8095611,6.94771525 20.3618459,6.5 19.8095611,6.5 L15.2559728,6.5 L15.2559728,6.5" id="形状" stroke="#FFFFFF" stroke-width="1.7" stroke-linejoin="round" transform="translate(10.3096, 10.5) rotate(90) translate(-10.3096, -10.5)"></path>
+                                <path d="M8.14814815,2.78072043 L10,2.78072043 L10,4.53010172 L8.14814815,4.53010172 L8.14814815,2.78072043 Z M10,17.125647 L11.8518519,17.125647 L11.8518519,18.8750283 L10,18.8750283 L10,17.125647 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/home/temporal_count.svg b/web/src/assets/images/home/temporal_count.svg
index 050697bc..739acb30 100644
--- a/web/src/assets/images/home/temporal_count.svg
+++ b/web/src/assets/images/home/temporal_count.svg
@@ -1,17 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 39</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-276, -954)">
-            <g id="最近记忆活动" transform="translate(256, 632)">
-                <g id="编组-14" transform="translate(20, 310)">
-                    <g id="编组-39" transform="translate(0, 12)">
-                        <rect id="矩形" stroke="#E1E2E7" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="清理" transform="translate(8, 8)">
-                            <rect id="矩形" fill="#212332" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                            <path d="M12,2 C13.1045695,2 14,2.8954305 14,4 L14,5 L19,5 C20.1045695,5 21,5.8954305 21,7 L21,10 L3,10 L3,7 C3,5.8954305 3.8954305,5 5,5 L10,5 L10,4 C10,2.8954305 10.8954305,2 12,2 Z" id="形状结合" stroke="#212332" stroke-width="1.7" stroke-linejoin="round"></path>
-                            <path d="M4,10 L20,10 L20.4584773,15.5017271 C20.7336658,18.8039893 18.2797377,21.704086 14.9774756,21.9792745 C14.8117436,21.9930855 14.6455091,22 14.4792027,22 L5.1735991,22 C4.0690296,22 3.1735991,21.1045695 3.1735991,20 C3.1735991,19.9445645 3.17590391,19.889153 3.18050758,19.833909 L4,10 L4,10 Z" id="矩形" stroke="#212332" stroke-width="1.7"></path>
-                            <line x1="8.97868467" y1="18.020421" x2="8.73730175" y2="22" id="路径-7" stroke="#212332" stroke-width="1.7" stroke-linecap="round"></line>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板-2" transform="translate(-862, -636)">
+            <g id="最近记忆活动" transform="translate(846, 384)">
+                <g id="编组-14" transform="translate(16, 250)">
+                    <g id="编组-39" transform="translate(0, 2)">
+                        <rect id="矩形" fill="#FFB048" x="0" y="0" width="40" height="40" rx="12"></rect>
+                        <g id="操作时间" transform="translate(8, 8)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7">
+                            <g id="编组-46" transform="translate(1.9999, 3.002)">
+                                <g id="编组-49" transform="translate(10.0001, 9) rotate(-90) translate(-10.0001, -9)translate(1.0001, -1.0001)">
+                                    <path d="M9,2.00001719 C4.02943725,2.00001719 0,6.02949267 0,11.0001026 C0,15.9707125 4.02943725,20.000188 9,20.000188 C13.9705627,20.000188 18,15.9707125 18,11.0001026 C18,8.51643968 16.9939714,6.26774959 15.3671884,4.63931025" id="路径"></path>
+                                    <polyline id="路径" transform="translate(8.1705, 2.0796) rotate(-5) translate(-8.1705, -2.0796)" points="7.17050783 0.0795451453 9.17050633 2.07956233 7.17050454 4.07958281"></polyline>
+                                </g>
+                                <polyline id="路径-13" points="11.000094 5.99997064 11.000094 9.96317787 13.5159629 12.5545877"></polyline>
+                            </g>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/home/totalMemoryCapacity.png b/web/src/assets/images/home/totalMemoryCapacity.png
new file mode 100644
index 00000000..4a58cfad
Binary files /dev/null and b/web/src/assets/images/home/totalMemoryCapacity.png differ
diff --git a/web/src/assets/images/home/triplet_count.svg b/web/src/assets/images/home/triplet_count.svg
index ebcfd0aa..603ede84 100644
--- a/web/src/assets/images/home/triplet_count.svg
+++ b/web/src/assets/images/home/triplet_count.svg
@@ -1,15 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 37</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-276, -866)">
-            <g id="最近记忆活动" transform="translate(256, 632)">
-                <g id="编组-15" transform="translate(20, 222)">
-                    <g id="编组-37" transform="translate(0, 12)">
-                        <rect id="矩形" stroke="#E1E2E7" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="召回" transform="translate(8, 8)" fill="#212332" fill-rule="nonzero">
-                            <rect id="矩形" opacity="0" x="0" y="0" width="24" height="24"></rect>
-                            <path d="M9.12850781,18.9310078 C10.0388127,19.3080826 11.0146888,19.5014545 12,19.5 C12.7789922,19.5 13.5280078,19.3815 14.232,19.1625 L14.8270078,21.0724922 C13.9116446,21.3568375 12.9585098,21.5009705 12,21.4999991 C10.7516471,21.5014974 9.51530149,21.2563008 8.36200781,20.7784922 L9.12850781,18.9310078 Z M18.6425156,15.4855078 L20.4125156,16.4164922 C19.5148347,18.1217644 18.1216538,19.5151169 16.4164922,20.4130078 L15.4854844,18.6430078 C16.832532,17.9334575 17.9331653,16.8326608 18.6425156,15.4855078 Z M5.0785,15.0639811 L5.60200781,15.9165 C6.11789698,16.7566976 6.7934582,17.4876385 7.59049219,18.0679922 L6.41350781,19.6845 C5.4050233,18.9502909 4.55023636,18.0255205 3.89749219,16.9624922 L3.37453125,16.11 L5.0785,15.0639811 Z M12,2.50000781 C12.1311453,2.50000781 12.2616701,2.50266556 12.3915236,2.50793013 L12,2.49998272 C12.1511799,2.49998272 12.30159,2.50353427 12.451145,2.51055728 C12.7047272,2.52239635 12.9554532,2.54417042 13.2032061,2.57548716 C13.2256166,2.57855955 13.2476142,2.58142602 13.2695889,2.58436768 C13.3934456,2.60065071 13.5171507,2.61967745 13.6400453,2.64106599 C13.6508266,2.64329929 13.661527,2.64518324 13.6722214,2.64708507 C13.7836008,2.66650382 13.8943167,2.68822704 14.0043255,2.71185524 C14.0246328,2.71664475 14.0449155,2.72107381 14.0651744,2.72556743 C14.1786643,2.75029288 14.2915458,2.77752143 14.4036216,2.80674537 C14.4303486,2.81416021 14.4573878,2.82133702 14.4843802,2.82862947 C15.1094571,2.9971345 15.7086369,3.22810188 16.2752677,3.51415409 L16.4164922,3.58699219 L16.4276674,3.59283005 C16.6214614,3.69510849 16.8112913,3.80389138 16.9968668,3.91888811 C17.0306102,3.9399382 17.0646519,3.96132763 17.0985453,3.98292386 C17.1453818,4.01263979 17.1916329,4.04268758 17.2376039,4.07312455 C17.2755587,4.09836116 17.3132583,4.12370448 17.3507626,4.14930723 C17.4410167,4.2108519 17.5301475,4.27399744 17.6181244,4.33862185 C17.6307047,4.34787544 17.6430752,4.35700511 17.6554224,4.36616383 C17.8292672,4.49515952 17.9987023,4.63008426 18.1632834,4.77052998 L18.1936911,4.79642531 C18.2096545,4.81015938 18.2255715,4.82394548 18.2414417,4.83778337 C18.2993728,4.88848803 18.3566269,4.93965434 18.4132508,4.99149777 C18.4402124,5.0159654 18.4664979,5.04030386 18.4926444,5.06478849 C18.5387397,5.10819021 18.5845517,5.15195924 18.6299231,5.19617824 C18.679182,5.24393245 18.7279988,5.29254581 18.7762845,5.34168334 C18.8305516,5.39716538 18.8839879,5.45288107 18.9367455,5.50924005 C18.9550315,5.52853193 18.9729895,5.54787953 18.9908675,5.56730216 C19.0350969,5.61557803 19.0792926,5.66458724 19.1229811,5.714055 C19.1561206,5.75136981 19.1893096,5.78956138 19.2221976,5.82802043 C19.2321589,5.8398513 19.2417482,5.85111605 19.2513117,5.86240341 C19.3358135,5.96197735 19.418737,6.06406564 19.4995626,6.16789148 C19.5273188,6.20359713 19.5549593,6.23961452 19.5823463,6.27583428 C19.6145708,6.31844787 19.6463612,6.36125098 19.6778002,6.40433157 C19.8701214,6.66770441 20.0493957,6.94168491 20.2144351,7.22497713 C20.2225187,7.23909239 20.2307277,7.25326445 20.2389015,7.26746001 L20.2452469,7.27826253 C20.2962254,7.36708734 20.3458099,7.45681414 20.3939705,7.54741309 C20.400197,7.55923893 20.406615,7.57136546 20.4130078,7.58350781 C20.9192423,8.54565779 21.2652489,9.60548225 21.4154634,10.7272691 C21.4186843,10.7531127 21.4220581,10.7790648 21.4253268,10.8050486 C21.4379462,10.9038173 21.4487998,11.0028008 21.4581209,11.1022296 C21.4606735,11.1308846 21.4632733,11.1599564 21.4657417,11.1890644 C21.4750625,11.297925 21.4824154,11.4070667 21.4879096,11.5166979 C21.4898591,11.5563773 21.4916221,11.5963933 21.493136,11.6364706 C21.4977024,11.7570815 21.4999922,11.8782774 21.4999922,12.0000078 L21.4999922,13.0000078 L21.4476663,13.0013819 C21.3960508,13.4927342 21.3069166,13.9732706 21.1832391,14.4400155 L21.072,14.8264922 L19.1620078,14.2324922 C19.3819922,13.5280078 19.5,12.7789922 19.5,12 L19.49454,11.7111707 C19.493364,11.6801178 19.4919992,11.6491133 19.4904467,11.6181583 C19.4806239,11.4216755 19.4632716,11.2275673 19.4386947,11.0358173 C19.4339554,10.9997212 19.4291619,10.9644014 19.4241235,10.9291606 L19.4386947,11.0358173 C19.3978568,10.7171979 19.3370713,10.4050896 19.2577106,10.1007146 C19.2444039,10.0509268 19.2309606,10.001522 19.2170277,9.95232285 L19.2577106,10.1007146 C19.2370034,10.0212959 19.2150317,9.94240365 19.1918197,9.86405962 L19.2170277,9.95232285 C19.0850419,9.48626073 18.909125,9.03865109 18.6940348,8.61425166 L18.6424922,8.51500781 C18.5036434,8.25124338 18.3497955,7.99692039 18.1820355,7.75312626 C18.1734445,7.73994733 18.1646591,7.7272684 18.1558358,7.71461795 L18.1820355,7.75312626 C18.0157145,7.51142343 17.8357191,7.28006959 17.6431085,7.06012442 C17.6210694,7.03463271 17.5985849,7.00931329 17.5759324,6.984148 L17.6431085,7.06012442 C17.5869389,6.99598342 17.5296965,6.93281265 17.4714074,6.8706384 L17.5759324,6.984148 C17.512744,6.91395011 17.448249,6.84495161 17.3824858,6.7771908 L17.2070779,6.60229119 C17.1932893,6.58898663 17.1794499,6.57573441 17.16556,6.56253485 L17.2068968,6.60226481 C17.135499,6.53335675 17.0627348,6.46585232 16.9886456,6.399793 L17.16556,6.56253485 C17.0985312,6.4988374 17.0303259,6.4363663 16.96098,6.37515752 L16.9886456,6.399793 C16.9230469,6.341304 16.8564095,6.28394786 16.7887622,6.2277534 L16.96098,6.37515752 C16.8456048,6.27332046 16.7270724,6.17497765 16.6055486,6.08029472 C16.5784465,6.05920387 16.5508514,6.03800223 16.5231044,6.01698788 L16.6055486,6.08029472 C16.5498418,6.0368918 16.4935063,5.99425794 16.4365582,5.95240911 L16.5231044,6.01698788 C16.4532174,5.96405871 16.382366,5.91231772 16.3105786,5.86179334 L16.4365582,5.95240911 C16.3634312,5.89867102 16.2892939,5.84622736 16.2141802,5.79511191 L16.3105786,5.86179334 C16.2231866,5.80028637 16.1344075,5.7405824 16.0442925,5.68273271 L16.2141802,5.79511191 C16.1399134,5.74457273 16.064692,5.69533198 15.9885487,5.64742231 C15.873989,5.57534084 15.7573426,5.50627241 15.6387205,5.44032824 C15.6080912,5.42293453 15.5776698,5.40627404 15.547119,5.38981593 L15.6387205,5.44032824 C15.2239299,5.20973847 14.7849837,5.01734955 14.3266366,4.86791608 L14.232,4.83799219 C14.0333866,4.77624695 13.8325185,4.72286393 13.6299269,4.67792354 C13.6032661,4.67172376 13.5767301,4.66599511 13.5501423,4.6604073 L13.6299269,4.67792354 C13.5308356,4.65594237 13.431332,4.635981 13.3314782,4.61804882 L13.5501423,4.6604073 C13.4535751,4.64011232 13.3563242,4.62167514 13.2584288,4.60513486 L13.3314782,4.61804882 C13.1164276,4.57942911 12.8997528,4.55022129 12.6820744,4.53051934 C12.6479564,4.52753176 12.6135479,4.52466605 12.5790743,4.52203343 L12.6820744,4.53051934 C12.5855979,4.52178731 12.4889243,4.51492254 12.3921076,4.50993321 L12.5790743,4.52203343 C12.4834861,4.51473373 12.3873968,4.50922605 12.2908399,4.50554394 L12,4.50000781 L11.6588155,4.50763046 C11.6300394,4.50891888 11.6013052,4.51036945 11.5726139,4.5119813 C11.4857327,4.51679561 11.3989295,4.52316345 11.3125748,4.53099069 L11.5726139,4.5119813 C11.4529748,4.51870254 11.3340819,4.52822799 11.2160002,4.54049318 L11.3125748,4.53099069 C11.061195,4.55377588 10.8136148,4.588928 10.5703181,4.63579175 C10.0662583,4.73331965 9.57927039,4.88135989 9.11578974,5.07457176 L9.13750781,5.06500781 C8.94329044,5.14545925 8.7529505,5.23383939 8.5669268,5.32982377 C8.53366104,5.34714055 8.50092339,5.36433275 8.46832935,5.38175872 L8.5669268,5.32982377 C8.47101426,5.37931266 8.37624913,5.43082302 8.28269156,5.48431039 L8.46832935,5.38175872 C8.37440704,5.43197302 8.28167715,5.4841284 8.19019341,5.53817149 L8.28269156,5.48431039 C8.18386314,5.54081114 8.08638216,5.59951792 7.99031953,5.66037833 L8.19019341,5.53817149 C8.10798126,5.58673747 8.02677547,5.63682793 7.94661503,5.68840412 L7.99031953,5.66037833 C7.79816986,5.78211461 7.61169499,5.91246757 7.43146226,6.05101765 C7.4183774,6.06132789 7.40565497,6.07117737 7.39296516,6.08106678 L7.43146226,6.05101765 C7.3565876,6.10857596 7.28279023,6.16754897 7.21011084,6.2279066 L7.39296516,6.08106678 C7.29482097,6.15755243 7.19862732,6.23642657 7.10447169,6.3176023 L7.21011084,6.2279066 C7.13096162,6.2936372 7.05313827,6.36100991 6.97669333,6.42998588 L7.10447169,6.3176023 C7.03138869,6.38061038 6.95953354,6.44500512 6.88894717,6.51074586 L6.97669333,6.42998588 C6.90234305,6.49707184 6.82929669,6.5656744 6.75760257,6.63575782 L6.88894717,6.51074586 C6.7759228,6.61601132 6.66615144,6.72472783 6.55980109,6.83672853 C6.53441901,6.86324155 6.50935626,6.89003913 6.48448237,6.91702812 L6.55980109,6.83672853 C6.23367216,7.18018451 5.93971337,7.5545242 5.68276833,7.95493616 L8.35399219,7.28749219 L8.83900781,9.22750781 L4.6295,10.2799811 L4.6145,10.2829811 L3.86899219,10.47 C3.63152764,10.5294 3.38200606,10.4993491 3.16701737,10.3881749 L3.06261646,10.325866 C2.82673564,10.1648847 2.67093442,9.91073538 2.63449219,9.62749219 L1.9965,4.66249219 L3.97999219,4.40749219 L4.2499245,6.50516111 C4.38425596,6.3160298 4.52533766,6.13202188 4.6728193,5.95348985 C4.78965022,5.81110894 4.91070092,5.67286042 5.03546843,5.53839804 C5.06667267,5.5057644 5.09758903,5.47292266 5.12873537,5.44030219 C5.15753715,5.40914142 5.18741821,5.37826054 5.21749878,5.34759139 C5.25854186,5.30673066 5.29902296,5.26619796 5.33986577,5.2260316 C5.37999644,5.18561814 5.42095585,5.14605979 5.46225534,5.10688237 C5.50342124,5.06872985 5.54458257,5.03035569 5.58608273,4.99234515 C5.6231499,4.95755812 5.66060642,4.92381193 5.69832191,4.89037098 C5.76944509,4.82806313 5.84132885,4.76617462 5.9141375,4.70535539 C5.93625282,4.68624219 5.95881299,4.66758674 5.98145741,4.64903674 C6.04557387,4.59707514 6.11018193,4.54549282 6.17547013,4.49474341 C6.20256631,4.47324217 6.22986032,4.45228291 6.25726665,4.43147253 C6.31781522,4.3858463 6.37882394,4.34061298 6.44038774,4.29609932 C6.46640575,4.27705282 6.49287526,4.25813845 6.5194417,4.2393597 C6.69925529,4.11232688 6.88317468,3.99150552 7.07139066,3.87704084 C7.08639607,3.86811114 7.10073834,3.85945023 7.11510427,3.8508267 C8.01176884,3.31180132 9.0054814,2.91660836 10.0637809,2.69746282 L9.69850781,2.781 C9.83785063,2.74636976 9.97788026,2.71491622 10.1184877,2.68665268 C10.2051592,2.66889012 10.2921639,2.65267302 10.3795781,2.63765035 C10.4266655,2.62984699 10.4733717,2.62216774 10.5201297,2.61483767 C10.746311,2.57919865 10.9753868,2.55177456 11.2068242,2.53264587 C11.2281371,2.53084808 11.2494879,2.52914798 11.2708449,2.5275199 C11.3558607,2.52111783 11.4412693,2.51577985 11.5269776,2.51157758 C11.573232,2.50919119 11.6192751,2.50726366 11.6653369,2.50567041 C11.7763676,2.50194717 11.8879562,2.50000781 12,2.50000781 Z" id="形状结合"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板-2" transform="translate(-862, -572)">
+            <g id="最近记忆活动" transform="translate(846, 384)">
+                <g id="编组-15" transform="translate(16, 186)">
+                    <g id="编组-37" transform="translate(0, 2)">
+                        <rect id="矩形" fill="#9C6FFF" x="0" y="0" width="40" height="40" rx="12"></rect>
+                        <g id="关系图" transform="translate(8, 8)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.4">
+                            <path d="M19.0625,16.125 C18.375,16.125 17.6875,16.4 17.1375,16.675 L16.0375,15.575 C16.5875,14.75 17,13.7875 17,12.6875 C17,11.175 16.3125,9.79999998 15.2125,8.97499999 L15.7625,7.87499999 L16.3125,7.87499999 C18.2375,7.87499999 19.75,6.36250001 19.75,4.4375 C19.75,2.51249998 18.2375,1 16.3125,1 C14.3875,1 12.875,2.51250001 12.875,4.4375 C12.875,5.675 13.5625,6.63749999 14.3875,7.325 L13.975,8.2875 C13.425,8.01249999 12.875,7.87499999 12.1875,7.87499999 C9.57500001,7.87499999 7.37499999,10.075 7.37499999,12.6875 C7.37499999,13.375 7.51249999,13.925 7.7875,14.475 L6.825,14.8875 C6.13750001,14.0625 5.175,13.375 3.9375,13.375 C2.01250001,13.375 0.5,14.8875 0.5,16.8125 C0.5,18.7375 2.01250001,20.25 3.9375,20.25 C5.86249999,20.25 7.37499999,18.7375 7.37499999,16.8125 L7.37499999,16.2625 L8.47499999,15.7125 C9.29999998,16.8125 10.675,17.5 12.1875,17.5 C13.2875,17.5 14.25,17.0875 15.075,16.5375 L16.175,17.6375 C15.9,18.1875 15.625,18.875 15.625,19.5625 C15.625,21.4875 17.1375,23 19.0625,23 C20.9875,23 22.5,21.4875 22.5,19.5625 C22.5,17.6375 20.9875,16.125 19.0625,16.125 L19.0625,16.125 Z M16.3125,2.375 C17.4125,2.375 18.375,3.3375 18.375,4.4375 C18.375,5.53749999 17.4125,6.49999999 16.3125,6.49999999 C15.2125,6.49999999 14.25,5.53749999 14.25,4.4375 C14.25,3.3375 15.2125,2.375 16.3125,2.375 L16.3125,2.375 Z M3.9375,18.875 C2.8375,18.875 1.875,17.9125 1.875,16.8125 C1.875,15.7125 2.8375,14.75 3.9375,14.75 C5.03749999,14.75 5.99999999,15.7125 5.99999999,16.8125 C5.99999999,17.9125 5.03749999,18.875 3.9375,18.875 L3.9375,18.875 Z M8.74999999,12.6875 C8.74999999,10.7625 10.2625,9.24999999 12.1875,9.24999999 C14.1125,9.24999999 15.625,10.7625 15.625,12.6875 C15.625,14.6125 14.1125,16.125 12.1875,16.125 C10.2625,16.125 8.74999999,14.6125 8.74999999,12.6875 Z M19.0625,21.625 C17.9625,21.625 17,20.6625 17,19.5625 C17,18.4625 17.9625,17.5 19.0625,17.5 C20.1625,17.5 21.125,18.4625 21.125,19.5625 C21.125,20.6625 20.1625,21.625 19.0625,21.625 Z" id="形状"></path>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/index/apps.svg b/web/src/assets/images/index/apps.svg
index 58907fd6..b49bda51 100644
--- a/web/src/assets/images/index/apps.svg
+++ b/web/src/assets/images/index/apps.svg
@@ -1,14 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 34</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-1056, -232)">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份-3" transform="translate(648, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-1040, -196)">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份-3" transform="translate(636, 0)">
                     <g id="编组-34" transform="translate(152, 16)">
                         <rect id="矩形" fill="#9C6FFF" x="0" y="0" width="32" height="32" rx="8"></rect>
                         <g id="icon-GIS_运行管理" transform="translate(7, 8)" fill="#FFFFFF" fill-rule="nonzero">
-                            <path d="M7.16762406,14.1962904 C6.34809084,14.1646209 5.54326395,13.9741465 4.80020028,13.636004 C3.71131238,13.1260904 3.00897969,12.3104053 2.71316514,11.2234143 L2.87831314,11.2234143 C3.04376149,11.2238267 3.19695148,11.1385171 3.28050226,10.9994401 C3.36405304,10.8603631 3.3653563,10.6885064 3.28392388,10.5482427 L2.07888794,8.54040242 C1.99542259,8.40040876 1.84176478,8.31425552 1.67554571,8.31425552 C1.50932664,8.31425552 1.35566883,8.40040876 1.27220348,8.54040242 L0.0617231013,10.5500101 C-0.0210158141,10.6903056 -0.0205423886,10.8629501 0.0629647773,11.0028132 C0.146471943,11.1426763 0.300303569,11.2284717 0.466426438,11.227833 L0.804889093,11.227833 C1.23681463,13.5308399 2.77123916,14.6911806 3.98534917,15.2567694 C4.98325891,15.7122175 6.06611522,15.9645167 7.16762406,15.998225 C7.68009348,15.9996891 8.09703053,15.596793 8.09953973,15.0976976 C8.100628,14.8580057 8.00249628,14.627997 7.82730865,14.4596427 C7.65206093,14.2900046 7.4147074,14.1952508 7.16762406,14.1962904 L7.16762406,14.1962904 Z M17.9430772,5.00547242 C17.8606071,4.86230637 17.7051137,4.77374302 17.5365591,4.77393451 L17.1980964,4.77393451 C16.7661709,2.47092761 15.230839,1.31058684 14.0176364,0.742346841 C13.0197435,0.28685171 11.9368771,0.0345501233 10.8353615,0.000895273713 C10.4982732,-0.0093928287 10.18217,0.159876081 10.0105024,0.442595865 C9.83883478,0.725315649 9.83883478,1.076638 10.0105024,1.35935779 C10.18217,1.64207757 10.4982732,1.81134648 10.8353615,1.80105838 C11.6548676,1.83493183 12.4595539,2.02529996 13.2036927,2.36134478 C14.2925806,2.87214217 14.9949133,3.68694353 15.2907278,4.77393451 L15.1255798,4.77393451 C14.9574006,4.77106293 14.8007624,4.85694697 14.7160555,4.99847492 C14.6313487,5.14000288 14.6318043,5.3150681 14.7172468,5.456176 L15.9213754,7.46401624 C16.0048407,7.60400991 16.1584985,7.69016315 16.3247176,7.69016315 C16.4909367,7.69016315 16.6445945,7.60400991 16.7280598,7.46401624 L17.9303735,5.4588272 C18.018434,5.32105318 18.023291,5.14771891 17.9430772,5.00547242 L17.9430772,5.00547242 Z M16.1563937,7.99424995 L10.1375658,7.99424995 C9.50717772,7.99229725 8.99410285,8.48763753 8.99060389,9.10157256 L8.99060389,14.8926716 C8.99410285,15.5066067 9.50717772,16.0019469 10.1375658,15.9999942 L16.1563937,15.9999942 C16.7867818,16.0019469 17.2998566,15.5066067 17.3033556,14.8926716 L17.3033556,9.10157256 C17.2998566,8.48763753 16.7867818,7.99229725 16.1563937,7.99424995 L16.1563937,7.99424995 Z M15.4431721,9.79530257 L15.4431721,14.1962904 L10.854417,14.1962904 L10.854417,9.79530257 L15.4431721,9.79530257 Z M9.00058536,1.10732836 C8.99708639,0.493393328 8.48401152,-0.0019469461 7.85362344,5.75355807e-06 L1.83207335,5.75355807e-06 C1.20203901,-0.00145886726 0.689517223,0.493739212 0.686018831,1.10732836 L0.686018831,6.89842744 C0.686499539,7.19390032 0.807543503,7.47707233 1.02249671,7.68558868 C1.23744991,7.89410503 1.5286856,8.0108668 1.83207335,8.01018014 L7.85090122,8.01018014 C8.15491658,8.01180822 8.44708623,7.89546249 8.66282574,7.68684408 C8.87856526,7.47822567 9.00010748,7.1945153 9.00058536,6.89842744 L9.00058536,1.10732836 Z M7.13677223,1.80105838 L7.13677223,6.20558116 L2.54983195,6.20558116 L2.54983195,1.80105838 L7.13677223,1.80105838 Z" id="形状"></path>
+                            <path d="M7.16762406,14.1962904 C6.34809084,14.1646209 5.54326395,13.9741465 4.80020028,13.636004 C3.71131238,13.1260904 3.00897969,12.3104053 2.71316514,11.2234143 L2.87831314,11.2234143 C3.04376149,11.2238267 3.19695148,11.1385171 3.28050226,10.9994401 C3.36405304,10.8603631 3.3653563,10.6885064 3.28392388,10.5482427 L2.07888794,8.54040242 C1.99542259,8.40040876 1.84176478,8.31425552 1.67554571,8.31425552 C1.50932664,8.31425552 1.35566883,8.40040876 1.27220348,8.54040242 L0.0617231013,10.5500101 C-0.0210158141,10.6903056 -0.0205423886,10.8629501 0.0629647773,11.0028132 C0.146471943,11.1426763 0.300303569,11.2284717 0.466426438,11.227833 L0.804889093,11.227833 C1.23681463,13.5308399 2.77123916,14.6911806 3.98534917,15.2567694 C4.98325891,15.7122175 6.06611522,15.9645167 7.16762406,15.998225 C7.68009348,15.9996891 8.09703053,15.596793 8.09953973,15.0976976 C8.100628,14.8580057 8.00249628,14.627997 7.82730865,14.4596427 C7.65206093,14.2900046 7.4147074,14.1952508 7.16762406,14.1962904 L7.16762406,14.1962904 Z M17.9430772,5.00547242 C17.8606071,4.86230637 17.7051137,4.77374302 17.5365591,4.77393451 L17.1980964,4.77393451 C16.7661709,2.47092761 15.230839,1.31058684 14.0176364,0.742346841 C13.0197435,0.28685171 11.9368771,0.0345501233 10.8353615,0.000895273713 C10.4982732,-0.0093928287 10.18217,0.159876081 10.0105024,0.442595865 C9.83883478,0.725315649 9.83883478,1.076638 10.0105024,1.35935779 C10.18217,1.64207757 10.4982732,1.81134648 10.8353615,1.80105838 C11.6548676,1.83493183 12.4595539,2.02529996 13.2036927,2.36134478 C14.2925806,2.87214217 14.9949133,3.68694353 15.2907278,4.77393451 L15.1255798,4.77393451 C14.9574006,4.77106293 14.8007624,4.85694697 14.7160555,4.99847492 C14.6313487,5.14000288 14.6318043,5.3150681 14.7172468,5.456176 L15.9213754,7.46401624 C16.0048407,7.60400991 16.1584985,7.69016315 16.3247176,7.69016315 C16.4909367,7.69016315 16.6445945,7.60400991 16.7280598,7.46401624 L17.9303735,5.4588272 C18.018434,5.32105318 18.023291,5.14771891 17.9430772,5.00547242 L17.9430772,5.00547242 Z M16.1563937,7.99424995 L10.1375658,7.99424995 C9.50717772,7.99229725 8.99410285,8.48763753 8.99060389,9.10157256 L8.99060389,14.8926716 C8.99410285,15.5066067 9.50717772,16.0019469 10.1375658,15.9999942 L16.1563937,15.9999942 C16.7867818,16.0019469 17.2998566,15.5066067 17.3033556,14.8926716 L17.3033556,9.10157256 C17.2998566,8.48763753 16.7867818,7.99229725 16.1563937,7.99424995 L16.1563937,7.99424995 Z M15.4431721,9.79530257 L15.4431721,14.1962904 L10.854417,14.1962904 L10.854417,9.79530257 L15.4431721,9.79530257 Z M9.00058536,1.10732836 C8.99708639,0.493393328 8.48401152,-0.0019469461 7.85362344,5.75355757e-06 L1.83207335,5.75355757e-06 C1.20203901,-0.00145886726 0.689517223,0.493739212 0.686018831,1.10732836 L0.686018831,6.89842744 C0.686499539,7.19390032 0.807543503,7.47707233 1.02249671,7.68558868 C1.23744991,7.89410503 1.5286856,8.0108668 1.83207335,8.01018014 L7.85090122,8.01018014 C8.15491658,8.01180822 8.44708623,7.89546249 8.66282574,7.68684408 C8.87856526,7.47822567 9.00010748,7.1945153 9.00058536,6.89842744 L9.00058536,1.10732836 Z M7.13677223,1.80105838 L7.13677223,6.20558116 L2.54983195,6.20558116 L2.54983195,1.80105838 L7.13677223,1.80105838 Z" id="形状"></path>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/index/arrow_down.svg b/web/src/assets/images/index/arrow_down.svg
index b77a3f8a..366e5848 100644
--- a/web/src/assets/images/index/arrow_down.svg
+++ b/web/src/assets/images/index/arrow_down.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>箭头_向上</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-928, -367)" fill="#FF5D34" fill-rule="nonzero">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份-3" transform="translate(648, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-912, -331)" fill="#FF5D34" fill-rule="nonzero">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份-3" transform="translate(636, 0)">
                     <g id="标签1" transform="translate(16, 148)">
                         <g id="箭头_向上" transform="translate(15, 10) scale(1, -1) translate(-15, -10)translate(8, 3)">
                             <polygon id="路径" points="7.58333789 4.21666211 7.58333789 12.4416621 6.41666211 12.4416621 6.41666211 4.21666211 4.60833789 6.025 3.79166211 5.20832422 7 2 10.2083379 5.20832422 9.39166211 6.025"></polygon>
diff --git a/web/src/assets/images/index/arrow_down_d.svg b/web/src/assets/images/index/arrow_down_d.svg
index 40e5d94b..7393ca80 100644
--- a/web/src/assets/images/index/arrow_down_d.svg
+++ b/web/src/assets/images/index/arrow_down_d.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 30</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="首页" transform="translate(-1006, -326)" stroke="#FF5D34" stroke-width="1.2">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份-3" transform="translate(648, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="工作台-首页" transform="translate(-990, -290)" stroke="#FF5D34" stroke-width="1.2">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份-3" transform="translate(636, 0)">
                     <g id="编组-30" transform="translate(108, 116) scale(1, -1) translate(-108, -116)translate(102, 110)">
                         <g id="编组-31" transform="translate(2.5, 2.5)">
                             <polyline id="路径" points="0 3 3.5 0 7 3"></polyline>
diff --git a/web/src/assets/images/index/arrow_up.svg b/web/src/assets/images/index/arrow_up.svg
index 62aeee96..8a8bae53 100644
--- a/web/src/assets/images/index/arrow_up.svg
+++ b/web/src/assets/images/index/arrow_up.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>箭头_向上</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-712, -367)" fill="#369F21" fill-rule="nonzero">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份-2" transform="translate(432, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-700, -331)" fill="#369F21" fill-rule="nonzero">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份-2" transform="translate(424, 0)">
                     <g id="标签1" transform="translate(16, 148)">
                         <g id="箭头_向上" transform="translate(8, 3)">
                             <polygon id="路径" points="7.58333789 4.21666211 7.58333789 12.4416621 6.41666211 12.4416621 6.41666211 4.21666211 4.60833789 6.025 3.79166211 5.20832422 7 2 10.2083379 5.20832422 9.39166211 6.025"></polygon>
diff --git a/web/src/assets/images/index/arrow_up_d.svg b/web/src/assets/images/index/arrow_up_d.svg
index 3c19fef3..3529a291 100644
--- a/web/src/assets/images/index/arrow_up_d.svg
+++ b/web/src/assets/images/index/arrow_up_d.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 30</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="首页" transform="translate(-488, -326)" stroke="#369F21" stroke-width="1.2">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份" transform="translate(216, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="工作台-首页" transform="translate(-480, -290)" stroke="#369F21" stroke-width="1.2">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份" transform="translate(212, 0)">
                     <g id="编组-30" transform="translate(16, 110)">
                         <g id="编组-31" transform="translate(2.5, 2.5)">
                             <polyline id="路径" points="0 3 3.5 0 7 3"></polyline>
diff --git a/web/src/assets/images/index/guide_bg@2x.png b/web/src/assets/images/index/guide_bg@2x.png
index 3b7490fb..fbf452e6 100644
Binary files a/web/src/assets/images/index/guide_bg@2x.png and b/web/src/assets/images/index/guide_bg@2x.png differ
diff --git a/web/src/assets/images/index/help_center.svg b/web/src/assets/images/index/help_center.svg
index 6d272121..28595b0a 100644
--- a/web/src/assets/images/index/help_center.svg
+++ b/web/src/assets/images/index/help_center.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 17</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-1252, -772)">
-            <g id="快捷操作" transform="translate(1120, 502)">
-                <g id="编组-11" transform="translate(2, 38)">
-                    <g id="编组-17" transform="translate(130, 232)">
-                        <rect id="矩形" stroke="#DFE4ED" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="使用帮助" transform="translate(8, 8)" stroke="#212332" stroke-width="1.7">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-1136, -700)">
+            <g id="快捷操作" transform="translate(1100, 554)">
+                <g id="编组-11" transform="translate(2, 34)">
+                    <g id="编组-17" transform="translate(34, 112)">
+                        <rect id="矩形" stroke="#EBEBEB" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="12"></rect>
+                        <g id="使用帮助" transform="translate(8, 8)" stroke="#171719" stroke-width="1.7">
                             <g id="编组-16" transform="translate(2.7, 1.2)">
                                 <rect id="矩形" x="0" y="3.20000312" width="18.6000182" height="16.2000158" rx="3.5"></rect>
                                 <path d="M6.43068654,1.74093758 L9.44000922,3.20000313 L9.44000922,3.20000313 L9.44000922,19.2000188 L4.24931901,16.6833205 C3.38736738,16.2654045 2.84000277,15.3917071 2.84000277,14.4337852 L2.84000277,3.99047285 C2.84000277,2.60976098 3.9592909,1.49047285 5.34000277,1.49047285 C5.71781927,1.49047285 6.09072193,1.57610626 6.43068654,1.74093758 Z" id="矩形" fill="#FFFFFF" stroke-linejoin="round"></path>
diff --git a/web/src/assets/images/index/index_bg@2x.png b/web/src/assets/images/index/index_bg@2x.png
index d20ee4d3..fbf30083 100644
Binary files a/web/src/assets/images/index/index_bg@2x.png and b/web/src/assets/images/index/index_bg@2x.png differ
diff --git a/web/src/assets/images/index/model_mgt.svg b/web/src/assets/images/index/model_mgt.svg
index 89e13ec3..536f8877 100644
--- a/web/src/assets/images/index/model_mgt.svg
+++ b/web/src/assets/images/index/model_mgt.svg
@@ -1,26 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 25</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-1152, -556)">
-            <g id="快捷操作" transform="translate(1120, 502)">
-                <g id="编组-11" transform="translate(2, 38)">
-                    <g id="编组-25" transform="translate(30, 16)">
-                        <rect id="矩形" stroke="#DFE4ED" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-1136, -600)">
+            <g id="快捷操作" transform="translate(1100, 554)">
+                <g id="编组-11" transform="translate(2, 34)">
+                    <g id="编组-25" transform="translate(34, 12)">
+                        <rect id="矩形" stroke="#EBEBEB" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="12"></rect>
                         <g id="模型管理" transform="translate(9, 9)">
-                            <rect id="矩形" stroke="#212332" stroke-width="1.7" stroke-linejoin="round" x="2.2" y="7.7" width="12.1" height="12.1"></rect>
-                            <polygon id="矩形" stroke="#212332" stroke-width="1.7" stroke-linejoin="round" points="7.7 2.2 19.8 2.2 14.3 7.7 2.2 7.7"></polygon>
-                            <polygon id="矩形" stroke="#212332" stroke-width="1.7" stroke-linejoin="round" points="7.7 14.3 19.8 14.3 14.3 19.8 2.2 19.8"></polygon>
-                            <polygon id="矩形备份-9" stroke="#212332" stroke-width="1.7" stroke-linejoin="round" points="14.3 7.7 19.8 2.2 19.8 14.3 14.3 19.8"></polygon>
-                            <line x1="7.7" y1="2.2" x2="7.7" y2="14.3" id="路径-10" stroke="#212332" stroke-width="1.7"></line>
-                            <path d="M7.7,4.4 C8.91502645,4.4 9.9,3.41502645 9.9,2.2 C9.9,0.98497355 8.91502645,0 7.7,0 C6.48497355,0 5.5,0.98497355 5.5,2.2 C5.5,3.41502645 6.48497355,4.4 7.7,4.4 Z" id="椭圆形" fill="#212332"></path>
-                            <path d="M8.25899503,16.5 C9.47402148,16.5 10.458995,15.5150264 10.458995,14.3 C10.458995,13.0849736 9.47402148,12.1 8.25899503,12.1 C7.04396858,12.1 6.05899503,13.0849736 6.05899503,14.3 C6.05899503,15.5150264 7.04396858,16.5 8.25899503,16.5 Z" id="椭圆形" fill="#212332"></path>
-                            <path d="M2.2,9.9 C3.41502645,9.9 4.4,8.91502645 4.4,7.7 C4.4,6.48497355 3.41502645,5.5 2.2,5.5 C0.98497355,5.5 0,6.48497355 0,7.7 C0,8.91502645 0.98497355,9.9 2.2,9.9 Z" id="椭圆形备份-2" fill="#212332"></path>
-                            <path d="M2.2,22 C3.41502645,22 4.4,21.0150264 4.4,19.8 C4.4,18.5849736 3.41502645,17.6 2.2,17.6 C0.98497355,17.6 0,18.5849736 0,19.8 C0,21.0150264 0.98497355,22 2.2,22 Z" id="椭圆形备份-3" fill="#212332"></path>
-                            <path d="M19.8,4.4 C21.0150264,4.4 22,3.41502645 22,2.2 C22,0.98497355 21.0150264,0 19.8,0 C18.5849736,0 17.6,0.98497355 17.6,2.2 C17.6,3.41502645 18.5849736,4.4 19.8,4.4 Z" id="椭圆形" fill="#212332"></path>
-                            <path d="M19.8,16.5 C21.0150264,16.5 22,15.5150264 22,14.3 C22,13.0849736 21.0150264,12.1 19.8,12.1 C18.5849736,12.1 17.6,13.0849736 17.6,14.3 C17.6,15.5150264 18.5849736,16.5 19.8,16.5 Z" id="椭圆形" fill="#212332"></path>
-                            <path d="M14.3,9.9 C15.5150264,9.9 16.5,8.91502645 16.5,7.7 C16.5,6.48497355 15.5150264,5.5 14.3,5.5 C13.0849736,5.5 12.1,6.48497355 12.1,7.7 C12.1,8.91502645 13.0849736,9.9 14.3,9.9 Z" id="椭圆形备份-2" fill="#212332"></path>
-                            <path d="M14.3,22 C15.5150264,22 16.5,21.0150264 16.5,19.8 C16.5,18.5849736 15.5150264,17.6 14.3,17.6 C13.0849736,17.6 12.1,18.5849736 12.1,19.8 C12.1,21.0150264 13.0849736,22 14.3,22 Z" id="椭圆形备份-3" fill="#212332"></path>
+                            <rect id="矩形" stroke="#171719" stroke-width="1.7" stroke-linejoin="round" x="2.2" y="7.7" width="12.1" height="12.1"></rect>
+                            <polygon id="矩形" stroke="#171719" stroke-width="1.7" stroke-linejoin="round" points="7.7 2.2 19.8 2.2 14.3 7.7 2.2 7.7"></polygon>
+                            <polygon id="矩形" stroke="#171719" stroke-width="1.7" stroke-linejoin="round" points="7.7 14.3 19.8 14.3 14.3 19.8 2.2 19.8"></polygon>
+                            <polygon id="矩形备份-9" stroke="#171719" stroke-width="1.7" stroke-linejoin="round" points="14.3 7.7 19.8 2.2 19.8 14.3 14.3 19.8"></polygon>
+                            <line x1="7.7" y1="2.2" x2="7.7" y2="14.3" id="路径-10" stroke="#171719" stroke-width="1.7"></line>
+                            <path d="M7.7,4.4 C8.91502645,4.4 9.9,3.41502645 9.9,2.2 C9.9,0.98497355 8.91502645,0 7.7,0 C6.48497355,0 5.5,0.98497355 5.5,2.2 C5.5,3.41502645 6.48497355,4.4 7.7,4.4 Z" id="椭圆形" fill="#171719"></path>
+                            <path d="M8.25899503,16.5 C9.47402148,16.5 10.458995,15.5150264 10.458995,14.3 C10.458995,13.0849736 9.47402148,12.1 8.25899503,12.1 C7.04396858,12.1 6.05899503,13.0849736 6.05899503,14.3 C6.05899503,15.5150264 7.04396858,16.5 8.25899503,16.5 Z" id="椭圆形" fill="#171719"></path>
+                            <path d="M2.2,9.9 C3.41502645,9.9 4.4,8.91502645 4.4,7.7 C4.4,6.48497355 3.41502645,5.5 2.2,5.5 C0.98497355,5.5 0,6.48497355 0,7.7 C0,8.91502645 0.98497355,9.9 2.2,9.9 Z" id="椭圆形备份-2" fill="#171719"></path>
+                            <path d="M2.2,22 C3.41502645,22 4.4,21.0150264 4.4,19.8 C4.4,18.5849736 3.41502645,17.6 2.2,17.6 C0.98497355,17.6 0,18.5849736 0,19.8 C0,21.0150264 0.98497355,22 2.2,22 Z" id="椭圆形备份-3" fill="#171719"></path>
+                            <path d="M19.8,4.4 C21.0150264,4.4 22,3.41502645 22,2.2 C22,0.98497355 21.0150264,0 19.8,0 C18.5849736,0 17.6,0.98497355 17.6,2.2 C17.6,3.41502645 18.5849736,4.4 19.8,4.4 Z" id="椭圆形" fill="#171719"></path>
+                            <path d="M19.8,16.5 C21.0150264,16.5 22,15.5150264 22,14.3 C22,13.0849736 21.0150264,12.1 19.8,12.1 C18.5849736,12.1 17.6,13.0849736 17.6,14.3 C17.6,15.5150264 18.5849736,16.5 19.8,16.5 Z" id="椭圆形" fill="#171719"></path>
+                            <path d="M14.3,9.9 C15.5150264,9.9 16.5,8.91502645 16.5,7.7 C16.5,6.48497355 15.5150264,5.5 14.3,5.5 C13.0849736,5.5 12.1,6.48497355 12.1,7.7 C12.1,8.91502645 13.0849736,9.9 14.3,9.9 Z" id="椭圆形备份-2" fill="#171719"></path>
+                            <path d="M14.3,22 C15.5150264,22 16.5,21.0150264 16.5,19.8 C16.5,18.5849736 15.5150264,17.6 14.3,17.6 C13.0849736,17.6 12.1,18.5849736 12.1,19.8 C12.1,21.0150264 13.0849736,22 14.3,22 Z" id="椭圆形备份-3" fill="#171719"></path>
                         </g>
                     </g>
                 </g>
diff --git a/web/src/assets/images/index/models.svg b/web/src/assets/images/index/models.svg
index 890f240a..60863681 100644
--- a/web/src/assets/images/index/models.svg
+++ b/web/src/assets/images/index/models.svg
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 14</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-408, -232)">
-            <g id="核心数据" transform="translate(256, 216)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-404, -196)">
+            <g id="核心数据" transform="translate(252, 180)">
                 <g id="编组-14" transform="translate(152, 16)">
                     <rect id="矩形" fill="#155EEF" x="0" y="0" width="32" height="32" rx="8"></rect>
                     <g id="模型管理" transform="translate(8, 7)" fill="#FFFFFF" fill-rule="nonzero">
diff --git a/web/src/assets/images/index/space_mgt.svg b/web/src/assets/images/index/space_mgt.svg
index af1db66c..a71f7431 100644
--- a/web/src/assets/images/index/space_mgt.svg
+++ b/web/src/assets/images/index/space_mgt.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 26</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-1254, -556)">
-            <g id="快捷操作" transform="translate(1120, 502)">
-                <g id="编组-11" transform="translate(2, 38)">
-                    <g id="编组-26" transform="translate(132, 16)">
-                        <rect id="矩形" stroke="#DFE4ED" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="空间管理" transform="translate(11, 10)" stroke="#212332" stroke-linejoin="round" stroke-width="1.7">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-1244, -600)">
+            <g id="快捷操作" transform="translate(1100, 554)">
+                <g id="编组-11" transform="translate(2, 34)">
+                    <g id="编组-26" transform="translate(142, 12)">
+                        <rect id="矩形" stroke="#EBEBEB" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="12"></rect>
+                        <g id="空间管理" transform="translate(11, 10)" stroke="#171719" stroke-linejoin="round" stroke-width="1.7">
                             <polygon id="路径" points="0 5 9 0 18 5 18 15 9 20 0 15"></polygon>
                             <polygon id="路径-8" points="9.00139153 1 1 15 17 15"></polygon>
                             <polygon id="路径-8" transform="translate(9, 11) scale(1, -1) translate(-9, -11)" points="9.00065228 8 5.25 14 12.75 14"></polygon>
diff --git a/web/src/assets/images/index/spaces.svg b/web/src/assets/images/index/spaces.svg
index 1c61bc6b..e79eb113 100644
--- a/web/src/assets/images/index/spaces.svg
+++ b/web/src/assets/images/index/spaces.svg
@@ -7,10 +7,10 @@
             <stop stop-color="#369F21" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-624, -232)">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份" transform="translate(216, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-616, -196)">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份" transform="translate(212, 0)">
                     <g id="编组-32" transform="translate(152, 16)">
                         <rect id="矩形" fill="url(#linearGradient-1)" x="0" y="0" width="32" height="32" rx="8"></rect>
                         <g id="空间-(1)" transform="translate(5, 7)" fill="#FFFFFF" fill-rule="nonzero">
diff --git a/web/src/assets/images/index/user_mgt.svg b/web/src/assets/images/index/user_mgt.svg
index d53a97b9..4ec237aa 100644
--- a/web/src/assets/images/index/user_mgt.svg
+++ b/web/src/assets/images/index/user_mgt.svg
@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 24</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-1152, -664)">
-            <g id="快捷操作" transform="translate(1120, 502)">
-                <g id="编组-11" transform="translate(2, 38)">
-                    <g id="编组-24" transform="translate(30, 124)">
-                        <rect id="矩形" stroke="#DFE4ED" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="8"></rect>
-                        <g id="用户管理" transform="translate(9, 10)" stroke="#212332" stroke-width="1.7">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-1352, -600)">
+            <g id="快捷操作" transform="translate(1100, 554)">
+                <g id="编组-11" transform="translate(2, 34)">
+                    <g id="编组-24" transform="translate(250, 12)">
+                        <rect id="矩形" stroke="#EBEBEB" fill="#FFFFFF" x="0.5" y="0.5" width="39" height="39" rx="12"></rect>
+                        <g id="用户管理" transform="translate(9, 10)" stroke="#171719" stroke-width="1.7">
                             <path d="M10.4752216,9.8347602 C12.0826337,9.8347602 13.5411901,10.4629457 14.5971671,11.4807313 C15.6415902,12.4873807 16.2916977,13.8763311 16.2916977,15.41013 L16.2916987,17.2469287 C16.292495,17.768016 16.0699552,18.2385306 15.715897,18.5800613 C15.3496472,18.9333521 14.8431448,19.15 14.2862956,19.15 L2.85772417,19.15 C2.30025073,19.15 1.79383233,18.9336648 1.42754075,18.5806207 C1.07279965,18.2387094 0.85,17.7674542 0.85,17.2456298 L0.85,15.41013 C0.85,13.8763309 1.50010692,12.4873802 2.54452956,11.4807307 C3.60050579,10.4629455 5.05906118,9.8347602 6.6664729,9.8347602 Z" id="路径" fill-rule="nonzero"></path>
                             <path d="M8.51095419,0.85 C9.31202689,0.85 10.0374296,1.17449643 10.5625442,1.69913767 C11.0873448,2.22346508 11.4120985,2.94775006 11.4120985,3.74776253 C11.4120985,4.54882217 11.0868662,5.27413048 10.5618329,5.79931671 C10.0365783,6.32472447 9.31123944,6.65 8.51095419,6.65 C7.71104886,6.65 6.98645948,6.32499629 6.46178132,5.80015797 C5.93701763,5.27523409 5.61209853,4.5502916 5.61209853,3.75 C5.61209853,2.94883778 5.93633819,2.22374798 6.46093583,1.69899021 C6.98544108,1.17432485 7.71016945,0.85 8.51095419,0.85 Z" id="路径" fill-rule="nonzero"></path>
                             <path d="M16.5,8 C17.8807119,8 19,6.88071187 19,5.5 C19,4.11928813 17.8807119,3 16.5,3" id="路径" stroke-linecap="round" stroke-linejoin="round"></path>
diff --git a/web/src/assets/images/index/users.svg b/web/src/assets/images/index/users.svg
index 545d9636..bfb37872 100644
--- a/web/src/assets/images/index/users.svg
+++ b/web/src/assets/images/index/users.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 33</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页" transform="translate(-840, -232)">
-            <g id="核心数据" transform="translate(256, 216)">
-                <g id="编组-19备份-2" transform="translate(432, 0)">
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-首页" transform="translate(-828, -196)">
+            <g id="核心数据" transform="translate(252, 180)">
+                <g id="编组-19备份-2" transform="translate(424, 0)">
                     <g id="编组-33" transform="translate(152, 16)">
                         <rect id="矩形" fill="#4DA8FF" x="0" y="0" width="32" height="32" rx="8"></rect>
                         <g id="用户总数总计" transform="translate(6, 8)" fill="#FFFFFF" fill-rule="nonzero">
diff --git a/web/src/assets/images/memory/arrow_right.svg b/web/src/assets/images/memory/arrow_right.svg
index 0d17ec3b..090330e9 100644
--- a/web/src/assets/images/memory/arrow_right.svg
+++ b/web/src/assets/images/memory/arrow_right.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>下拉备份</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="红熊空间-记忆管理" transform="translate(-594, -270)" stroke="#5B6167" stroke-width="1.2">
-            <g id="1" transform="translate(256, 127)">
-                <g id="编组-7" transform="translate(16, 131)">
-                    <g id="下拉备份" transform="translate(330, 20) rotate(-90) translate(-330, -20)translate(322, 12)">
-                        <polyline id="路径" points="11 7 8 10 5 7"></polyline>
+    <title>下拉</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="记忆管理" transform="translate(-802, -422)" stroke="#A8A9AA" stroke-width="1.3">
+            <g id="1备份-4" transform="translate(252, 324)">
+                <g id="编组-6备份" transform="translate(297, 90)">
+                    <g id="下拉" transform="translate(261, 16) rotate(-90) translate(-261, -16)translate(253, 8)">
+                        <polyline id="路径" points="11.5 6 8 9.5 4.5 6"></polyline>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/memory/clock_orange.svg b/web/src/assets/images/memory/clock_orange.svg
new file mode 100644
index 00000000..5c2b58cf
--- /dev/null
+++ b/web/src/assets/images/memory/clock_orange.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>时间戳</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理-记忆提取引擎" transform="translate(-1303, -376)" fill-rule="nonzero">
+            <g id="编组-26" transform="translate(846, 102)">
+                <g id="1" transform="translate(12, 262)">
+                    <g id="编组-31" transform="translate(437, 8)">
+                        <g id="时间戳" transform="translate(8, 4)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                            <path d="M8.33332812,1.5 C11.9233281,1.5 14.8333281,4.41 14.8333281,8 C14.8333281,11.59 11.9233281,14.5 8.33332812,14.5 C4.74332813,14.5 1.83332812,11.59 1.83332812,8 C1.83332812,4.41 4.74332813,1.5 8.33332812,1.5 Z M8.33332812,2.5 C5.29567188,2.5 2.83332812,4.96234375 2.83332812,8 C2.83332812,11.0376562 5.29567188,13.5 8.33332812,13.5 C11.3709844,13.5 13.8333281,11.0376562 13.8333281,8 C13.8333281,4.96234375 11.371,2.5 8.33332812,2.5 Z M8.83332812,4.322 L8.83332812,7.775 L11.3833281,10.0336719 L10.7206719,10.782 L7.83332812,8.22532813 L7.83332812,4.322 L8.83332812,4.322 Z" id="形状" fill="#FF5D34"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/memory/debug.svg b/web/src/assets/images/memory/debug.svg
new file mode 100644
index 00000000..325a355a
--- /dev/null
+++ b/web/src/assets/images/memory/debug.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>配置管理</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆管理-记忆提取引擎" transform="translate(-1344, -122)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.3">
+            <g id="编组-26" transform="translate(846, 102)">
+                <g id="副操作备份" transform="translate(490, 11)">
+                    <g id="配置管理" transform="translate(8, 9)">
+                        <path d="M7.42879146,7.0538149 L7.42879146,1.42856378 C7.42879146,1.19188803 7.23488102,1 6.99819188,1 C6.76150275,1 6.56757891,1.19188803 6.56757891,1.42856378 L6.56757891,7.0546319 C5.83214429,7.24550203 5.28435198,7.91628644 5.28435198,8.71456315 C5.28435198,9.51404527 5.83108621,10.1856467 6.57135586,10.3753516 C6.56898461,10.3931451 6.56772319,10.4110689 6.56757891,10.4290192 L6.56757891,12.5718916 C6.56757891,12.8085807 6.76150275,13.0004822 6.99817849,13.0004822 C7.23485423,13.0004822 7.42879146,12.8085807 7.42879146,12.5718916 L7.42879146,10.4290325 C7.42845218,10.411363 7.42702981,10.393731 7.42453235,10.3762355 C8.16639582,10.1875486 8.71563466,9.51502299 8.71563466,8.7146703 C8.71578195,7.91518818 8.16904773,7.24362695 7.42879146,7.0538283 L7.42879146,7.0538149 Z M7.60587973,9.32065717 C7.31671051,9.609836 6.8635355,9.65447605 6.52350043,9.42727705 C6.18346536,9.20007806 6.05127565,8.76431872 6.20777383,8.38649396 C6.36427201,8.0086692 6.76587074,7.79400949 7.1669665,7.87379309 C7.56806226,7.95357669 7.85694345,8.30558254 7.85694345,8.71453636 C7.85758337,8.9420223 7.76717752,9.16030816 7.60587973,9.32072414 L7.60587973,9.32065717 Z M3.13814456,2.76797625 C3.14055877,2.75020331 3.14186492,2.73229739 3.14205545,2.71436225 L3.14205545,1.42859056 C3.14205545,1.19210844 2.95034881,1.0004018 2.71386669,1.0004018 C2.47738457,1.0004018 2.28567793,1.19210844 2.28567793,1.42859056 L2.28567793,2.71436225 C2.28534183,2.73252066 2.28614702,2.75068225 2.28808875,2.76873968 C1.54783249,2.95840439 1,3.62996562 1,4.4295415 C1,5.22911737 1.54792625,5.90038395 2.28818251,6.09028975 C2.28629436,6.10780474 2.28547584,6.12541856 2.28573151,6.14303317 L2.28573151,12.5719184 C2.28573151,12.8084005 2.47743814,13.0001071 2.71392026,13.0001071 C2.95040239,13.0001071 3.14210902,12.8084005 3.14210902,12.5719184 L3.14210902,6.14305996 C3.14191505,6.12566525 3.14067166,6.1082981 3.13838564,6.09105317 C3.88019554,5.90235278 4.42884504,5.22982722 4.42884504,4.4295281 C4.42884504,3.62922898 3.88004822,2.9565561 3.13814456,2.76796286 L3.13814456,2.76797625 Z M3.31996071,5.03568909 C3.03078814,5.32485849 2.57761807,5.36949099 2.23758857,5.14229141 C1.89755906,4.91509182 1.76537191,4.47933761 1.92186671,4.10151611 C2.07836152,3.7236946 2.47995285,3.50903305 2.88104582,3.58880862 C3.28213879,3.6685842 3.57103772,4.02057858 3.57103772,4.4295281 C3.571667,4.65700012 3.48126198,4.87526953 3.31997411,5.0356757 L3.31996071,5.03568909 Z M13,4.4295415 C13,3.62894772 12.4502255,2.95656949 11.7081745,2.76797625 C11.710058,2.75017021 11.7108363,2.73226456 11.7105049,2.71436225 L11.7105049,1.42859056 C11.7105049,1.19210844 11.5187983,1.0004018 11.2823162,1.0004018 C11.0458341,1.0004018 10.8541274,1.19210844 10.8541274,1.42859056 L10.8541274,2.71436225 C10.8543217,2.73255453 10.8556637,2.75071642 10.8581455,2.76873968 C10.1178758,2.95840439 9.57080673,3.62996562 9.57080673,4.4295415 C9.57080673,5.22911737 10.1175276,5.90062503 10.8577972,6.09032993 C10.8554298,6.1080924 10.8541684,6.12598481 10.8540203,6.14390375 L10.8540203,12.5719184 C10.8540203,12.8084005 11.0457269,13.0001071 11.282209,13.0001071 C11.5186911,13.0001071 11.7103978,12.8084005 11.7103978,12.5719184 L11.7103978,6.14389035 C11.7107305,6.12626252 11.709988,6.1086308 11.7081745,6.09109335 C12.450279,5.90245993 13,5.2300817 13,4.4295281 L13,4.4295415 Z M11.8917452,5.03563552 C11.6025705,5.32476645 11.1494259,5.36936451 10.8094336,5.14215559 C10.4694413,4.91494666 10.3372926,4.47921076 10.4938036,4.10142382 C10.6503147,3.72363689 11.0518954,3.50901645 11.4529577,3.58881444 C11.85402,3.66861244 12.1428487,4.02060432 12.1428487,4.4295281 C12.1434533,4.65698737 12.0530346,4.87523566 11.8917452,5.03562213 L11.8917452,5.03563552 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/apiKey.png b/web/src/assets/images/menu/apiKey.png
deleted file mode 100644
index 53d19428..00000000
Binary files a/web/src/assets/images/menu/apiKey.png and /dev/null differ
diff --git a/web/src/assets/images/menu/apiKey_active.png b/web/src/assets/images/menu/apiKey_active.png
deleted file mode 100644
index 4f8d1cfa..00000000
Binary files a/web/src/assets/images/menu/apiKey_active.png and /dev/null differ
diff --git a/web/src/assets/images/menu/dashboard.svg b/web/src/assets/images/menu/dashboard.svg
deleted file mode 100644
index 43e05b3a..00000000
--- a/web/src/assets/images/menu/dashboard.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 27</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-应用管理" transform="translate(-24, -89)" stroke="#5B6167">
-            <g id="记忆看板" transform="translate(12, 81)">
-                <g id="编组-27" transform="translate(12, 8)">
-                    <g id="编组-28" transform="translate(2, 2)">
-                        <rect id="矩形" x="0.5" y="0.5" width="5" height="5" rx="1"></rect>
-                        <rect id="矩形备份-23" x="7.5" y="5.5" width="4" height="6" rx="1"></rect>
-                        <rect id="矩形备份-21" x="0.5" y="7.5" width="5" height="4" rx="1"></rect>
-                        <rect id="矩形备份-22" x="7.5" y="0.5" width="4" height="3" rx="1"></rect>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/dashboard_active.svg b/web/src/assets/images/menu/dashboard_active.svg
deleted file mode 100644
index 3f1bc65c..00000000
--- a/web/src/assets/images/menu/dashboard_active.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 27</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-应用管理" transform="translate(-24, -89)" stroke="#212332">
-            <g id="记忆看板" transform="translate(12, 81)">
-                <g id="编组-27" transform="translate(12, 8)">
-                    <g id="编组-28" transform="translate(2, 2)">
-                        <rect id="矩形" x="0.5" y="0.5" width="5" height="5" rx="1"></rect>
-                        <rect id="矩形备份-23" x="7.5" y="5.5" width="4" height="6" rx="1"></rect>
-                        <rect id="矩形备份-21" x="0.5" y="7.5" width="5" height="4" rx="1"></rect>
-                        <rect id="矩形备份-22" x="7.5" y="0.5" width="4" height="3" rx="1"></rect>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/knowledge.svg b/web/src/assets/images/menu/knowledge.svg
deleted file mode 100644
index 3fc1ec0f..00000000
--- a/web/src/assets/images/menu/knowledge.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>知识库</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-1160, -1136)">
-            <g id="快速操作" transform="translate(848, 1048)">
-                <g id="1" transform="translate(296, 68)">
-                    <g id="知识库" transform="translate(16, 20)">
-                        <g id="编组-8" transform="translate(5.3333, 4)">
-                            <path d="M20.3333333,1 L20.3333333,23 L2.5,23 C2.08578644,23 1.71078644,22.8321068 1.43933983,22.5606602 C1.16789322,22.2892136 1,21.9142136 1,21.5 L1,2.5 C1,2.08578644 1.16789322,1.71078644 1.43933983,1.43933983 C1.71078644,1.16789322 2.08578644,1 2.5,1 L20.3333333,1 Z" id="矩形" stroke="#5B6167" stroke-width="2"></path>
-                            <path d="M20.3333333,18.3333333 L20.3333333,22.5 L3,23 C2.44771525,23 1.94771525,22.7761424 1.58578644,22.4142136 C1.22385763,22.0522847 1,21.5522847 1,21 L1,19.8333333 C1,19.4191198 1.16789322,19.0441198 1.43933983,18.7726732 C1.71078644,18.5012266 2.08578644,18.3333333 2.5,18.3333333 L20.3333333,18.3333333 Z" id="矩形" stroke="#5B6167" stroke-width="2"></path>
-                            <path d="M10.6666667,1.33333333 L10.6666667,8.99888216 C10.6666667,9.10933911 10.7562097,9.19888216 10.8666667,9.19888216 C10.8996946,9.19888216 10.9322085,9.19070269 10.9613048,9.17507418 L13.096738,8.02806762 C13.244486,7.94870766 13.4221807,7.94870766 13.5699286,8.02806762 L15.7053619,9.17507418 C15.80267,9.22734137 15.9239248,9.19082845 15.976192,9.09352028 C15.9918205,9.06442398 16,9.03191011 16,8.99888216 L16,1.33333333 L16,1.33333333 L10.6666667,1.33333333 Z" id="路径-2" fill="#5B6167"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/knowledge_active.svg b/web/src/assets/images/menu/knowledge_active.svg
deleted file mode 100644
index 9b09bbf4..00000000
--- a/web/src/assets/images/menu/knowledge_active.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>知识库</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-1160, -1136)">
-            <g id="快速操作" transform="translate(848, 1048)">
-                <g id="1" transform="translate(296, 68)">
-                    <g id="知识库" transform="translate(16, 20)">
-                        <g id="编组-8" transform="translate(5.3333, 4)">
-                            <path d="M20.3333333,1 L20.3333333,23 L2.5,23 C2.08578644,23 1.71078644,22.8321068 1.43933983,22.5606602 C1.16789322,22.2892136 1,21.9142136 1,21.5 L1,2.5 C1,2.08578644 1.16789322,1.71078644 1.43933983,1.43933983 C1.71078644,1.16789322 2.08578644,1 2.5,1 L20.3333333,1 Z" id="矩形" stroke="#212332" stroke-width="2"></path>
-                            <path d="M20.3333333,18.3333333 L20.3333333,22.5 L3,23 C2.44771525,23 1.94771525,22.7761424 1.58578644,22.4142136 C1.22385763,22.0522847 1,21.5522847 1,21 L1,19.8333333 C1,19.4191198 1.16789322,19.0441198 1.43933983,18.7726732 C1.71078644,18.5012266 2.08578644,18.3333333 2.5,18.3333333 L20.3333333,18.3333333 Z" id="矩形" stroke="#212332" stroke-width="2"></path>
-                            <path d="M10.6666667,1.33333333 L10.6666667,8.99888216 C10.6666667,9.10933911 10.7562097,9.19888216 10.8666667,9.19888216 C10.8996946,9.19888216 10.9322085,9.19070269 10.9613048,9.17507418 L13.096738,8.02806762 C13.244486,7.94870766 13.4221807,7.94870766 13.5699286,8.02806762 L15.7053619,9.17507418 C15.80267,9.22734137 15.9239248,9.19082845 15.976192,9.09352028 C15.9918205,9.06442398 16,9.03191011 16,8.99888216 L16,1.33333333 L16,1.33333333 L10.6666667,1.33333333 Z" id="路径-2" fill="#212332"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/member.svg b/web/src/assets/images/menu/member.svg
deleted file mode 100644
index 56cca8c1..00000000
--- a/web/src/assets/images/menu/member.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>用户总数总计</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="记忆科学-菜单栏交互" transform="translate(-162, -1024)" stroke="#5B6167">
-            <g id="编组" transform="translate(91, 758)">
-                <g id="用户总数总计" transform="translate(71, 266)">
-                    <g id="编组-9" transform="translate(1.3333, 3)">
-                        <circle id="椭圆形" stroke-linecap="round" cx="4.66666667" cy="2.66666667" r="2.66666667"></circle>
-                        <path d="M10,6 C11.1045695,6 12,5.1045695 12,4 C12,2.8954305 11.1045695,2 10,2 C9.76811305,2 9.54544335,2.03946376 9.33834068,2.11204149" id="路径" stroke-linecap="round"></path>
-                        <path d="M13.3333333,9.33333333 C13.3333333,7.49238417 11.8409492,6 10,6" id="路径" stroke-linecap="round"></path>
-                        <path d="M9.33333333,10 C9.33333333,7.42267117 7.2439955,5.33333333 4.66666667,5.33333333 C2.08933783,5.33333333 0,7.42267117 0,10 L9.33333333,10 Z" id="路径"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/member_active.svg b/web/src/assets/images/menu/member_active.svg
deleted file mode 100644
index 30cf9261..00000000
--- a/web/src/assets/images/menu/member_active.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>用户总数总计</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="记忆科学-菜单栏交互" transform="translate(-162, -1024)" stroke="#212332">
-            <g id="编组" transform="translate(91, 758)">
-                <g id="用户总数总计" transform="translate(71, 266)">
-                    <g id="编组-9" transform="translate(1.3333, 3)">
-                        <circle id="椭圆形" stroke-linecap="round" cx="4.66666667" cy="2.66666667" r="2.66666667"></circle>
-                        <path d="M10,6 C11.1045695,6 12,5.1045695 12,4 C12,2.8954305 11.1045695,2 10,2 C9.76811305,2 9.54544335,2.03946376 9.33834068,2.11204149" id="路径" stroke-linecap="round"></path>
-                        <path d="M13.3333333,9.33333333 C13.3333333,7.49238417 11.8409492,6 10,6" id="路径" stroke-linecap="round"></path>
-                        <path d="M9.33333333,10 C9.33333333,7.42267117 7.2439955,5.33333333 4.66666667,5.33333333 C2.08933783,5.33333333 0,7.42267117 0,10 L9.33333333,10 Z" id="路径"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/memory.svg b/web/src/assets/images/menu/memory.svg
deleted file mode 100644
index 71696861..00000000
--- a/web/src/assets/images/menu/memory.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>brain-2-line</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="红熊空间-应用管理" transform="translate(-24, -209)" stroke="#5B6167">
-            <g id="记忆管理" transform="translate(12, 201)">
-                <g id="brain-2-line" transform="translate(12, 8)">
-                    <g id="编组-25" transform="translate(2, 2)">
-                        <path d="M4,0 C5.0543618,0 5.91816512,0.816311016 5.99451426,1.85172038 L6,2.00106198 L6,10.0053099 L5.9798001,10.0051094 C5.8300914,11.1312194 4.86644915,12 3.7,12 C2.42974508,12 1.4,10.9697081 1.4,9.69877872 C1.4,9.53705009 1.4166748,9.37921813 1.4483981,9.22691003 C0.611943126,8.98793632 0,8.21732427 0,7.30370935 C0,6.79841075 0.187189248,6.33685575 0.495971021,5.98467591 C0.186824535,5.63272512 0,5.17157738 0,4.66677127 C0,3.56161525 0.8954305,2.66570928 2,2.66570928 C2.03875091,2.66570928 2.07724442,2.66681194 2.1154509,2.66898761 C2.04045973,2.46144615 2,2.23598151 2,2.00106198 C2,0.895905967 2.8954305,0 4,0 Z" id="形状结合"></path>
-                        <path d="M10,0 C11.0543618,0 11.9181651,0.816311016 11.9945143,1.85172038 L12,2.00106198 L12,10.0053099 L11.9798001,10.0051094 C11.8300914,11.1312194 10.8664491,12 9.7,12 C8.42974508,12 7.4,10.9697081 7.4,9.69877872 C7.4,9.53705009 7.4166748,9.37921813 7.4483981,9.22691003 C6.61194313,8.98793632 6,8.21732427 6,7.30370935 C6,6.79841075 6.18718925,6.33685575 6.49597102,5.98467591 C6.18682453,5.63272512 6,5.17157738 6,4.66677127 C6,3.56161525 6.8954305,2.66570928 8,2.66570928 C8.03875091,2.66570928 8.07724442,2.66681194 8.1154509,2.66898761 C8.04045973,2.46144615 8,2.23598151 8,2.00106198 C8,0.895905967 8.8954305,0 10,0 Z" id="形状结合" transform="translate(9, 6) scale(-1, 1) translate(-9, -6)"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/memoryConversation.svg b/web/src/assets/images/menu/memoryConversation.svg
deleted file mode 100644
index 369cbc5a..00000000
--- a/web/src/assets/images/menu/memoryConversation.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 10</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-884, -1294)">
-            <g id="快速操作" transform="translate(848, 1048)">
-                <g id="2" transform="translate(20, 226)">
-                    <g id="编组-10" transform="translate(16, 20)">
-                        <g id="编组-9" transform="translate(4, 5.3333)">
-                            <path d="M7.55242292,15.1578947 L5.0585033,15.1578947 L1.94231451,17.1450281 C1.35410813,17.520116 0.573203876,17.3473492 0.198116036,16.7591429 C0.0687348844,16.5562495 0,16.3206212 0,16.0799863 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L19.4736842,-4.4408921e-16 C20.5782537,-4.4408921e-16 21.4736842,0.8954305 21.4736842,2 L21.4736842,10.1817961 L21.4736842,10.1817961" id="路径" stroke="#5B6167" stroke-width="2" stroke-linejoin="round"></path>
-                            <path d="M5.68421053,7.57894737 C6.38183337,7.57894737 6.94736842,7.01341232 6.94736842,6.31578947 C6.94736842,5.61816663 6.38183337,5.05263158 5.68421053,5.05263158 C4.98658768,5.05263158 4.42105263,5.61816663 4.42105263,6.31578947 C4.42105263,7.01341232 4.98658768,7.57894737 5.68421053,7.57894737 Z M10.7368421,7.57894737 C11.4344649,7.57894737 12,7.01341232 12,6.31578947 C12,5.61816663 11.4344649,5.05263158 10.7368421,5.05263158 C10.0392193,5.05263158 9.47368421,5.61816663 9.47368421,6.31578947 C9.47368421,7.01341232 10.0392193,7.57894737 10.7368421,7.57894737 Z M15.7894737,7.57894737 C16.4870965,7.57894737 17.0526316,7.01341232 17.0526316,6.31578947 C17.0526316,5.61816663 16.4870965,5.05263158 15.7894737,5.05263158 C15.0918508,5.05263158 14.5263158,5.61816663 14.5263158,6.31578947 C14.5263158,7.01341232 15.0918508,7.57894737 15.7894737,7.57894737 Z" id="形状结合" fill="#5B6167"></path>
-                            <path d="M9.57894737,10.1052632 L22,10.1052632 C23.1045695,10.1052632 24,11.0006937 24,12.1052632 L24,19.5619368 C24,20.6665063 23.1045695,21.5619368 22,21.5619368 L11.4472146,21.5619368 L11.4472146,21.5619368 L9.11215015,23.0336642 C8.64492418,23.3281439 8.02743967,23.1881055 7.7329599,22.7208795 C7.63234152,22.5612369 7.57894737,22.3763824 7.57894737,22.1876767 L7.57894737,12.1052632 C7.57894737,11.0006937 8.47437787,10.1052632 9.57894737,10.1052632 Z" id="矩形" stroke="#5B6167" stroke-width="2" stroke-linejoin="round" transform="translate(15.7895, 17.0526) scale(-1, 1) translate(-15.7895, -17.0526)"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/memoryConversation_active.svg b/web/src/assets/images/menu/memoryConversation_active.svg
deleted file mode 100644
index c79a75f6..00000000
--- a/web/src/assets/images/menu/memoryConversation_active.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 10</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-884, -1294)">
-            <g id="快速操作" transform="translate(848, 1048)">
-                <g id="2" transform="translate(20, 226)">
-                    <g id="编组-10" transform="translate(16, 20)">
-                        <g id="编组-9" transform="translate(4, 5.3333)">
-                            <path d="M7.55242292,15.1578947 L5.0585033,15.1578947 L1.94231451,17.1450281 C1.35410813,17.520116 0.573203876,17.3473492 0.198116036,16.7591429 C0.0687348844,16.5562495 0,16.3206212 0,16.0799863 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L19.4736842,-4.4408921e-16 C20.5782537,-4.4408921e-16 21.4736842,0.8954305 21.4736842,2 L21.4736842,10.1817961 L21.4736842,10.1817961" id="路径" stroke="#212332" stroke-width="2" stroke-linejoin="round"></path>
-                            <path d="M5.68421053,7.57894737 C6.38183337,7.57894737 6.94736842,7.01341232 6.94736842,6.31578947 C6.94736842,5.61816663 6.38183337,5.05263158 5.68421053,5.05263158 C4.98658768,5.05263158 4.42105263,5.61816663 4.42105263,6.31578947 C4.42105263,7.01341232 4.98658768,7.57894737 5.68421053,7.57894737 Z M10.7368421,7.57894737 C11.4344649,7.57894737 12,7.01341232 12,6.31578947 C12,5.61816663 11.4344649,5.05263158 10.7368421,5.05263158 C10.0392193,5.05263158 9.47368421,5.61816663 9.47368421,6.31578947 C9.47368421,7.01341232 10.0392193,7.57894737 10.7368421,7.57894737 Z M15.7894737,7.57894737 C16.4870965,7.57894737 17.0526316,7.01341232 17.0526316,6.31578947 C17.0526316,5.61816663 16.4870965,5.05263158 15.7894737,5.05263158 C15.0918508,5.05263158 14.5263158,5.61816663 14.5263158,6.31578947 C14.5263158,7.01341232 15.0918508,7.57894737 15.7894737,7.57894737 Z" id="形状结合" fill="#212332"></path>
-                            <path d="M9.57894737,10.1052632 L22,10.1052632 C23.1045695,10.1052632 24,11.0006937 24,12.1052632 L24,19.5619368 C24,20.6665063 23.1045695,21.5619368 22,21.5619368 L11.4472146,21.5619368 L11.4472146,21.5619368 L9.11215015,23.0336642 C8.64492418,23.3281439 8.02743967,23.1881055 7.7329599,22.7208795 C7.63234152,22.5612369 7.57894737,22.3763824 7.57894737,22.1876767 L7.57894737,12.1052632 C7.57894737,11.0006937 8.47437787,10.1052632 9.57894737,10.1052632 Z" id="矩形" stroke="#212332" stroke-width="2" stroke-linejoin="round" transform="translate(15.7895, 17.0526) scale(-1, 1) translate(-15.7895, -17.0526)"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/memory_active.svg b/web/src/assets/images/menu/memory_active.svg
deleted file mode 100644
index eabe9221..00000000
--- a/web/src/assets/images/menu/memory_active.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>brain-2-line</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="红熊空间-应用管理" transform="translate(-24, -209)" stroke="#212332">
-            <g id="记忆管理" transform="translate(12, 201)">
-                <g id="brain-2-line" transform="translate(12, 8)">
-                    <g id="编组-25" transform="translate(2, 2)">
-                        <path d="M4,0 C5.0543618,0 5.91816512,0.816311016 5.99451426,1.85172038 L6,2.00106198 L6,10.0053099 L5.9798001,10.0051094 C5.8300914,11.1312194 4.86644915,12 3.7,12 C2.42974508,12 1.4,10.9697081 1.4,9.69877872 C1.4,9.53705009 1.4166748,9.37921813 1.4483981,9.22691003 C0.611943126,8.98793632 0,8.21732427 0,7.30370935 C0,6.79841075 0.187189248,6.33685575 0.495971021,5.98467591 C0.186824535,5.63272512 0,5.17157738 0,4.66677127 C0,3.56161525 0.8954305,2.66570928 2,2.66570928 C2.03875091,2.66570928 2.07724442,2.66681194 2.1154509,2.66898761 C2.04045973,2.46144615 2,2.23598151 2,2.00106198 C2,0.895905967 2.8954305,0 4,0 Z" id="形状结合"></path>
-                        <path d="M10,0 C11.0543618,0 11.9181651,0.816311016 11.9945143,1.85172038 L12,2.00106198 L12,10.0053099 L11.9798001,10.0051094 C11.8300914,11.1312194 10.8664491,12 9.7,12 C8.42974508,12 7.4,10.9697081 7.4,9.69877872 C7.4,9.53705009 7.4166748,9.37921813 7.4483981,9.22691003 C6.61194313,8.98793632 6,8.21732427 6,7.30370935 C6,6.79841075 6.18718925,6.33685575 6.49597102,5.98467591 C6.18682453,5.63272512 6,5.17157738 6,4.66677127 C6,3.56161525 6.8954305,2.66570928 8,2.66570928 C8.03875091,2.66570928 8.07724442,2.66681194 8.1154509,2.66898761 C8.04045973,2.46144615 8,2.23598151 8,2.00106198 C8,0.895905967 8.8954305,0 10,0 Z" id="形状结合" transform="translate(9, 6) scale(-1, 1) translate(-9, -6)"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/model.svg b/web/src/assets/images/menu/model.svg
deleted file mode 100644
index bbb7e103..00000000
--- a/web/src/assets/images/menu/model.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>-_模型预测</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-24, -168)" fill="#5F6266" fill-rule="nonzero" stroke="#5F6266" stroke-width="0.26">
-            <g id="模型管理" transform="translate(12, 160)">
-                <g id="-_模型预测" transform="translate(12, 8)">
-                    <path d="M6.34915254,12.9277726 L7.82358143,13.7464135 C7.93235077,13.8067911 8.06750184,13.8067911 8.17641857,13.7464135 L9.58540899,12.9640558 C9.76168018,12.8662611 9.98703021,12.9242293 10.0887251,13.0937401 C10.19042,13.263251 10.13014,13.4799584 9.95386883,13.5777531 L8.54487841,14.3601108 C8.379131,14.4518356 8.19123311,14.5000754 8,14.4999999 C7.81164333,14.4999999 7.62313928,14.4533701 7.45512159,14.3601108 L5.9806927,13.5414698 C5.80442152,13.4436751 5.74414149,13.2269677 5.8458364,13.0574569 C5.94753132,12.8879461 6.17288136,12.8299779 6.34915254,12.9277726 Z M10.6860743,12.8775117 L10.6359891,12.820428 L10.6080011,12.7736871 L10.5834172,12.7092656 L10.5740313,12.6598491 L10.5731519,12.5910414 L10.5783346,12.5545936 C10.7358334,11.7568097 10.7658656,10.9419894 10.6675769,10.1321772 C9.80920017,10.3865055 8.91708922,10.51607 8.01326455,10.51607 C7.71805453,10.51607 7.42181282,10.502322 7.12483419,10.4744009 C6.49708609,10.4157026 5.87812442,10.2946607 5.27775073,10.1136518 C5.24014517,10.424221 5.2210759,10.7393013 5.2210759,11.0569173 C5.2210759,11.4258797 5.2473563,11.7954799 5.2993575,12.1599778 L5.35991157,12.5225623 C5.3655697,12.5520428 5.36724803,12.5816233 5.36520823,12.6106863 L5.35406232,12.6763991 L5.32976231,12.7400742 L5.31087604,12.7732466 L5.27498071,12.8199478 L5.22409239,12.8659179 L5.1864739,12.890609 C5.17467646,12.8973696 5.16252192,12.9034733 5.15007556,12.9089032 L5.21002211,12.8761823 L5.16786446,12.900714 L5.1030547,12.9258308 L5.03022697,12.9392842 L4.9478302,12.9374367 L4.87746178,12.9213858 C4.85515609,12.9139196 4.83379249,12.9045868 4.81326455,12.8931901 L2.54487841,11.6337643 C2.20884304,11.4472457 2,11.0994367 2,10.7262577 L2,8.18161102 C2,8.04370631 2.08327192,7.91827396 2.21326455,7.86030579 C2.34340457,7.80219589 2.49668386,7.8220383 2.60619013,7.91104566 C3.23561224,8.42229567 3.93965493,8.84005815 4.69959366,9.15337266 C4.9599538,8.02311777 5.45296955,6.95364799 6.16182756,5.99526144 C6.52529178,5.50367742 6.94002668,5.05001963 7.39913278,4.64116496 C7.12853123,4.44560017 6.84351949,4.2644366 6.54561533,4.09903617 C6.13839352,3.87297449 5.70980103,3.67880238 5.27177598,3.52218911 C5.21247845,3.50139148 5.1632929,3.46927218 5.12362403,3.42623691 L5.1067092,3.40431333 C5.09365228,3.38937291 5.08658403,3.37891078 5.08002948,3.36798528 C4.98687535,3.21271071 5.0296319,3.01783421 5.17295533,2.91102982 L5.21591746,2.88326367 L7.45512159,1.63999525 C7.79115696,1.45333492 8.20869565,1.45333492 8.54487841,1.63999525 L10.7609433,2.8703661 C10.818074,2.90206207 10.8630204,2.94624927 10.8942169,2.99727235 L10.9260264,3.06510296 L10.9427184,3.13663924 L10.9436993,3.20811218 L10.9381675,3.24580712 L10.9212763,3.30282995 L10.8891036,3.36522992 L10.8705847,3.39102634 L10.825171,3.43907087 L10.7697464,3.47928624 L10.7033161,3.51028367 C9.93096981,3.78223837 9.20574738,4.16235951 8.54680271,4.64077962 C9.43854566,5.43145513 10.1552238,6.38826024 10.6604274,7.47111119 C10.9159405,8.01863819 11.1121038,8.58921142 11.246303,9.17377106 C11.5622121,9.04635816 11.8729093,8.89755214 12.1755343,8.72954487 C12.6066323,8.49016042 13.016507,8.21364233 13.3938099,7.90750237 C13.5034324,7.81862398 13.6567031,7.79894217 13.7867354,7.85704597 C13.9167326,7.91514951 13.9998526,8.04049662 13.9998526,8.1783512 L14,10.7263995 C14,11.0995784 13.791157,11.4473874 13.4551216,11.633906 L11.1245394,12.9276309 C11.0872047,12.9483809 11.0465174,12.9625664 11.0043756,12.9697179 L10.9406043,12.9752526 C10.846948,12.9752526 10.7552051,12.9409055 10.6860743,12.8775117 Z M13.2630803,8.89990609 C13.0306885,9.05824729 12.7907844,9.20613764 12.5441415,9.34310038 C12.1658024,9.55316903 11.7758447,9.73564505 11.3767006,9.89002323 L11.3958732,10.0197264 C11.4761596,10.6623171 11.4822345,11.3081645 11.4143923,11.9477861 L13.0866618,11.0200671 C13.1954311,10.9596895 13.2630803,10.8471547 13.2630803,10.7262577 L13.2630803,8.89990609 Z M2.73691968,8.90373284 L2.73691968,10.7262577 C2.73691968,10.847013 2.8045689,10.9596895 2.91333825,11.0200671 L4.526986,11.9151084 L4.50356038,11.6302406 C4.49063669,11.4392687 4.48416353,11.2479184 4.48415623,11.0564921 C4.48415623,10.6553171 4.5121246,10.2578457 4.56739824,9.86608397 L4.47870302,9.83278259 C3.86219602,9.58432733 3.27885041,9.2729433 2.73691968,8.90373284 Z M7.9743357,5.09661204 L7.94745856,5.11926061 C7.50636763,5.50601628 7.10894201,5.93737849 6.76226971,6.40628269 C6.09066842,7.3143917 5.62996075,8.33116669 5.39717817,9.40516894 C5.98114818,9.59035894 6.58349464,9.71196557 7.19616802,9.76928689 C8.33864293,9.87626646 9.47361267,9.75779581 10.5483896,9.42492445 C10.4247363,8.85171224 10.2370644,8.29442288 9.9880619,7.76095203 C9.51030029,6.73691031 8.82657296,5.83554045 7.9743357,5.09661204 Z M4.54782609,3.66335365 C4.649521,3.83286448 4.58924097,4.04957189 4.41296979,4.1473666 L2.91333825,4.98003896 C2.8045689,5.04041656 2.73691968,5.15295135 2.73691968,5.27384829 L2.73691968,6.88179176 C2.73691968,7.07752291 2.57199705,7.23612042 2.36845984,7.23612042 C2.16492262,7.23612042 2,7.07752291 2,6.88179176 L2,5.27384829 C2,4.90066934 2.20884304,4.55286032 2.54487841,4.36634172 L4.04450995,3.53366936 C4.22078113,3.43587465 4.44613117,3.49384282 4.54782609,3.66335365 Z M11.9357406,3.52275604 L13.4551216,4.36634172 C13.791157,4.55286032 14,4.90066934 14,5.27384829 L14,6.87994925 C14,7.07553867 13.83493,7.23413618 13.6315402,7.23413618 C13.4280029,7.23413618 13.2630803,7.07553867 13.2630803,6.87980752 L13.2630803,5.27384829 C13.2630803,5.15309308 13.1954311,5.04041656 13.0866618,4.98003896 L11.5672808,4.13645328 C11.3910096,4.03865857 11.3307296,3.82195116 11.4324245,3.65244033 C11.5341194,3.48292949 11.7594694,3.42496133 11.9357406,3.52275604 Z M7.82343405,2.25397596 L6.22697126,3.14036454 C6.46092608,3.24610805 6.69016246,3.36124809 6.91407517,3.48548066 C7.28623998,3.69211609 7.63991955,3.92137334 7.97355104,4.17159152 L8.04893147,4.11434317 C8.57745026,3.72472337 9.1459101,3.39349694 9.7459101,3.12534101 L8.17627119,2.25397596 C8.06750184,2.19359836 7.93235077,2.19359836 7.82343405,2.25397596 Z" id="形状"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/model_active.svg b/web/src/assets/images/menu/model_active.svg
deleted file mode 100644
index 274b146e..00000000
--- a/web/src/assets/images/menu/model_active.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>-_模型预测</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-24, -168)" fill="#212332" fill-rule="nonzero" stroke="#212332" stroke-width="0.26">
-            <g id="模型管理" transform="translate(12, 160)">
-                <g id="-_模型预测" transform="translate(12, 8)">
-                    <path d="M6.34915254,12.9277726 L7.82358143,13.7464135 C7.93235077,13.8067911 8.06750184,13.8067911 8.17641857,13.7464135 L9.58540899,12.9640558 C9.76168018,12.8662611 9.98703021,12.9242293 10.0887251,13.0937401 C10.19042,13.263251 10.13014,13.4799584 9.95386883,13.5777531 L8.54487841,14.3601108 C8.379131,14.4518356 8.19123311,14.5000754 8,14.4999999 C7.81164333,14.4999999 7.62313928,14.4533701 7.45512159,14.3601108 L5.9806927,13.5414698 C5.80442152,13.4436751 5.74414149,13.2269677 5.8458364,13.0574569 C5.94753132,12.8879461 6.17288136,12.8299779 6.34915254,12.9277726 Z M10.6860743,12.8775117 L10.6359891,12.820428 L10.6080011,12.7736871 L10.5834172,12.7092656 L10.5740313,12.6598491 L10.5731519,12.5910414 L10.5783346,12.5545936 C10.7358334,11.7568097 10.7658656,10.9419894 10.6675769,10.1321772 C9.80920017,10.3865055 8.91708922,10.51607 8.01326455,10.51607 C7.71805453,10.51607 7.42181282,10.502322 7.12483419,10.4744009 C6.49708609,10.4157026 5.87812442,10.2946607 5.27775073,10.1136518 C5.24014517,10.424221 5.2210759,10.7393013 5.2210759,11.0569173 C5.2210759,11.4258797 5.2473563,11.7954799 5.2993575,12.1599778 L5.35991157,12.5225623 C5.3655697,12.5520428 5.36724803,12.5816233 5.36520823,12.6106863 L5.35406232,12.6763991 L5.32976231,12.7400742 L5.31087604,12.7732466 L5.27498071,12.8199478 L5.22409239,12.8659179 L5.1864739,12.890609 C5.17467646,12.8973696 5.16252192,12.9034733 5.15007556,12.9089032 L5.21002211,12.8761823 L5.16786446,12.900714 L5.1030547,12.9258308 L5.03022697,12.9392842 L4.9478302,12.9374367 L4.87746178,12.9213858 C4.85515609,12.9139196 4.83379249,12.9045868 4.81326455,12.8931901 L2.54487841,11.6337643 C2.20884304,11.4472457 2,11.0994367 2,10.7262577 L2,8.18161102 C2,8.04370631 2.08327192,7.91827396 2.21326455,7.86030579 C2.34340457,7.80219589 2.49668386,7.8220383 2.60619013,7.91104566 C3.23561224,8.42229567 3.93965493,8.84005815 4.69959366,9.15337266 C4.9599538,8.02311777 5.45296955,6.95364799 6.16182756,5.99526144 C6.52529178,5.50367742 6.94002668,5.05001963 7.39913278,4.64116496 C7.12853123,4.44560017 6.84351949,4.2644366 6.54561533,4.09903617 C6.13839352,3.87297449 5.70980103,3.67880238 5.27177598,3.52218911 C5.21247845,3.50139148 5.1632929,3.46927218 5.12362403,3.42623691 L5.1067092,3.40431333 C5.09365228,3.38937291 5.08658403,3.37891078 5.08002948,3.36798528 C4.98687535,3.21271071 5.0296319,3.01783421 5.17295533,2.91102982 L5.21591746,2.88326367 L7.45512159,1.63999525 C7.79115696,1.45333492 8.20869565,1.45333492 8.54487841,1.63999525 L10.7609433,2.8703661 C10.818074,2.90206207 10.8630204,2.94624927 10.8942169,2.99727235 L10.9260264,3.06510296 L10.9427184,3.13663924 L10.9436993,3.20811218 L10.9381675,3.24580712 L10.9212763,3.30282995 L10.8891036,3.36522992 L10.8705847,3.39102634 L10.825171,3.43907087 L10.7697464,3.47928624 L10.7033161,3.51028367 C9.93096981,3.78223837 9.20574738,4.16235951 8.54680271,4.64077962 C9.43854566,5.43145513 10.1552238,6.38826024 10.6604274,7.47111119 C10.9159405,8.01863819 11.1121038,8.58921142 11.246303,9.17377106 C11.5622121,9.04635816 11.8729093,8.89755214 12.1755343,8.72954487 C12.6066323,8.49016042 13.016507,8.21364233 13.3938099,7.90750237 C13.5034324,7.81862398 13.6567031,7.79894217 13.7867354,7.85704597 C13.9167326,7.91514951 13.9998526,8.04049662 13.9998526,8.1783512 L14,10.7263995 C14,11.0995784 13.791157,11.4473874 13.4551216,11.633906 L11.1245394,12.9276309 C11.0872047,12.9483809 11.0465174,12.9625664 11.0043756,12.9697179 L10.9406043,12.9752526 C10.846948,12.9752526 10.7552051,12.9409055 10.6860743,12.8775117 Z M13.2630803,8.89990609 C13.0306885,9.05824729 12.7907844,9.20613764 12.5441415,9.34310038 C12.1658024,9.55316903 11.7758447,9.73564505 11.3767006,9.89002323 L11.3958732,10.0197264 C11.4761596,10.6623171 11.4822345,11.3081645 11.4143923,11.9477861 L13.0866618,11.0200671 C13.1954311,10.9596895 13.2630803,10.8471547 13.2630803,10.7262577 L13.2630803,8.89990609 Z M2.73691968,8.90373284 L2.73691968,10.7262577 C2.73691968,10.847013 2.8045689,10.9596895 2.91333825,11.0200671 L4.526986,11.9151084 L4.50356038,11.6302406 C4.49063669,11.4392687 4.48416353,11.2479184 4.48415623,11.0564921 C4.48415623,10.6553171 4.5121246,10.2578457 4.56739824,9.86608397 L4.47870302,9.83278259 C3.86219602,9.58432733 3.27885041,9.2729433 2.73691968,8.90373284 Z M7.9743357,5.09661204 L7.94745856,5.11926061 C7.50636763,5.50601628 7.10894201,5.93737849 6.76226971,6.40628269 C6.09066842,7.3143917 5.62996075,8.33116669 5.39717817,9.40516894 C5.98114818,9.59035894 6.58349464,9.71196557 7.19616802,9.76928689 C8.33864293,9.87626646 9.47361267,9.75779581 10.5483896,9.42492445 C10.4247363,8.85171224 10.2370644,8.29442288 9.9880619,7.76095203 C9.51030029,6.73691031 8.82657296,5.83554045 7.9743357,5.09661204 Z M4.54782609,3.66335365 C4.649521,3.83286448 4.58924097,4.04957189 4.41296979,4.1473666 L2.91333825,4.98003896 C2.8045689,5.04041656 2.73691968,5.15295135 2.73691968,5.27384829 L2.73691968,6.88179176 C2.73691968,7.07752291 2.57199705,7.23612042 2.36845984,7.23612042 C2.16492262,7.23612042 2,7.07752291 2,6.88179176 L2,5.27384829 C2,4.90066934 2.20884304,4.55286032 2.54487841,4.36634172 L4.04450995,3.53366936 C4.22078113,3.43587465 4.44613117,3.49384282 4.54782609,3.66335365 Z M11.9357406,3.52275604 L13.4551216,4.36634172 C13.791157,4.55286032 14,4.90066934 14,5.27384829 L14,6.87994925 C14,7.07553867 13.83493,7.23413618 13.6315402,7.23413618 C13.4280029,7.23413618 13.2630803,7.07553867 13.2630803,6.87980752 L13.2630803,5.27384829 C13.2630803,5.15309308 13.1954311,5.04041656 13.0866618,4.98003896 L11.5672808,4.13645328 C11.3910096,4.03865857 11.3307296,3.82195116 11.4324245,3.65244033 C11.5341194,3.48292949 11.7594694,3.42496133 11.9357406,3.52275604 Z M7.82343405,2.25397596 L6.22697126,3.14036454 C6.46092608,3.24610805 6.69016246,3.36124809 6.91407517,3.48548066 C7.28623998,3.69211609 7.63991955,3.92137334 7.97355104,4.17159152 L8.04893147,4.11434317 C8.57745026,3.72472337 9.1459101,3.39349694 9.7459101,3.12534101 L8.17627119,2.25397596 C8.06750184,2.19359836 7.93235077,2.19359836 7.82343405,2.25397596 Z" id="形状"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/ontology.svg b/web/src/assets/images/menu/ontology.svg
deleted file mode 100644
index 9bfda42b..00000000
--- a/web/src/assets/images/menu/ontology.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>本体管理备份</title>
-    <g id="v0.2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆管理" transform="translate(-54, -600)" fill="#5B6167" fill-rule="nonzero">
-            <g id="本体管理备份" transform="translate(54, 600)">
-                <path d="M12.9051096,10.4106225 C12.3694196,11.4980012 11.4899287,12.3774986 10.4105534,12.9131925 C10.2426506,14.0965163 9.22723825,15 8.00394627,15 C6.77265892,15 5.75724661,14.0885208 5.59733917,12.905197 C4.50996851,12.3695032 3.63047754,11.4900057 3.09478759,10.4106225 C1.91147246,10.2427185 1,9.22729869 1,8.00399772 C1,6.77270132 1.91147246,5.76527699 3.09478759,5.59737293 C3.63047754,4.50999429 4.50996851,3.63049686 5.59733917,3.09480297 C5.76524199,1.91147915 6.77265892,1 8.00394627,1 C9.22723826,1 10.2426506,1.90348372 10.4105534,3.08680754 C11.4899287,3.62250143 12.3694196,4.50199886 12.9051096,5.5893775 C14.0884247,5.75728156 14.9999489,6.76470589 14.9999489,7.99600228 C15.0078925,9.23529411 14.0884247,10.2507139 12.9051096,10.4106225 Z M8.00394627,13.7846945 C8.67555756,13.7846945 9.21924289,13.2410052 9.21924289,12.5693889 C9.21924289,11.8977727 8.67555756,11.3540834 8.00394627,11.3540834 C7.33233498,11.3540834 6.78864966,11.8977727 6.78864966,12.5693889 C6.78864966,13.2410052 7.33233498,13.7846945 8.00394627,13.7846945 Z M3.43858861,6.78069676 C2.76697732,6.78069676 2.22329199,7.32438608 2.22329199,7.99600228 C2.22329199,8.66761849 2.76697732,9.21130783 3.43858861,9.21130783 C4.11019989,9.21130783 4.65388521,8.67561394 4.65388521,8.00399772 C4.65388521,7.3323815 4.11019988,6.78069676 3.43858861,6.78069676 Z M8.00394627,2.21530554 C7.33233498,2.21530554 6.78864966,2.75899486 6.78864966,3.43860652 C6.78864966,4.11821817 7.33233498,4.65391206 8.00394627,4.65391206 C8.67555756,4.65391206 9.21924289,4.11022274 9.21924289,3.43860652 C9.21924289,2.7669903 8.67555756,2.21530554 8.00394627,2.21530554 L8.00394627,2.21530554 Z M10.2506459,4.38206739 C9.8828588,5.25356939 9.0113632,5.86921759 8.00394627,5.86921759 C6.99652934,5.86921759 6.12503374,5.25356939 5.75724661,4.38206739 C5.19757054,4.72587094 4.72584357,5.19760137 4.38204255,5.75728156 C5.25353815,6.12507139 5.86918182,6.98857795 5.86918182,8.00399772 C5.86918182,9.01142205 5.25353815,9.87492861 4.38204255,10.2507139 C4.72584357,10.8103941 5.19757054,11.2821245 5.75724661,11.625928 C6.12503374,10.754426 6.98853397,10.1387778 8.00394627,10.1387778 C9.0113632,10.1387778 9.87486343,10.754426 10.2506459,11.625928 C10.8023266,11.2821245 11.2740536,10.8103941 11.62585,10.2507139 C10.7543544,9.88292405 10.1387107,9.01941748 10.1387107,8.01199315 C10.1387107,7.00456882 10.7543544,6.14106226 11.62585,5.76527699 C11.2740536,5.19760138 10.8023266,4.73386637 10.2506459,4.38206739 Z M12.569304,6.78069676 C11.8976927,6.78069676 11.3540073,7.32438608 11.3540073,7.99600228 C11.3540073,8.66761849 11.8976927,9.21130783 12.569304,9.21130783 C13.2409152,9.21130783 13.7846006,8.6676185 13.7846006,7.99600228 C13.7846006,7.32438606 13.2409152,6.78069676 12.569304,6.78069676 L12.569304,6.78069676 Z" id="形状"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/ontology_active.svg b/web/src/assets/images/menu/ontology_active.svg
deleted file mode 100644
index 1271c2c3..00000000
--- a/web/src/assets/images/menu/ontology_active.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>本体管理</title>
-    <g id="v0.2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆管理" transform="translate(-28, -600)" fill="#212332" fill-rule="nonzero">
-            <g id="本体管理" transform="translate(28, 600)">
-                <path d="M12.9051096,10.4106225 C12.3694196,11.4980012 11.4899287,12.3774986 10.4105534,12.9131925 C10.2426506,14.0965163 9.22723825,15 8.00394627,15 C6.77265892,15 5.75724661,14.0885208 5.59733917,12.905197 C4.50996851,12.3695032 3.63047754,11.4900057 3.09478759,10.4106225 C1.91147246,10.2427185 1,9.22729869 1,8.00399772 C1,6.77270132 1.91147246,5.76527699 3.09478759,5.59737293 C3.63047754,4.50999429 4.50996851,3.63049686 5.59733917,3.09480297 C5.76524199,1.91147915 6.77265892,1 8.00394627,1 C9.22723826,1 10.2426506,1.90348372 10.4105534,3.08680754 C11.4899287,3.62250143 12.3694196,4.50199886 12.9051096,5.5893775 C14.0884247,5.75728156 14.9999489,6.76470589 14.9999489,7.99600228 C15.0078925,9.23529411 14.0884247,10.2507139 12.9051096,10.4106225 Z M8.00394627,13.7846945 C8.67555756,13.7846945 9.21924289,13.2410052 9.21924289,12.5693889 C9.21924289,11.8977727 8.67555756,11.3540834 8.00394627,11.3540834 C7.33233498,11.3540834 6.78864966,11.8977727 6.78864966,12.5693889 C6.78864966,13.2410052 7.33233498,13.7846945 8.00394627,13.7846945 Z M3.43858861,6.78069676 C2.76697732,6.78069676 2.22329199,7.32438608 2.22329199,7.99600228 C2.22329199,8.66761849 2.76697732,9.21130783 3.43858861,9.21130783 C4.11019989,9.21130783 4.65388521,8.67561394 4.65388521,8.00399772 C4.65388521,7.3323815 4.11019988,6.78069676 3.43858861,6.78069676 Z M8.00394627,2.21530554 C7.33233498,2.21530554 6.78864966,2.75899486 6.78864966,3.43860652 C6.78864966,4.11821817 7.33233498,4.65391206 8.00394627,4.65391206 C8.67555756,4.65391206 9.21924289,4.11022274 9.21924289,3.43860652 C9.21924289,2.7669903 8.67555756,2.21530554 8.00394627,2.21530554 L8.00394627,2.21530554 Z M10.2506459,4.38206739 C9.8828588,5.25356939 9.0113632,5.86921759 8.00394627,5.86921759 C6.99652934,5.86921759 6.12503374,5.25356939 5.75724661,4.38206739 C5.19757054,4.72587094 4.72584357,5.19760137 4.38204255,5.75728156 C5.25353815,6.12507139 5.86918182,6.98857795 5.86918182,8.00399772 C5.86918182,9.01142205 5.25353815,9.87492861 4.38204255,10.2507139 C4.72584357,10.8103941 5.19757054,11.2821245 5.75724661,11.625928 C6.12503374,10.754426 6.98853397,10.1387778 8.00394627,10.1387778 C9.0113632,10.1387778 9.87486343,10.754426 10.2506459,11.625928 C10.8023266,11.2821245 11.2740536,10.8103941 11.62585,10.2507139 C10.7543544,9.88292405 10.1387107,9.01941748 10.1387107,8.01199315 C10.1387107,7.00456882 10.7543544,6.14106226 11.62585,5.76527699 C11.2740536,5.19760138 10.8023266,4.73386637 10.2506459,4.38206739 Z M12.569304,6.78069676 C11.8976927,6.78069676 11.3540073,7.32438608 11.3540073,7.99600228 C11.3540073,8.66761849 11.8976927,9.21130783 12.569304,9.21130783 C13.2409152,9.21130783 13.7846006,8.6676185 13.7846006,7.99600228 C13.7846006,7.32438606 13.2409152,6.78069676 12.569304,6.78069676 L12.569304,6.78069676 Z" id="形状"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/pricing.svg b/web/src/assets/images/menu/pricing.svg
deleted file mode 100644
index 5510ba23..00000000
--- a/web/src/assets/images/menu/pricing.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>菜单-收费管理</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="首页-弹窗" transform="translate(-904, -514)" stroke="#5F6266">
-            <g id="编组-7" transform="translate(904, 314)">
-                <g id="菜单-收费管理" transform="translate(0, 200)">
-                    <g id="编组-8" transform="translate(2, 2)">
-                        <polyline id="路径" points="7.5 5.80029489 6 7.30029489 4.5 5.80029489"></polyline>
-                        <path d="M9.5,2 L10.5,2 C11.3284271,2 12,2.67157288 12,3.5 L12,10.5 C12,11.3284271 11.3284271,12 10.5,12 L1.5,12 C0.671572875,12 0,11.3284271 0,10.5 L0,3.5 C0,2.67157288 0.671572875,2 1.5,2 L2.5,2 L2.5,2" id="路径"></path>
-                        <path d="M2.5,2.5 L2.5,1 C2.5,0.44771525 2.94771525,1.11022302e-16 3.5,0 L8.5,0 C9.05228475,0 9.5,0.44771525 9.5,1 L9.5,2.5 L9.5,2.5" id="路径"></path>
-                        <line x1="0" y1="4.01402447" x2="12" y2="4.01402447" id="路径-4"></line>
-                        <line x1="4.01045351" y1="1.8" x2="8.01045351" y2="1.8" id="路径-5"></line>
-                        <line x1="6" y1="7.22565966" x2="6" y2="10.0211794" id="路径-6"></line>
-                        <line x1="4.5" y1="7.70544887" x2="7.5" y2="7.70544887" id="路径-7"></line>
-                        <line x1="4.5" y1="9.20544887" x2="7.5" y2="9.20544887" id="路径-7"></line>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/pricing_active.svg b/web/src/assets/images/menu/pricing_active.svg
deleted file mode 100644
index f708877d..00000000
--- a/web/src/assets/images/menu/pricing_active.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>菜单-收费管理</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="首页-弹窗" transform="translate(-975, -514)" stroke="#212332">
-            <g id="编组-7" transform="translate(975, 314)">
-                <g id="菜单-收费管理" transform="translate(0, 200)">
-                    <g id="编组-8" transform="translate(2, 2)">
-                        <polyline id="路径" points="7.5 5.80029489 6 7.30029489 4.5 5.80029489"></polyline>
-                        <path d="M9.5,2 L10.5,2 C11.3284271,2 12,2.67157288 12,3.5 L12,10.5 C12,11.3284271 11.3284271,12 10.5,12 L1.5,12 C0.671572875,12 0,11.3284271 0,10.5 L0,3.5 C0,2.67157288 0.671572875,2 1.5,2 L2.5,2 L2.5,2" id="路径"></path>
-                        <path d="M2.5,2.5 L2.5,1 C2.5,0.44771525 2.94771525,1.11022302e-16 3.5,0 L8.5,0 C9.05228475,0 9.5,0.44771525 9.5,1 L9.5,2.5 L9.5,2.5" id="路径"></path>
-                        <line x1="0" y1="4.01402447" x2="12" y2="4.01402447" id="路径-4"></line>
-                        <line x1="4.01045351" y1="1.8" x2="8.01045351" y2="1.8" id="路径-5"></line>
-                        <line x1="6" y1="7.22565966" x2="6" y2="10.0211794" id="路径-6"></line>
-                        <line x1="4.5" y1="7.70544887" x2="7.5" y2="7.70544887" id="路径-7"></line>
-                        <line x1="4.5" y1="9.20544887" x2="7.5" y2="9.20544887" id="路径-7"></line>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/prompt.svg b/web/src/assets/images/menu/prompt.svg
deleted file mode 100644
index ffef9a34..00000000
--- a/web/src/assets/images/menu/prompt.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>提示词备份</title>
-    <g id="v0.2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="红熊空间-记忆管理" transform="translate(-54, -575)" stroke="#5B6167" stroke-width="1.1">
-            <g id="提示词备份" transform="translate(54, 575)">
-                <g id="编组-34" transform="translate(2.5, 2)">
-                    <path d="M3.96581416,12 L1.5,12 C0.671572875,12 0,11.3284271 0,10.5 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 L9.39685919,0 C10.2252863,-1.55431223e-15 10.8968592,0.671572875 10.8968592,1.5 L10.8968592,2.99293149 L10.8968592,2.99293149" id="路径"></path>
-                    <path d="M3.26905776,3.27272727 L7.62780143,3.27272727 M5.4484296,3.27272727 L5.4484296,7.63636364" id="形状结合"></path>
-                    <polygon id="路径-11" points="9.22121994 6.54545455 6.91984008 10.2384806 7.8543485 12 9.77860327 12 12 8.17112299"></polygon>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/prompt_active.svg b/web/src/assets/images/menu/prompt_active.svg
deleted file mode 100644
index ac45e13c..00000000
--- a/web/src/assets/images/menu/prompt_active.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>提示词</title>
-    <g id="v0.2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="红熊空间-记忆管理" transform="translate(-28, -575)" stroke="#212332" stroke-width="1.1">
-            <g id="提示词" transform="translate(28, 575)">
-                <g id="编组-34" transform="translate(2.5, 2)">
-                    <path d="M3.96581416,12 L1.5,12 C0.671572875,12 0,11.3284271 0,10.5 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 L9.39685919,0 C10.2252863,-1.55431223e-15 10.8968592,0.671572875 10.8968592,1.5 L10.8968592,2.99293149 L10.8968592,2.99293149" id="路径"></path>
-                    <path d="M3.26905776,3.27272727 L7.62780143,3.27272727 M5.4484296,3.27272727 L5.4484296,7.63636364" id="形状结合"></path>
-                    <polygon id="路径-11" points="9.22121994 6.54545455 6.91984008 10.2384806 7.8543485 12 9.77860327 12 12 8.17112299"></polygon>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/skills.svg b/web/src/assets/images/menu/skills.svg
deleted file mode 100644
index ac121d1e..00000000
--- a/web/src/assets/images/menu/skills.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>技能点</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页-超级管理员" transform="translate(-46, -456)" fill-rule="nonzero" stroke="#5B6167" stroke-width="1.1">
-            <g id="技能点" transform="translate(46, 456)">
-                <g id="编组-21" transform="translate(1, 1)">
-                    <path d="M7,0.55 C8.78106,0.55 10.3935572,1.27197468 11.5607913,2.43920873 C12.7280253,3.60644278 13.45,5.21894 13.45,7 C13.45,8.78106 12.7280253,10.3935572 11.5607913,11.5607913 C10.3935572,12.7280253 8.78106,13.45 7,13.45 C5.21894,13.45 3.60644278,12.7280253 2.43920873,11.5607913 C1.27197468,10.3935572 0.55,8.78106 0.55,7 C0.55,5.21894 1.27197468,3.60644278 2.43920873,2.43920873 C3.60644278,1.27197468 5.21894,0.55 7,0.55 Z" id="路径"></path>
-                    <polygon id="路径" stroke-linejoin="round" points="6.66706155 11 6.44510258 7.80088942 4 7.80088942 7.55505896 3 7.55505896 6.20059295 10 6.4285479"></polygon>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/skills_active.svg b/web/src/assets/images/menu/skills_active.svg
deleted file mode 100644
index 789b5586..00000000
--- a/web/src/assets/images/menu/skills_active.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>技能点备份</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页-超级管理员" transform="translate(-22, -456)" fill-rule="nonzero" stroke="#212332" stroke-width="1.1">
-            <g id="技能点备份" transform="translate(22, 456)">
-                <g id="编组-21" transform="translate(1, 1)">
-                    <path d="M7,0.55 C8.78106,0.55 10.3935572,1.27197468 11.5607913,2.43920873 C12.7280253,3.60644278 13.45,5.21894 13.45,7 C13.45,8.78106 12.7280253,10.3935572 11.5607913,11.5607913 C10.3935572,12.7280253 8.78106,13.45 7,13.45 C5.21894,13.45 3.60644278,12.7280253 2.43920873,11.5607913 C1.27197468,10.3935572 0.55,8.78106 0.55,7 C0.55,5.21894 1.27197468,3.60644278 2.43920873,2.43920873 C3.60644278,1.27197468 5.21894,0.55 7,0.55 Z" id="路径"></path>
-                    <polygon id="路径" stroke-linejoin="round" points="6.66706155 11 6.44510258 7.80088942 4 7.80088942 7.55505896 3 7.55505896 6.20059295 10 6.4285479"></polygon>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/space.svg b/web/src/assets/images/menu/space.svg
deleted file mode 100644
index c82c7922..00000000
--- a/web/src/assets/images/menu/space.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>模型管理</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-24, -208)" stroke="#5B6167">
-            <g id="空间管理" transform="translate(12, 200)">
-                <g id="模型管理" transform="translate(12, 8)">
-                    <path d="M8,1.80940108 C8.2589746,1.80940108 8.51794919,1.87638837 8.75,2.01036297 L12.8121778,4.35566243 C13.2762794,4.62361163 13.5621778,5.11880215 13.5621778,5.65470054 L13.5621778,10.3452995 C13.5621778,10.6132487 13.4907032,10.8710209 13.3612159,11.0952995 C13.2317286,11.319578 13.0442286,11.510363 12.8121778,11.6443376 L8.75,13.989637 C8.51794919,14.1236116 8.2589746,14.1905989 8,14.1905989 C7.7410254,14.1905989 7.48205081,14.1236116 7.25,13.989637 L3.18782217,11.6443376 C2.72372056,11.3763884 2.43782217,10.8811978 2.43782217,10.3452995 L2.43782217,5.65470054 C2.43782217,5.38675135 2.50929677,5.12897912 2.63878407,4.90470054 C2.76827137,4.68042196 2.95577137,4.48963703 3.18782217,4.35566243 L7.25,2.01036297 C7.48205081,1.87638837 7.7410254,1.80940108 8,1.80940108 Z" id="多边形"></path>
-                    <polyline id="路径" stroke-linecap="round" stroke-linejoin="round" points="10.5 6 8 7.66666667 5.5 6"></polyline>
-                    <line x1="8" y1="8.00532812" x2="8" y2="10.5053281" id="路径-19" stroke-linecap="round" stroke-linejoin="round"></line>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/spaceConfig.svg b/web/src/assets/images/menu/spaceConfig.svg
deleted file mode 100644
index bcfeae12..00000000
--- a/web/src/assets/images/menu/spaceConfig.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>模型 (1)</title>
-    <g id="v0.2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆管理" transform="translate(-24, -409)" stroke="#5B6167">
-            <g id="记忆对话备份-2" transform="translate(12, 401)">
-                <g id="模型-(1)" transform="translate(12, 8)">
-                    <g id="编组-21" transform="translate(1.5, 1.5)">
-                        <path d="M7,0.288675135 L11.6291651,2.96132487 C11.9385662,3.13995766 12.1291651,3.47008468 12.1291651,3.82735027 L12.1291651,9.17264973 C12.1291651,9.52991532 11.9385662,9.86004234 11.6291651,10.0386751 L7,12.7113249 C6.69059892,12.8899577 6.30940108,12.8899577 6,12.7113249 L1.37083488,10.0386751 C1.0614338,9.86004234 0.870834875,9.52991532 0.870834875,9.17264973 L0.870834875,3.82735027 C0.870834875,3.47008468 1.0614338,3.13995766 1.37083488,2.96132487 L6,0.288675135 C6.30940108,0.11004234 6.69059892,0.11004234 7,0.288675135 Z" id="多边形"></path>
-                        <polyline id="路径-15" points="0.931223827 3.37218958 6.5 6.5 6.5 12.8581283"></polyline>
-                        <line x1="6.5" y1="6.49748419" x2="12.0714286" y2="3.37218958" id="路径-16"></line>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/spaceConfig_active.svg b/web/src/assets/images/menu/spaceConfig_active.svg
deleted file mode 100644
index 41b25689..00000000
--- a/web/src/assets/images/menu/spaceConfig_active.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>模型 (1)</title>
-    <g id="v0.2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆管理" transform="translate(-24, -409)" stroke="#212332">
-            <g id="记忆对话备份-2" transform="translate(12, 401)">
-                <g id="模型-(1)" transform="translate(12, 8)">
-                    <g id="编组-21" transform="translate(1.5, 1.5)">
-                        <path d="M7,0.288675135 L11.6291651,2.96132487 C11.9385662,3.13995766 12.1291651,3.47008468 12.1291651,3.82735027 L12.1291651,9.17264973 C12.1291651,9.52991532 11.9385662,9.86004234 11.6291651,10.0386751 L7,12.7113249 C6.69059892,12.8899577 6.30940108,12.8899577 6,12.7113249 L1.37083488,10.0386751 C1.0614338,9.86004234 0.870834875,9.52991532 0.870834875,9.17264973 L0.870834875,3.82735027 C0.870834875,3.47008468 1.0614338,3.13995766 1.37083488,2.96132487 L6,0.288675135 C6.30940108,0.11004234 6.69059892,0.11004234 7,0.288675135 Z" id="多边形"></path>
-                        <polyline id="路径-15" points="0.931223827 3.37218958 6.5 6.5 6.5 12.8581283"></polyline>
-                        <line x1="6.5" y1="6.49748419" x2="12.0714286" y2="3.37218958" id="路径-16"></line>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/space_active.svg b/web/src/assets/images/menu/space_active.svg
deleted file mode 100644
index 69b1629c..00000000
--- a/web/src/assets/images/menu/space_active.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>模型管理</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-24, -208)" stroke="#212332">
-            <g id="空间管理" transform="translate(12, 200)">
-                <g id="模型管理" transform="translate(12, 8)">
-                    <path d="M8,1.80940108 C8.2589746,1.80940108 8.51794919,1.87638837 8.75,2.01036297 L12.8121778,4.35566243 C13.2762794,4.62361163 13.5621778,5.11880215 13.5621778,5.65470054 L13.5621778,10.3452995 C13.5621778,10.6132487 13.4907032,10.8710209 13.3612159,11.0952995 C13.2317286,11.319578 13.0442286,11.510363 12.8121778,11.6443376 L8.75,13.989637 C8.51794919,14.1236116 8.2589746,14.1905989 8,14.1905989 C7.7410254,14.1905989 7.48205081,14.1236116 7.25,13.989637 L3.18782217,11.6443376 C2.72372056,11.3763884 2.43782217,10.8811978 2.43782217,10.3452995 L2.43782217,5.65470054 C2.43782217,5.38675135 2.50929677,5.12897912 2.63878407,4.90470054 C2.76827137,4.68042196 2.95577137,4.48963703 3.18782217,4.35566243 L7.25,2.01036297 C7.48205081,1.87638837 7.7410254,1.80940108 8,1.80940108 Z" id="多边形"></path>
-                    <polyline id="路径" stroke-linecap="round" stroke-linejoin="round" points="10.5 6 8 7.66666667 5.5 6"></polyline>
-                    <line x1="8" y1="8.00532812" x2="8" y2="10.5053281" id="路径-19" stroke-linecap="round" stroke-linejoin="round"></line>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/tool.png b/web/src/assets/images/menu/tool.png
deleted file mode 100644
index 669238e8..00000000
Binary files a/web/src/assets/images/menu/tool.png and /dev/null differ
diff --git a/web/src/assets/images/menu/tool_active.png b/web/src/assets/images/menu/tool_active.png
deleted file mode 100644
index 252cd702..00000000
Binary files a/web/src/assets/images/menu/tool_active.png and /dev/null differ
diff --git a/web/src/assets/images/menu/user.svg b/web/src/assets/images/menu/user.svg
deleted file mode 100644
index b1eaf5b9..00000000
--- a/web/src/assets/images/menu/user.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>138设置、系统设置、功能设置、属性</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-24, -248)" fill-rule="nonzero" stroke="#5B6167">
-            <g id="系统设置" transform="translate(12, 240)">
-                <g id="138设置、系统设置、功能设置、属性" transform="translate(12, 8)">
-                    <path d="M6.47756301,2.10139537 C6.82472641,2.44666235 7.54200401,2.896875 7.94838547,2.896875 C8.35642944,2.896875 9.07123488,2.44541076 9.42025837,2.10034757 L11.8290583,2.8871092 C11.9806333,2.97251612 12.0939752,3.09398778 12.1501758,3.23471405 C12.1984918,3.35569736 12.2014109,3.48997165 12.1475877,3.61561641 C12.1441426,3.62379649 12.1429332,3.62683138 12.1417886,3.6297462 C12.0951396,3.74854349 11.9916207,4.08667577 11.9916207,4.3234375 C11.9916207,4.83953119 12.2015164,5.30882905 12.5413063,5.6487743 C12.8805134,5.98813645 13.3488806,6.1984375 13.8659922,6.1984375 C13.9862531,6.1984375 14.0908113,6.23337231 14.1704145,6.30507313 C14.2688502,6.3937369 14.3288418,6.52589071 14.3615158,6.67977685 C14.4161324,7.00883571 14.5027575,7.52092705 14.4999263,7.94375 C14.4999263,8.40049338 14.4109632,8.89918233 14.3734613,9.11132529 C14.3363501,9.31726262 14.2743874,9.48296806 14.1723698,9.59188224 C14.1089226,9.65961857 14.0275509,9.69375 13.9347108,9.69375 C13.3827328,9.69375 12.9040318,9.90006323 12.5595779,10.2261471 C12.1984978,10.5679706 11.9822499,11.0432003 11.9822499,11.56875 C11.9822499,11.5928398 11.9827043,11.6168239 11.9836306,11.6407277 C11.9889063,11.6600195 11.9942738,11.6797174 11.9997384,11.6998324 C12.1739241,12.3410064 12.218788,12.5668126 12.1639963,12.7674283 C12.1302616,12.8909454 12.0621989,13.0054761 11.957116,13.0752012 L10.2781093,14.0066985 C10.1690058,14.0601373 10.0755081,14.1015625 9.94747142,14.1015625 C9.75971122,14.1015625 9.5767828,14.0247377 9.44680873,13.8965274 C8.8649484,13.3144011 8.27656292,13.028125 7.94213833,13.028125 C7.49355309,13.028125 6.78132891,13.5616177 6.52111244,13.7894113 C6.51429891,13.7953758 6.50723664,13.8016198 6.49999157,13.8081479 C6.4955529,13.8130674 6.49104137,13.8179611 6.48645709,13.8228289 C6.35828486,13.9589266 6.20641694,14.0394678 6.03747413,14.0621197 L4.07256889,13.1133111 C3.94647876,13.0220509 3.8566678,12.894028 3.81088812,12.7555394 C3.76732029,12.6237419 3.76239339,12.4801325 3.81772787,12.3540121 L3.82297013,12.3416608 C3.87191171,12.2170815 3.97543065,11.8789492 3.97543065,11.6421875 C3.97543065,11.1260938 3.76553489,10.6567959 3.42574501,10.3168507 C3.08653795,9.97748855 2.61817067,9.7671875 2.10105906,9.7671875 C1.99588937,9.7671875 1.90338435,9.73103612 1.8314522,9.66379784 C1.73535578,9.57397212 1.67442564,9.44109154 1.64145225,9.28582164 C1.58700754,8.95776086 1.5,8.44166027 1.5,8.01875 C1.5,7.60281106 1.58586019,7.09612111 1.62261901,6.87399355 C1.66183251,6.6525909 1.72340809,6.48231716 1.82679019,6.37090499 C1.88997019,6.30281756 1.97105062,6.26875 2.0635762,6.26875 C2.61342926,6.26875 3.09152136,6.0622124 3.43568045,5.7353532 C3.79544418,5.39367376 4.01135173,4.91882871 4.01135173,4.39375 C4.01135173,4.08592256 3.87382481,3.7309595 3.82708055,3.62679989 C3.76421019,3.4864865 3.75860434,3.33026367 3.79680791,3.19038418 C3.83036284,3.06752535 3.89788083,2.95355729 4.00201132,2.88372979 L5.66973097,1.98021426 C6.11210813,1.92997058 6.33324033,1.95901743 6.47756301,2.10139537 Z M7.99836262,5.325 C7.25971916,5.325 6.5912057,5.62435998 6.10734543,6.10844149 C5.62356785,6.59244027 5.32435665,7.26113429 5.32435665,8 C5.32435665,8.73886571 5.62356785,9.40755973 6.10734543,9.89155851 C6.5912057,10.37564 7.25971916,10.675 7.99836262,10.675 C8.73700608,10.675 9.40551954,10.37564 9.88937981,9.89155851 C10.3731574,9.40755973 10.6723686,8.73886571 10.6723686,8 C10.6723686,7.26113429 10.3731574,6.59244027 9.88937981,6.10844149 C9.40551954,5.62435998 8.73700608,5.325 7.99836262,5.325 Z" id="形状"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/userMemory1.svg b/web/src/assets/images/menu/userMemory1.svg
deleted file mode 100644
index c4b9cd51..00000000
--- a/web/src/assets/images/menu/userMemory1.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 29</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-应用管理" transform="translate(-24, -249)" stroke="#5B6167">
-            <g id="记忆库" transform="translate(12, 241)">
-                <g id="编组-29" transform="translate(12, 8)">
-                    <g id="编组-30" transform="translate(1.5, 2)">
-                        <path d="M5.15208739,12 L3.96504286,11.9873871 C3.14287934,11.9786512 2.48098017,11.3096817 2.48098017,10.4874718 L2.48098017,8.17573134 L2.48098017,8.17573134 L0.701703053,7.96314675 C0.482349244,7.93693878 0.325773604,7.73787163 0.351981572,7.51851782 C0.360586526,7.44649662 0.388612869,7.37817062 0.433061291,7.3208519 L1.79815052,5.56049306 L1.79815052,5.56049306 L1.79815052,5.43150782 C1.79815052,2.43176888 4.30576994,0 7.39907526,0 C10.4923806,0 13,2.43176888 13,5.43150782" id="路径" stroke-linecap="round"></path>
-                        <path d="M8,6 L11,6 C11.5522847,6 12,6.44771525 12,7 L12,11 C12,11.5522847 11.5522847,12 11,12 L8,12 C7.44771525,12 7,11.5522847 7,11 L7,7 C7,6.44771525 7.44771525,6 8,6 Z" id="矩形"></path>
-                        <line x1="7" y1="8" x2="12" y2="8" id="路径-26"></line>
-                        <line x1="7" y1="10" x2="12" y2="10" id="路径-26备份"></line>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/user_active.svg b/web/src/assets/images/menu/user_active.svg
deleted file mode 100644
index 38de2069..00000000
--- a/web/src/assets/images/menu/user_active.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>138设置、系统设置、功能设置、属性</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆看板" transform="translate(-24, -248)" fill-rule="nonzero" stroke="#212332">
-            <g id="系统设置" transform="translate(12, 240)">
-                <g id="138设置、系统设置、功能设置、属性" transform="translate(12, 8)">
-                    <path d="M6.47756301,2.10139537 C6.82472641,2.44666235 7.54200401,2.896875 7.94838547,2.896875 C8.35642944,2.896875 9.07123488,2.44541076 9.42025837,2.10034757 L11.8290583,2.8871092 C11.9806333,2.97251612 12.0939752,3.09398778 12.1501758,3.23471405 C12.1984918,3.35569736 12.2014109,3.48997165 12.1475877,3.61561641 C12.1441426,3.62379649 12.1429332,3.62683138 12.1417886,3.6297462 C12.0951396,3.74854349 11.9916207,4.08667577 11.9916207,4.3234375 C11.9916207,4.83953119 12.2015164,5.30882905 12.5413063,5.6487743 C12.8805134,5.98813645 13.3488806,6.1984375 13.8659922,6.1984375 C13.9862531,6.1984375 14.0908113,6.23337231 14.1704145,6.30507313 C14.2688502,6.3937369 14.3288418,6.52589071 14.3615158,6.67977685 C14.4161324,7.00883571 14.5027575,7.52092705 14.4999263,7.94375 C14.4999263,8.40049338 14.4109632,8.89918233 14.3734613,9.11132529 C14.3363501,9.31726262 14.2743874,9.48296806 14.1723698,9.59188224 C14.1089226,9.65961857 14.0275509,9.69375 13.9347108,9.69375 C13.3827328,9.69375 12.9040318,9.90006323 12.5595779,10.2261471 C12.1984978,10.5679706 11.9822499,11.0432003 11.9822499,11.56875 C11.9822499,11.5928398 11.9827043,11.6168239 11.9836306,11.6407277 C11.9889063,11.6600195 11.9942738,11.6797174 11.9997384,11.6998324 C12.1739241,12.3410064 12.218788,12.5668126 12.1639963,12.7674283 C12.1302616,12.8909454 12.0621989,13.0054761 11.957116,13.0752012 L10.2781093,14.0066985 C10.1690058,14.0601373 10.0755081,14.1015625 9.94747142,14.1015625 C9.75971122,14.1015625 9.5767828,14.0247377 9.44680873,13.8965274 C8.8649484,13.3144011 8.27656292,13.028125 7.94213833,13.028125 C7.49355309,13.028125 6.78132891,13.5616177 6.52111244,13.7894113 C6.51429891,13.7953758 6.50723664,13.8016198 6.49999157,13.8081479 C6.4955529,13.8130674 6.49104137,13.8179611 6.48645709,13.8228289 C6.35828486,13.9589266 6.20641694,14.0394678 6.03747413,14.0621197 L4.07256889,13.1133111 C3.94647876,13.0220509 3.8566678,12.894028 3.81088812,12.7555394 C3.76732029,12.6237419 3.76239339,12.4801325 3.81772787,12.3540121 L3.82297013,12.3416608 C3.87191171,12.2170815 3.97543065,11.8789492 3.97543065,11.6421875 C3.97543065,11.1260938 3.76553489,10.6567959 3.42574501,10.3168507 C3.08653795,9.97748855 2.61817067,9.7671875 2.10105906,9.7671875 C1.99588937,9.7671875 1.90338435,9.73103612 1.8314522,9.66379784 C1.73535578,9.57397212 1.67442564,9.44109154 1.64145225,9.28582164 C1.58700754,8.95776086 1.5,8.44166027 1.5,8.01875 C1.5,7.60281106 1.58586019,7.09612111 1.62261901,6.87399355 C1.66183251,6.6525909 1.72340809,6.48231716 1.82679019,6.37090499 C1.88997019,6.30281756 1.97105062,6.26875 2.0635762,6.26875 C2.61342926,6.26875 3.09152136,6.0622124 3.43568045,5.7353532 C3.79544418,5.39367376 4.01135173,4.91882871 4.01135173,4.39375 C4.01135173,4.08592256 3.87382481,3.7309595 3.82708055,3.62679989 C3.76421019,3.4864865 3.75860434,3.33026367 3.79680791,3.19038418 C3.83036284,3.06752535 3.89788083,2.95355729 4.00201132,2.88372979 L5.66973097,1.98021426 C6.11210813,1.92997058 6.33324033,1.95901743 6.47756301,2.10139537 Z M7.99836262,5.325 C7.25971916,5.325 6.5912057,5.62435998 6.10734543,6.10844149 C5.62356785,6.59244027 5.32435665,7.26113429 5.32435665,8 C5.32435665,8.73886571 5.62356785,9.40755973 6.10734543,9.89155851 C6.5912057,10.37564 7.25971916,10.675 7.99836262,10.675 C8.73700608,10.675 9.40551954,10.37564 9.88937981,9.89155851 C10.3731574,9.40755973 10.6723686,8.73886571 10.6723686,8 C10.6723686,7.26113429 10.3731574,6.59244027 9.88937981,6.10844149 C9.40551954,5.62435998 8.73700608,5.325 7.99836262,5.325 Z" id="形状"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/apiKey.svg b/web/src/assets/images/menuNew/apiKey.svg
new file mode 100644
index 00000000..c31e2d5c
--- /dev/null
+++ b/web/src/assets/images/menuNew/apiKey.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>api</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -514)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.1">
+            <g id="API-管理" transform="translate(12, 503)">
+                <g id="api" transform="translate(10, 11)">
+                    <path d="M14.9601078,1.76719383 L14.2326114,1.03947531 C14.2051587,1.01201424 14.1708428,1 14.1348111,1 C14.0987795,1 14.0644636,1.01373054 14.0370109,1.03947531 L12.731292,2.34559274 C12.1636692,1.96088536 11.4935287,1.75577531 10.8078875,1.75689592 C9.92940124,1.75689592 9.05091497,2.09157778 8.38003972,2.76265785 L6.63164613,4.51158515 C6.57847934,4.56529527 6.57847934,4.65181889 6.63164613,4.705529 L11.2934571,9.36876302 C11.3209098,9.39622409 11.3552256,9.40823833 11.3912573,9.40823833 C11.4255732,9.40823833 11.4616048,9.39450779 11.4890575,9.36876302 L13.2374511,7.61983572 C14.4196328,6.4355768 14.5586121,4.60426627 13.6543889,3.26897144 L14.9601078,1.96285399 C15.0132974,1.90793184 15.0132974,1.82039966 14.9601078,1.76719383 L14.9601078,1.76719383 Z M12.4104386,6.79428712 L11.3912573,7.81377958 L8.18615504,4.60769892 L9.20533638,3.58820646 C9.63256897,3.16084346 10.2022124,2.92399167 10.8078875,2.92399167 C11.4135626,2.92399167 11.9814903,3.15912714 12.4104386,3.58820646 C12.8376712,4.01556946 13.0744507,4.5853868 13.0744507,5.19124679 C13.0744507,5.79710679 12.8376712,6.36520781 12.4104386,6.79428712 L12.4104386,6.79428712 Z M9.14699941,8.59642026 C9.09330568,8.54323723 9.00680847,8.54323723 8.95311474,8.59642026 L7.81039626,9.73948756 L6.26103472,8.18965307 L7.405469,7.04486944 C7.4586586,6.9916636 7.4586586,6.90413142 7.405469,6.85092558 L6.78092016,6.22618609 C6.72722644,6.17300307 6.64072922,6.17300307 6.58703549,6.22618609 L5.44260123,7.37096972 L4.70481003,6.6329533 C4.67892917,6.60704433 4.64361872,6.5927919 4.60700979,6.59347799 C4.57269393,6.59347799 4.53666226,6.60720854 4.50920956,6.6329533 L2.76253177,8.3818806 C1.58035005,9.56613952 1.44137077,11.39745 2.34559395,12.7327449 L1.0398751,14.0388623 C0.986708301,14.0925724 0.986708301,14.1790961 1.0398751,14.2328062 L1.76737154,14.9605247 C1.79482423,14.9879858 1.82914012,15 1.86517176,15 C1.90120341,15 1.93551929,14.9862695 1.962972,14.9605247 L3.26869086,13.6544073 C3.84691328,14.0474439 4.51950433,14.2431041 5.19209537,14.2431041 C6.07058165,14.2431041 6.94906791,13.9084222 7.61994318,13.2373422 L9.36833677,11.4884149 C9.42152636,11.435209 9.42152636,11.3476768 9.36833677,11.294471 L8.63054556,10.5564546 L9.77497982,9.41167096 C9.82816942,9.35846512 9.82816942,9.27093293 9.77497982,9.2177271 L9.14699941,8.59642026 L9.14699941,8.59642026 Z M6.79293072,12.4135099 C6.36876873,12.8399756 5.79177254,13.0791252 5.19037959,13.0777308 C4.58470448,13.0777308 4.01677682,12.8425892 3.58782846,12.4135099 C3.16149284,11.9892184 2.92241626,11.4120461 2.92381025,10.8104695 C2.92381025,10.2046095 3.15888007,9.63650851 3.58782846,9.2074292 L4.60700979,8.18793675 L7.81211206,11.3940174 L6.79293072,12.4135099 L6.79293072,12.4135099 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/apiKey_active.svg b/web/src/assets/images/menuNew/apiKey_active.svg
new file mode 100644
index 00000000..7520cb86
--- /dev/null
+++ b/web/src/assets/images/menuNew/apiKey_active.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>api</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -514)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.1">
+            <g id="API-管理" transform="translate(12, 503)">
+                <g id="api" transform="translate(10, 11)">
+                    <path d="M14.9601078,1.76719383 L14.2326114,1.03947531 C14.2051587,1.01201424 14.1708428,1 14.1348111,1 C14.0987795,1 14.0644636,1.01373054 14.0370109,1.03947531 L12.731292,2.34559274 C12.1636692,1.96088536 11.4935287,1.75577531 10.8078875,1.75689592 C9.92940124,1.75689592 9.05091497,2.09157778 8.38003972,2.76265785 L6.63164613,4.51158515 C6.57847934,4.56529527 6.57847934,4.65181889 6.63164613,4.705529 L11.2934571,9.36876302 C11.3209098,9.39622409 11.3552256,9.40823833 11.3912573,9.40823833 C11.4255732,9.40823833 11.4616048,9.39450779 11.4890575,9.36876302 L13.2374511,7.61983572 C14.4196328,6.4355768 14.5586121,4.60426627 13.6543889,3.26897144 L14.9601078,1.96285399 C15.0132974,1.90793184 15.0132974,1.82039966 14.9601078,1.76719383 L14.9601078,1.76719383 Z M12.4104386,6.79428712 L11.3912573,7.81377958 L8.18615504,4.60769892 L9.20533638,3.58820646 C9.63256897,3.16084346 10.2022124,2.92399167 10.8078875,2.92399167 C11.4135626,2.92399167 11.9814903,3.15912714 12.4104386,3.58820646 C12.8376712,4.01556946 13.0744507,4.5853868 13.0744507,5.19124679 C13.0744507,5.79710679 12.8376712,6.36520781 12.4104386,6.79428712 L12.4104386,6.79428712 Z M9.14699941,8.59642026 C9.09330568,8.54323723 9.00680847,8.54323723 8.95311474,8.59642026 L7.81039626,9.73948756 L6.26103472,8.18965307 L7.405469,7.04486944 C7.4586586,6.9916636 7.4586586,6.90413142 7.405469,6.85092558 L6.78092016,6.22618609 C6.72722644,6.17300307 6.64072922,6.17300307 6.58703549,6.22618609 L5.44260123,7.37096972 L4.70481003,6.6329533 C4.67892917,6.60704433 4.64361872,6.5927919 4.60700979,6.59347799 C4.57269393,6.59347799 4.53666226,6.60720854 4.50920956,6.6329533 L2.76253177,8.3818806 C1.58035005,9.56613952 1.44137077,11.39745 2.34559395,12.7327449 L1.0398751,14.0388623 C0.986708301,14.0925724 0.986708301,14.1790961 1.0398751,14.2328062 L1.76737154,14.9605247 C1.79482423,14.9879858 1.82914012,15 1.86517176,15 C1.90120341,15 1.93551929,14.9862695 1.962972,14.9605247 L3.26869086,13.6544073 C3.84691328,14.0474439 4.51950433,14.2431041 5.19209537,14.2431041 C6.07058165,14.2431041 6.94906791,13.9084222 7.61994318,13.2373422 L9.36833677,11.4884149 C9.42152636,11.435209 9.42152636,11.3476768 9.36833677,11.294471 L8.63054556,10.5564546 L9.77497982,9.41167096 C9.82816942,9.35846512 9.82816942,9.27093293 9.77497982,9.2177271 L9.14699941,8.59642026 L9.14699941,8.59642026 Z M6.79293072,12.4135099 C6.36876873,12.8399756 5.79177254,13.0791252 5.19037959,13.0777308 C4.58470448,13.0777308 4.01677682,12.8425892 3.58782846,12.4135099 C3.16149284,11.9892184 2.92241626,11.4120461 2.92381025,10.8104695 C2.92381025,10.2046095 3.15888007,9.63650851 3.58782846,9.2074292 L4.60700979,8.18793675 L7.81211206,11.3940174 L6.79293072,12.4135099 L6.79293072,12.4135099 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/application.svg b/web/src/assets/images/menuNew/application.svg
similarity index 65%
rename from web/src/assets/images/menu/application.svg
rename to web/src/assets/images/menuNew/application.svg
index 37967d3a..a8fe8fc0 100644
--- a/web/src/assets/images/menu/application.svg
+++ b/web/src/assets/images/menuNew/application.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>应用管理</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="记忆科学-菜单栏交互" transform="translate(-91, -864)" stroke="#5B6167">
-            <g id="编组" transform="translate(91, 758)">
-                <g id="应用管理" transform="translate(0, 106)">
-                    <g id="编组-5" transform="translate(2, 2.5)">
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="首页-红熊空间" transform="translate(-22, -160)" stroke="#171719" stroke-width="1.2">
+            <g id="应用管理" transform="translate(12, 149)">
+                <g transform="translate(10, 11)" id="编组-5">
+                    <g transform="translate(2, 2.5)">
                         <polygon id="多边形" points="6.01068475 1.20444033e-14 12 2.80366974 6.01068475 5.60733947 4.1955907e-13 2.80366974"></polygon>
                         <polyline id="路径-5" stroke-linecap="round" points="0.0258099883 5.48232067 6.00006652 8.35777875 11.9879499 5.48232067"></polyline>
                         <polyline id="路径-5" stroke-linecap="round" points="0.0258099883 8.12454192 6.00006652 11 11.9879499 8.12454192"></polyline>
diff --git a/web/src/assets/images/menu/application_active.svg b/web/src/assets/images/menuNew/application_active.svg
similarity index 65%
rename from web/src/assets/images/menu/application_active.svg
rename to web/src/assets/images/menuNew/application_active.svg
index 3fe48200..0d8f91f9 100644
--- a/web/src/assets/images/menu/application_active.svg
+++ b/web/src/assets/images/menuNew/application_active.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>应用管理</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <g id="记忆科学-菜单栏交互" transform="translate(-91, -864)" stroke="#212332">
-            <g id="编组" transform="translate(91, 758)">
-                <g id="应用管理" transform="translate(0, 106)">
-                    <g id="编组-5" transform="translate(2, 2.5)">
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="首页-红熊空间" transform="translate(-22, -160)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="应用管理" transform="translate(12, 149)">
+                <g transform="translate(10, 11)" id="编组-5">
+                    <g transform="translate(2, 2.5)">
                         <polygon id="多边形" points="6.01068475 1.20444033e-14 12 2.80366974 6.01068475 5.60733947 4.1955907e-13 2.80366974"></polygon>
                         <polyline id="路径-5" stroke-linecap="round" points="0.0258099883 5.48232067 6.00006652 8.35777875 11.9879499 5.48232067"></polyline>
                         <polyline id="路径-5" stroke-linecap="round" points="0.0258099883 8.12454192 6.00006652 11 11.9879499 8.12454192"></polyline>
diff --git a/web/src/assets/images/menuNew/dashboard.svg b/web/src/assets/images/menuNew/dashboard.svg
new file mode 100644
index 00000000..d35e35fb
--- /dev/null
+++ b/web/src/assets/images/menuNew/dashboard.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 27</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -114)" stroke="#171719" stroke-width="1.2">
+            <g id="记忆看板" transform="translate(12, 103)">
+                <g id="编组-27" transform="translate(10, 11)">
+                    <g id="编组-28" transform="translate(1.5, 1.5)">
+                        <rect id="矩形" x="0.6" y="0.6" width="5.3" height="5.3" rx="1"></rect>
+                        <rect id="矩形备份-23" x="8.18333333" y="6.01666667" width="4.21666667" height="6.38333333" rx="1"></rect>
+                        <rect id="矩形备份-21" x="0.6" y="8.18333333" width="5.3" height="4.21666667" rx="1"></rect>
+                        <rect id="矩形备份-22" x="8.18333333" y="0.6" width="4.21666667" height="3.13333333" rx="1"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/dashboard_active.svg b/web/src/assets/images/menuNew/dashboard_active.svg
new file mode 100644
index 00000000..4a0f57b6
--- /dev/null
+++ b/web/src/assets/images/menuNew/dashboard_active.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 27</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -114)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="记忆看板" transform="translate(12, 103)">
+                <g id="编组-27" transform="translate(10, 11)">
+                    <g id="编组-28" transform="translate(1.5, 1.5)">
+                        <rect id="矩形" x="0.6" y="0.6" width="5.3" height="5.3" rx="1"></rect>
+                        <rect id="矩形备份-23" x="8.18333333" y="6.01666667" width="4.21666667" height="6.38333333" rx="1"></rect>
+                        <rect id="矩形备份-21" x="0.6" y="8.18333333" width="5.3" height="4.21666667" rx="1"></rect>
+                        <rect id="矩形备份-22" x="8.18333333" y="0.6" width="4.21666667" height="3.13333333" rx="1"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/knowledge.svg b/web/src/assets/images/menuNew/knowledge.svg
new file mode 100644
index 00000000..2d7a28de
--- /dev/null
+++ b/web/src/assets/images/menuNew/knowledge.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>知识库</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -206)" stroke="#171719" stroke-width="1.2">
+            <g id="知识库" transform="translate(12, 195)">
+                <g transform="translate(10, 11)" id="编组-3">
+                    <g transform="translate(0.5, 1.9994)">
+                        <path d="M13.95,0.727307658 L14.4,11.7904253 L12.1284238,12.2404253 L11.6784238,1.17730766 L13.95,0.727307658 Z" id="矩形"></path>
+                        <path d="M9.3428104,0.727307658 L9.7928104,11.7904253 L7.5212342,12.2404253 L7.0712342,1.17730766 L9.3428104,0.727307658 Z" id="矩形"></path>
+                        <path d="M4.22994905,0.881993546 L4.66970443,11.667554 L2.39825721,12.1192647 L1.95850182,1.33370431 L4.22994905,0.881993546 Z" id="矩形备份-2" transform="translate(3.3141, 6.5006) rotate(13) translate(-3.3141, -6.5006)"></path>
+                        <line x1="11.8258789" y1="9.66321424" x2="14.456153" y2="9.66321424" id="路径-2"></line>
+                        <line x1="7.02875913" y1="9.66321424" x2="9.82341079" y2="9.66321424" id="路径-3"></line>
+                        <line x1="2.70447854" y1="3.22070203" x2="5.36043113" y2="3.85822883" id="路径-4"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/knowledge_active.svg b/web/src/assets/images/menuNew/knowledge_active.svg
new file mode 100644
index 00000000..0a2fba96
--- /dev/null
+++ b/web/src/assets/images/menuNew/knowledge_active.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>知识库</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -206)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="知识库" transform="translate(12, 195)">
+                <g transform="translate(10, 11)" id="编组-3">
+                    <g transform="translate(0.5, 1.9994)">
+                        <path d="M13.95,0.727307658 L14.4,11.7904253 L12.1284238,12.2404253 L11.6784238,1.17730766 L13.95,0.727307658 Z" id="矩形"></path>
+                        <path d="M9.3428104,0.727307658 L9.7928104,11.7904253 L7.5212342,12.2404253 L7.0712342,1.17730766 L9.3428104,0.727307658 Z" id="矩形"></path>
+                        <path d="M4.22994905,0.881993546 L4.66970443,11.667554 L2.39825721,12.1192647 L1.95850182,1.33370431 L4.22994905,0.881993546 Z" id="矩形备份-2" transform="translate(3.3141, 6.5006) rotate(13) translate(-3.3141, -6.5006)"></path>
+                        <line x1="11.8258789" y1="9.66321424" x2="14.456153" y2="9.66321424" id="路径-2"></line>
+                        <line x1="7.02875913" y1="9.66321424" x2="9.82341079" y2="9.66321424" id="路径-3"></line>
+                        <line x1="2.70447854" y1="3.22070203" x2="5.36043113" y2="3.85822883" id="路径-4"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/member.svg b/web/src/assets/images/menuNew/member.svg
new file mode 100644
index 00000000..35edbe1a
--- /dev/null
+++ b/web/src/assets/images/menuNew/member.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>用户总数总计</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="首页-红熊空间" transform="translate(-22, -560)" stroke="#171719" stroke-width="1.2">
+            <g id="成员管理" transform="translate(12, 549)">
+                <g id="用户总数总计" transform="translate(10, 11)">
+                    <g id="编组-9" transform="translate(1, 2.75)">
+                        <circle id="椭圆形" stroke-linecap="round" cx="4.9" cy="2.8" r="2.8"></circle>
+                        <path d="M10.5,6.3 C11.659798,6.3 12.6,5.35979797 12.6,4.2 C12.6,3.04020203 11.659798,2.1 10.5,2.1 C10.2565187,2.1 10.0227155,2.14143694 9.80525771,2.21764357" id="路径" stroke-linecap="round"></path>
+                        <path d="M14,9.8 C14,7.86700338 12.4329966,6.3 10.5,6.3" id="路径" stroke-linecap="round"></path>
+                        <path d="M9.8,10.5 C9.8,7.79380473 7.60619527,5.6 4.9,5.6 C2.19380473,5.6 0,7.79380473 0,10.5 L9.8,10.5 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/member_active.svg b/web/src/assets/images/menuNew/member_active.svg
new file mode 100644
index 00000000..96269cd5
--- /dev/null
+++ b/web/src/assets/images/menuNew/member_active.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>用户总数总计</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="首页-红熊空间" transform="translate(-22, -560)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="成员管理" transform="translate(12, 549)">
+                <g id="用户总数总计" transform="translate(10, 11)">
+                    <g id="编组-9" transform="translate(1, 2.75)">
+                        <circle id="椭圆形" stroke-linecap="round" cx="4.9" cy="2.8" r="2.8"></circle>
+                        <path d="M10.5,6.3 C11.659798,6.3 12.6,5.35979797 12.6,4.2 C12.6,3.04020203 11.659798,2.1 10.5,2.1 C10.2565187,2.1 10.0227155,2.14143694 9.80525771,2.21764357" id="路径" stroke-linecap="round"></path>
+                        <path d="M14,9.8 C14,7.86700338 12.4329966,6.3 10.5,6.3" id="路径" stroke-linecap="round"></path>
+                        <path d="M9.8,10.5 C9.8,7.79380473 7.60619527,5.6 4.9,5.6 C2.19380473,5.6 0,7.79380473 0,10.5 L9.8,10.5 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/memory.svg b/web/src/assets/images/menuNew/memory.svg
new file mode 100644
index 00000000..17c8368b
--- /dev/null
+++ b/web/src/assets/images/menuNew/memory.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>brain-2-line</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="首页-红熊空间" transform="translate(-22, -314)" stroke="#171719" stroke-width="1.2">
+            <g id="记忆管理" transform="translate(12, 303)">
+                <g id="brain-2-line" transform="translate(10, 11)">
+                    <g id="编组-25" transform="translate(1.5, 1.5)">
+                        <path d="M4.33333333,0 C5.47792347,0 6.41521956,0.888002575 6.49455988,2.0130005 L6.5,2.16781715 L6.49985495,10.4798288 C6.49995157,10.4888778 6.5,10.4979384 6.5,10.5070103 L6.499,10.534 L6.5,10.8390858 L6.47808338,10.8391196 C6.31578908,12.0589502 5.27189987,13 4.00833333,13 C2.63222383,13 1.51666667,11.8838505 1.51666667,10.5070103 C1.51666667,10.332196 1.53465035,10.1615842 1.56886767,9.99692601 C0.663423478,9.73754175 0,8.90246334 0,7.9123518 C0,7.36506373 0.202700377,6.86514401 0.537084253,6.48364722 C0.203054284,6.10374909 0,5.60343451 0,5.05566888 C0,3.85841652 0.970049709,2.88785173 2.16666667,2.88785173 C2.20862378,2.88785173 2.25030235,2.88904496 2.29167033,2.89139936 C2.210453,2.6663156 2.16666667,2.42218251 2.16666667,2.16781715 C2.16666667,0.970564798 3.13671638,0 4.33333333,0 Z" id="形状结合"></path>
+                        <path d="M10.8333333,0 C11.9779235,0 12.9152196,0.888002575 12.9945599,2.0130005 L13,2.16781715 L12.999855,10.4798288 C12.9999516,10.4888778 13,10.4979384 13,10.5070103 L12.999,10.534 L13,10.8390858 L12.9780834,10.8391196 C12.8157891,12.0589502 11.7718999,13 10.5083333,13 C9.13222383,13 8.01666667,11.8838505 8.01666667,10.5070103 C8.01666667,10.332196 8.03465035,10.1615842 8.06886767,9.99692601 C7.16342348,9.73754175 6.5,8.90246334 6.5,7.9123518 C6.5,7.36506373 6.70270038,6.86514401 7.03708425,6.48364722 C6.70305428,6.10374909 6.5,5.60343451 6.5,5.05566888 C6.5,3.85841652 7.47004971,2.88785173 8.66666667,2.88785173 C8.70862378,2.88785173 8.75030235,2.88904496 8.79167033,2.89139936 C8.710453,2.6663156 8.66666667,2.42218251 8.66666667,2.16781715 C8.66666667,0.970564798 9.63671638,0 10.8333333,0 Z" id="形状结合" transform="translate(9.75, 6.5) scale(-1, 1) translate(-9.75, -6.5)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/memoryConversation.svg b/web/src/assets/images/menuNew/memoryConversation.svg
new file mode 100644
index 00000000..f74146b0
--- /dev/null
+++ b/web/src/assets/images/menuNew/memoryConversation.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>对话</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -406)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.4">
+            <g id="记忆对话" transform="translate(12, 395)">
+                <g id="工作台-教育大脑" transform="translate(10, 11)">
+                    <path d="M7.95540943,1.25 C8.41761704,1.25 8.85057707,1.36299451 9.25428953,1.58898352 C9.56651987,1.76362637 9.83359926,1.98988754 10.0555277,2.26776701 C10.266013,2.2129899 10.4829205,2.1860989 10.7049214,2.1860989 C11.4576869,2.1860989 12.1001747,2.46054945 12.6323847,3.00945055 C13.1650741,3.55884615 13.4314189,4.22197802 13.4314189,4.99884615 C13.4314189,5.24097743 13.4026992,5.47613919 13.3452598,5.70433145 C13.7466336,5.8233062 14.0960865,6.05190476 14.3937121,6.3889011 C14.797904,6.84681319 15,7.38557692 15,8.00519231 C15,8.6253022 14.7976643,9.16431319 14.3929929,9.62222527 C14.0953673,9.95922161 13.7457828,10.1879558 13.3442395,10.308428 C13.4017208,10.5359945 13.4306997,10.7721723 13.4306997,11.0152473 C13.4306997,11.7926099 13.1645947,12.4557418 12.6323847,13.0046429 C12.0992157,13.5540385 11.4562485,13.8287363 10.703483,13.8287363 C10.4780827,13.8287363 10.2580667,13.8009711 10.0434348,13.7454407 C9.82317392,14.0190305 9.55725082,14.2423607 9.2470975,14.4147253 C8.84530292,14.6382418 8.4145005,14.75 7.95469023,14.75 C7.49487996,14.75 7.0638378,14.6379945 6.66156375,14.4139835 C6.3517962,14.2414394 6.08599677,14.0180563 5.86416546,13.7438344 C5.64954212,13.800113 5.42848474,13.8279945 5.20158225,13.8279945 C4.44881674,13.8279945 3.80632898,13.553544 3.27411898,13.0046429 C2.7414295,12.4557418 2.47508476,11.7928571 2.47508476,11.015989 C2.47508476,10.7624521 2.50650634,10.5165289 2.56934949,10.2782194 C2.18567031,10.1473487 1.85350871,9.91525204 1.57320456,9.58365385 C1.19106819,9.13217033 1,8.60626374 1,8.00593407 C1,7.4056044 1.19106819,6.87945055 1.57320456,6.42747253 C1.85315344,6.09660714 2.18495978,5.86497186 2.56862357,5.73256667 C2.50633565,5.49699093 2.47508476,5.25176484 2.47508476,4.99884615 C2.47508476,4.22247253 2.74118977,3.55958791 3.27339977,3.01019231 C3.80608925,2.46129121 4.44905647,2.18684066 5.20230145,2.18684066 C5.42562721,2.18684066 5.64349768,2.21384725 5.85591287,2.26786044 C6.07671236,1.99034854 6.34388224,1.76419896 6.65581013,1.58972527 C7.06000205,1.36324176 7.49320182,1.25 7.95540943,1.25 Z M5.20230145,2.92785714 C4.64755642,2.92785714 4.17432104,3.13010989 3.78259529,3.53461538 C3.39039008,3.93912088 3.19428748,4.4271978 3.19428748,4.99884615 C3.19428748,5.29225275 3.25125552,5.57115201 3.36519162,5.83554396 C3.36803146,5.83926102 3.36998973,5.84363327 3.37186491,5.8480435 C3.50378438,6.155 3.70132539,6.41585165 3.96167677,6.62700549 C4.1139045,6.75475826 4.13870256,6.98479843 4.01739913,7.14391603 C3.8960957,7.30303364 3.67349681,7.33245514 3.51720949,7.21002747 C3.24337945,6.98777189 3.02079861,6.72542853 2.84946698,6.42299739 C2.56496293,6.50788307 2.31997671,6.67327799 2.1147642,6.91554945 C1.85105654,7.22708791 1.71920271,7.59054945 1.71920271,8.00593407 C1.71920271,8.42082418 1.85105654,8.78428571 2.1147642,9.09631868 C2.32035256,9.33859015 2.56556731,9.50398506 2.85040846,9.59250342 C3.0244556,9.28302636 3.25110938,9.01725205 3.53015514,8.79293956 C3.63860085,8.70593407 3.7856375,8.690264 3.90904175,8.75256066 C4.032446,8.81485732 4.1106471,8.9442314 4.11055173,9.08593407 C4.11062877,9.20046439 4.05939624,9.30860696 3.97174561,9.37892857 C3.70707901,9.59107143 3.50666119,9.8539011 3.37049214,10.1674176 C3.25302236,10.4359341 3.19428748,10.7187912 3.19428748,11.015989 C3.19428748,11.5876374 3.39039008,12.0757143 3.78259529,12.4802198 C4.17432104,12.8842308 4.64755642,13.0862363 5.20230145,13.0862363 C5.28866782,13.0862363 5.37385832,13.0807789 5.45787294,13.0698641 C5.30405026,12.7162569 5.22819275,12.3388307 5.22819275,11.936511 C5.22819275,11.1581593 5.49549642,10.494533 6.03010377,9.94563187 C6.13302745,9.83981182 6.28759158,9.80828847 6.4218204,9.86574125 C6.55604922,9.92319403 6.6435529,10.0583275 6.64358368,10.2082143 C6.64356344,10.3067513 6.60552395,10.4012295 6.53786089,10.4707967 C6.14421727,10.8748077 5.94739546,11.3636264 5.94739546,11.9372527 C5.94739546,12.3392708 6.0503115,12.7072181 6.25614358,13.0410946 L6.24168139,13.0234083 C6.28954367,13.064005 6.32547859,13.1157697 6.34752708,13.1730997 L6.29692798,13.1047802 C6.69584575,13.7070879 7.24843317,14.0082418 7.95469023,14.0082418 C8.65998836,14.0082418 9.21257577,13.7075824 9.61245248,13.1062637 C9.84595363,12.7551648 9.9627042,12.3654945 9.9627042,11.9372527 C9.9627042,11.4600549 9.8198226,11.0337912 9.53405939,10.6584615 L9.51895613,10.6384341 L9.511,10.625 L8.71057228,9.55101648 L6.69105106,6.84211538 L6.23148053,6.22571429 L5.48422891,5.22434066 L5.47068741,5.20735249 C5.45725351,5.18697026 5.44560007,5.1648961 5.43604233,5.14126374 C5.29747594,4.79758242 5.22819275,4.43807692 5.22819275,4.06274725 C5.22819275,3.66636905 5.30211413,3.29375692 5.4499569,2.94491087 C5.36973907,2.93309602 5.28657584,2.92785714 5.20230145,2.92785714 Z M7.95540943,1.99175824 C7.24483715,1.99175824 6.68961266,2.29587912 6.28973595,2.90412088 C6.06150896,3.25324176 5.94739546,3.63945055 5.94739546,4.06274725 C5.94739546,4.32372188 5.99253365,4.57349724 6.08281005,4.81207334 L6.80180828,5.77472527 L7.26065961,6.39038462 L9.28090003,9.10002747 L10.0900031,10.184478 L10.1043871,10.2052473 L10.103,10.206 L10.2244585,10.3765201 C10.5294241,10.8403053 10.6819069,11.3605495 10.6819069,11.9372527 C10.6819069,12.3394954 10.6059924,12.7167025 10.4541634,13.068874 C10.53498,13.0809743 10.6186735,13.0862363 10.703483,13.0862363 C11.258228,13.0862363 11.7314634,12.8842308 12.1231892,12.4802198 C12.5158738,12.0757143 12.7122162,11.5873901 12.7122162,11.0152473 C12.7122162,10.721511 12.65468,10.4418681 12.5396075,10.1763187 C12.3588479,9.75549451 12.0733244,9.43258242 11.6830371,9.20758242 C11.5679262,9.14443615 11.4949728,9.02197545 11.492374,8.88753237 C11.4897752,8.75308928 11.5579381,8.627727 11.6705172,8.55989903 C11.7830964,8.49207107 11.922454,8.49240403 12.0347272,8.56076923 C12.47991,8.81779036 12.8247075,9.16855138 13.0691196,9.61305227 C13.3749002,9.53902388 13.6389322,9.37473558 13.8615021,9.12302198 C14.1410322,8.80653846 14.2807973,8.43392857 14.2807973,8.00519231 C14.2807973,7.57744505 14.1410322,7.20532967 13.8615021,6.88884615 C13.6395569,6.63740556 13.3759331,6.47320072 13.0706306,6.39623164 C12.868,6.766476 12.5928767,7.07335005 12.2454536,7.31906593 C12.1397605,7.40081777 11.9991137,7.41621306 11.8791372,7.35916315 C11.7591608,7.30211324 11.679177,7.18180604 11.6708186,7.04582167 C11.6624602,6.9098373 11.7270733,6.78007611 11.8391041,6.70785714 C12.1518277,6.4861169 12.3849239,6.19740587 12.5383926,5.84172406 C12.5399512,5.83741336 12.5415378,5.83374791 12.5431816,5.83010964 C12.6551594,5.57049451 12.7122162,5.29159341 12.7122162,4.99884615 C12.7122162,4.4271978 12.5161136,3.93912088 12.1239084,3.53461538 C11.7321826,3.13010989 11.2589472,2.92785714 10.7042022,2.92785714 C10.6211322,2.92785714 10.5390928,2.93294675 10.4580842,2.94312597 C10.607972,3.29370838 10.6819069,3.66626186 10.6819069,4.06274725 C10.6819069,4.82824176 10.4225145,5.4842033 9.90372958,6.03063187 C9.81426424,6.12747751 9.68116612,6.16713248 9.55540944,6.13440964 C9.42965275,6.1016868 9.33072481,6.00165689 9.29651325,5.87262959 C9.26230168,5.74360228 9.29810793,5.6055717 9.39021884,5.5114011 C9.77235522,5.10936813 9.9634234,4.62648352 9.9634234,4.06274725 C9.9634234,3.65448974 9.85685461,3.28088059 9.64371702,2.94191977 L9.67838253,2.98156137 C9.63770202,2.94614819 9.60591166,2.90259586 9.58422888,2.85447079 L9.61892531,2.90337912 C9.220487,2.29563187 8.66598171,1.99175824 7.95540943,1.99175824 Z" id="形状结合"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/memoryConversation_active.svg b/web/src/assets/images/menuNew/memoryConversation_active.svg
new file mode 100644
index 00000000..c2c4aae3
--- /dev/null
+++ b/web/src/assets/images/menuNew/memoryConversation_active.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>对话</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -406)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.4">
+            <g id="记忆对话" transform="translate(12, 395)">
+                <g id="工作台-教育大脑" transform="translate(10, 11)">
+                    <path d="M7.95540943,1.25 C8.41761704,1.25 8.85057707,1.36299451 9.25428953,1.58898352 C9.56651987,1.76362637 9.83359926,1.98988754 10.0555277,2.26776701 C10.266013,2.2129899 10.4829205,2.1860989 10.7049214,2.1860989 C11.4576869,2.1860989 12.1001747,2.46054945 12.6323847,3.00945055 C13.1650741,3.55884615 13.4314189,4.22197802 13.4314189,4.99884615 C13.4314189,5.24097743 13.4026992,5.47613919 13.3452598,5.70433145 C13.7466336,5.8233062 14.0960865,6.05190476 14.3937121,6.3889011 C14.797904,6.84681319 15,7.38557692 15,8.00519231 C15,8.6253022 14.7976643,9.16431319 14.3929929,9.62222527 C14.0953673,9.95922161 13.7457828,10.1879558 13.3442395,10.308428 C13.4017208,10.5359945 13.4306997,10.7721723 13.4306997,11.0152473 C13.4306997,11.7926099 13.1645947,12.4557418 12.6323847,13.0046429 C12.0992157,13.5540385 11.4562485,13.8287363 10.703483,13.8287363 C10.4780827,13.8287363 10.2580667,13.8009711 10.0434348,13.7454407 C9.82317392,14.0190305 9.55725082,14.2423607 9.2470975,14.4147253 C8.84530292,14.6382418 8.4145005,14.75 7.95469023,14.75 C7.49487996,14.75 7.0638378,14.6379945 6.66156375,14.4139835 C6.3517962,14.2414394 6.08599677,14.0180563 5.86416546,13.7438344 C5.64954212,13.800113 5.42848474,13.8279945 5.20158225,13.8279945 C4.44881674,13.8279945 3.80632898,13.553544 3.27411898,13.0046429 C2.7414295,12.4557418 2.47508476,11.7928571 2.47508476,11.015989 C2.47508476,10.7624521 2.50650634,10.5165289 2.56934949,10.2782194 C2.18567031,10.1473487 1.85350871,9.91525204 1.57320456,9.58365385 C1.19106819,9.13217033 1,8.60626374 1,8.00593407 C1,7.4056044 1.19106819,6.87945055 1.57320456,6.42747253 C1.85315344,6.09660714 2.18495978,5.86497186 2.56862357,5.73256667 C2.50633565,5.49699093 2.47508476,5.25176484 2.47508476,4.99884615 C2.47508476,4.22247253 2.74118977,3.55958791 3.27339977,3.01019231 C3.80608925,2.46129121 4.44905647,2.18684066 5.20230145,2.18684066 C5.42562721,2.18684066 5.64349768,2.21384725 5.85591287,2.26786044 C6.07671236,1.99034854 6.34388224,1.76419896 6.65581013,1.58972527 C7.06000205,1.36324176 7.49320182,1.25 7.95540943,1.25 Z M5.20230145,2.92785714 C4.64755642,2.92785714 4.17432104,3.13010989 3.78259529,3.53461538 C3.39039008,3.93912088 3.19428748,4.4271978 3.19428748,4.99884615 C3.19428748,5.29225275 3.25125552,5.57115201 3.36519162,5.83554396 C3.36803146,5.83926102 3.36998973,5.84363327 3.37186491,5.8480435 C3.50378438,6.155 3.70132539,6.41585165 3.96167677,6.62700549 C4.1139045,6.75475826 4.13870256,6.98479843 4.01739913,7.14391603 C3.8960957,7.30303364 3.67349681,7.33245514 3.51720949,7.21002747 C3.24337945,6.98777189 3.02079861,6.72542853 2.84946698,6.42299739 C2.56496293,6.50788307 2.31997671,6.67327799 2.1147642,6.91554945 C1.85105654,7.22708791 1.71920271,7.59054945 1.71920271,8.00593407 C1.71920271,8.42082418 1.85105654,8.78428571 2.1147642,9.09631868 C2.32035256,9.33859015 2.56556731,9.50398506 2.85040846,9.59250342 C3.0244556,9.28302636 3.25110938,9.01725205 3.53015514,8.79293956 C3.63860085,8.70593407 3.7856375,8.690264 3.90904175,8.75256066 C4.032446,8.81485732 4.1106471,8.9442314 4.11055173,9.08593407 C4.11062877,9.20046439 4.05939624,9.30860696 3.97174561,9.37892857 C3.70707901,9.59107143 3.50666119,9.8539011 3.37049214,10.1674176 C3.25302236,10.4359341 3.19428748,10.7187912 3.19428748,11.015989 C3.19428748,11.5876374 3.39039008,12.0757143 3.78259529,12.4802198 C4.17432104,12.8842308 4.64755642,13.0862363 5.20230145,13.0862363 C5.28866782,13.0862363 5.37385832,13.0807789 5.45787294,13.0698641 C5.30405026,12.7162569 5.22819275,12.3388307 5.22819275,11.936511 C5.22819275,11.1581593 5.49549642,10.494533 6.03010377,9.94563187 C6.13302745,9.83981182 6.28759158,9.80828847 6.4218204,9.86574125 C6.55604922,9.92319403 6.6435529,10.0583275 6.64358368,10.2082143 C6.64356344,10.3067513 6.60552395,10.4012295 6.53786089,10.4707967 C6.14421727,10.8748077 5.94739546,11.3636264 5.94739546,11.9372527 C5.94739546,12.3392708 6.0503115,12.7072181 6.25614358,13.0410946 L6.24168139,13.0234083 C6.28954367,13.064005 6.32547859,13.1157697 6.34752708,13.1730997 L6.29692798,13.1047802 C6.69584575,13.7070879 7.24843317,14.0082418 7.95469023,14.0082418 C8.65998836,14.0082418 9.21257577,13.7075824 9.61245248,13.1062637 C9.84595363,12.7551648 9.9627042,12.3654945 9.9627042,11.9372527 C9.9627042,11.4600549 9.8198226,11.0337912 9.53405939,10.6584615 L9.51895613,10.6384341 L9.511,10.625 L8.71057228,9.55101648 L6.69105106,6.84211538 L6.23148053,6.22571429 L5.48422891,5.22434066 L5.47068741,5.20735249 C5.45725351,5.18697026 5.44560007,5.1648961 5.43604233,5.14126374 C5.29747594,4.79758242 5.22819275,4.43807692 5.22819275,4.06274725 C5.22819275,3.66636905 5.30211413,3.29375692 5.4499569,2.94491087 C5.36973907,2.93309602 5.28657584,2.92785714 5.20230145,2.92785714 Z M7.95540943,1.99175824 C7.24483715,1.99175824 6.68961266,2.29587912 6.28973595,2.90412088 C6.06150896,3.25324176 5.94739546,3.63945055 5.94739546,4.06274725 C5.94739546,4.32372188 5.99253365,4.57349724 6.08281005,4.81207334 L6.80180828,5.77472527 L7.26065961,6.39038462 L9.28090003,9.10002747 L10.0900031,10.184478 L10.1043871,10.2052473 L10.103,10.206 L10.2244585,10.3765201 C10.5294241,10.8403053 10.6819069,11.3605495 10.6819069,11.9372527 C10.6819069,12.3394954 10.6059924,12.7167025 10.4541634,13.068874 C10.53498,13.0809743 10.6186735,13.0862363 10.703483,13.0862363 C11.258228,13.0862363 11.7314634,12.8842308 12.1231892,12.4802198 C12.5158738,12.0757143 12.7122162,11.5873901 12.7122162,11.0152473 C12.7122162,10.721511 12.65468,10.4418681 12.5396075,10.1763187 C12.3588479,9.75549451 12.0733244,9.43258242 11.6830371,9.20758242 C11.5679262,9.14443615 11.4949728,9.02197545 11.492374,8.88753237 C11.4897752,8.75308928 11.5579381,8.627727 11.6705172,8.55989903 C11.7830964,8.49207107 11.922454,8.49240403 12.0347272,8.56076923 C12.47991,8.81779036 12.8247075,9.16855138 13.0691196,9.61305227 C13.3749002,9.53902388 13.6389322,9.37473558 13.8615021,9.12302198 C14.1410322,8.80653846 14.2807973,8.43392857 14.2807973,8.00519231 C14.2807973,7.57744505 14.1410322,7.20532967 13.8615021,6.88884615 C13.6395569,6.63740556 13.3759331,6.47320072 13.0706306,6.39623164 C12.868,6.766476 12.5928767,7.07335005 12.2454536,7.31906593 C12.1397605,7.40081777 11.9991137,7.41621306 11.8791372,7.35916315 C11.7591608,7.30211324 11.679177,7.18180604 11.6708186,7.04582167 C11.6624602,6.9098373 11.7270733,6.78007611 11.8391041,6.70785714 C12.1518277,6.4861169 12.3849239,6.19740587 12.5383926,5.84172406 C12.5399512,5.83741336 12.5415378,5.83374791 12.5431816,5.83010964 C12.6551594,5.57049451 12.7122162,5.29159341 12.7122162,4.99884615 C12.7122162,4.4271978 12.5161136,3.93912088 12.1239084,3.53461538 C11.7321826,3.13010989 11.2589472,2.92785714 10.7042022,2.92785714 C10.6211322,2.92785714 10.5390928,2.93294675 10.4580842,2.94312597 C10.607972,3.29370838 10.6819069,3.66626186 10.6819069,4.06274725 C10.6819069,4.82824176 10.4225145,5.4842033 9.90372958,6.03063187 C9.81426424,6.12747751 9.68116612,6.16713248 9.55540944,6.13440964 C9.42965275,6.1016868 9.33072481,6.00165689 9.29651325,5.87262959 C9.26230168,5.74360228 9.29810793,5.6055717 9.39021884,5.5114011 C9.77235522,5.10936813 9.9634234,4.62648352 9.9634234,4.06274725 C9.9634234,3.65448974 9.85685461,3.28088059 9.64371702,2.94191977 L9.67838253,2.98156137 C9.63770202,2.94614819 9.60591166,2.90259586 9.58422888,2.85447079 L9.61892531,2.90337912 C9.220487,2.29563187 8.66598171,1.99175824 7.95540943,1.99175824 Z" id="形状结合"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/memory_active.svg b/web/src/assets/images/menuNew/memory_active.svg
new file mode 100644
index 00000000..3aa5ff94
--- /dev/null
+++ b/web/src/assets/images/menuNew/memory_active.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>brain-2-line</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="首页-红熊空间" transform="translate(-22, -314)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="记忆管理" transform="translate(12, 303)">
+                <g id="brain-2-line" transform="translate(10, 11)">
+                    <g id="编组-25" transform="translate(1.5, 1.5)">
+                        <path d="M4.33333333,0 C5.47792347,0 6.41521956,0.888002575 6.49455988,2.0130005 L6.5,2.16781715 L6.49985495,10.4798288 C6.49995157,10.4888778 6.5,10.4979384 6.5,10.5070103 L6.499,10.534 L6.5,10.8390858 L6.47808338,10.8391196 C6.31578908,12.0589502 5.27189987,13 4.00833333,13 C2.63222383,13 1.51666667,11.8838505 1.51666667,10.5070103 C1.51666667,10.332196 1.53465035,10.1615842 1.56886767,9.99692601 C0.663423478,9.73754175 0,8.90246334 0,7.9123518 C0,7.36506373 0.202700377,6.86514401 0.537084253,6.48364722 C0.203054284,6.10374909 0,5.60343451 0,5.05566888 C0,3.85841652 0.970049709,2.88785173 2.16666667,2.88785173 C2.20862378,2.88785173 2.25030235,2.88904496 2.29167033,2.89139936 C2.210453,2.6663156 2.16666667,2.42218251 2.16666667,2.16781715 C2.16666667,0.970564798 3.13671638,0 4.33333333,0 Z" id="形状结合"></path>
+                        <path d="M10.8333333,0 C11.9779235,0 12.9152196,0.888002575 12.9945599,2.0130005 L13,2.16781715 L12.999855,10.4798288 C12.9999516,10.4888778 13,10.4979384 13,10.5070103 L12.999,10.534 L13,10.8390858 L12.9780834,10.8391196 C12.8157891,12.0589502 11.7718999,13 10.5083333,13 C9.13222383,13 8.01666667,11.8838505 8.01666667,10.5070103 C8.01666667,10.332196 8.03465035,10.1615842 8.06886767,9.99692601 C7.16342348,9.73754175 6.5,8.90246334 6.5,7.9123518 C6.5,7.36506373 6.70270038,6.86514401 7.03708425,6.48364722 C6.70305428,6.10374909 6.5,5.60343451 6.5,5.05566888 C6.5,3.85841652 7.47004971,2.88785173 8.66666667,2.88785173 C8.70862378,2.88785173 8.75030235,2.88904496 8.79167033,2.89139936 C8.710453,2.6663156 8.66666667,2.42218251 8.66666667,2.16781715 C8.66666667,0.970564798 9.63671638,0 10.8333333,0 Z" id="形状结合" transform="translate(9.75, 6.5) scale(-1, 1) translate(-9.75, -6.5)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/menuFold.svg b/web/src/assets/images/menuNew/menuFold.svg
new file mode 100644
index 00000000..3350cfc4
--- /dev/null
+++ b/web/src/assets/images/menuNew/menuFold.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收起</title>
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-210, -28)" stroke="#5B6167" stroke-width="1.2">
+            <g id="收起" transform="translate(210, 28)">
+                <g id="编组-42" transform="translate(3, 3)">
+                    <rect id="矩形" x="0" y="0" width="14" height="14" rx="4"></rect>
+                    <line x1="4.2" y1="-8.99302162e-14" x2="4.2" y2="14" id="路径-20"></line>
+                    <polyline id="路径-21" stroke-linecap="round" stroke-linejoin="round" points="9.33333333 5.13333333 7.46666667 6.98486571 9.33333333 8.86666667"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/model.svg b/web/src/assets/images/menuNew/model.svg
new file mode 100644
index 00000000..8fdc015a
--- /dev/null
+++ b/web/src/assets/images/menuNew/model.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>-_模型预测</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-22, -160)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.46">
+            <g id="模型管理" transform="translate(12, 149)">
+                <g id="-_模型预测" transform="translate(10, 11)">
+                    <path d="M6.21158192,13.306832 L7.80887988,14.1884453 C7.92671334,14.2534674 8.073127,14.2534674 8.19112012,14.1884453 L9.71752641,13.3459063 C9.90848686,13.2405889 10.1526161,13.3030162 10.2627856,13.4855663 C10.372955,13.6681164 10.3076517,13.9014936 10.1166912,14.006811 L8.59028494,14.8493501 C8.41072525,14.9481306 8.2071692,15.0000812 8,14.9999999 C7.79594694,14.9999999 7.59173422,14.9497832 7.40971506,14.8493501 L5.8124171,13.9677367 C5.62145664,13.8624194 5.55615328,13.6290422 5.66632277,13.446492 C5.77649226,13.2639419 6.02062147,13.2015146 6.21158192,13.306832 Z M10.9099139,13.2527049 L10.8556548,13.1912301 L10.8253345,13.1408938 L10.798702,13.0715168 L10.7885339,13.018299 L10.7875812,12.9441985 L10.7931958,12.904947 C10.9638195,12.045795 10.9963544,11.1682963 10.889875,10.2961909 C9.95996685,10.5700829 8.99351332,10.7096138 8.01436993,10.7096138 C7.69455908,10.7096138 7.37363056,10.6948083 7.05190371,10.6647395 C6.37184327,10.6015259 5.70130145,10.4711731 5.05089662,10.2762404 C5.01015726,10.6106995 4.98949889,10.9500168 4.98949889,11.2920647 C4.98949889,11.6894089 5.01796933,12.0874399 5.07430396,12.4799761 L5.1399042,12.8704517 C5.14603384,12.9021999 5.14785203,12.9340558 5.14564225,12.9653544 L5.13356752,13.0361221 L5.1072425,13.1046953 L5.08678238,13.1404194 L5.04789577,13.190713 L4.99276675,13.2402192 L4.95201339,13.2668097 C4.93923283,13.2740904 4.92606542,13.2806635 4.91258185,13.2865112 L4.97752395,13.2512733 L4.93185317,13.277692 L4.8616426,13.3047408 L4.78274588,13.3192292 L4.69348272,13.3172396 L4.61725026,13.299954 C4.59308576,13.2919134 4.56994187,13.2818627 4.54770327,13.2695894 L2.09028494,11.9132846 C1.72624662,11.7124185 1.5,11.3378549 1.5,10.9359699 L1.5,8.1955811 C1.5,8.04706833 1.59021125,7.91198734 1.7310366,7.84956008 C1.87202162,7.78698019 2.03807418,7.80834893 2.15670597,7.90420301 C2.83857993,8.45477995 3.60129284,8.904678 4.42455979,9.24209363 C4.70661662,8.02489606 5.24071701,6.87315937 6.00864652,5.84105079 C6.40239942,5.31165261 6.85169558,4.82309806 7.34906051,4.38279304 C7.05590883,4.17218479 6.74714612,3.97708557 6.42441661,3.79896203 C5.98325964,3.55551099 5.51895112,3.34640256 5.04442397,3.17774212 C4.98018499,3.15534467 4.92690064,3.12075466 4.88392604,3.07440898 L4.86560164,3.05079897 C4.85145663,3.03470929 4.84379937,3.02344238 4.8366986,3.01167645 C4.73578162,2.84445768 4.78210122,2.63459069 4.93736827,2.51957057 L4.98391059,2.48966856 L7.40971506,1.15076412 C7.77375338,0.949745293 8.22608696,0.949745293 8.59028494,1.15076412 L10.9910219,2.47577888 C11.0529135,2.509913 11.1016055,2.55749921 11.1354017,2.61244715 L11.1698619,2.68549549 L11.1879449,2.76253457 L11.1890076,2.83950543 L11.1830148,2.88009997 L11.1647159,2.94150917 L11.1298622,3.00870914 L11.1098,3.03648991 L11.0606019,3.08823017 L11.0005586,3.13153903 L10.9285925,3.16492087 C10.091884,3.45779517 9.30622633,3.86715639 8.59236961,4.38237805 C9.55842447,5.23387475 10.3348258,6.26428025 10.8821297,7.43042743 C11.1589356,8.02007189 11.3714458,8.63453538 11.5168283,9.26406114 C11.8590631,9.12684725 12.1956518,8.96659461 12.5234955,8.7856637 C12.9905183,8.52786507 13.4345493,8.23007636 13.843294,7.90038717 C13.9620518,7.80467198 14.1280951,7.78347618 14.2689634,7.8460495 C14.4097936,7.90862255 14.4998403,8.04361174 14.4998403,8.19207052 L14.5,10.9361225 C14.5,11.3380075 14.2737534,11.7125711 13.9097151,11.9134373 L11.3849177,13.3066794 C11.3444717,13.3290255 11.3003938,13.3443023 11.2547403,13.3520039 L11.1856546,13.3579644 C11.0841936,13.3579644 10.9848055,13.3209751 10.9099139,13.2527049 Z M13.7016704,8.96912963 C13.4499125,9.13965093 13.1900164,9.29891746 12.9228199,9.44641579 C12.5129526,9.67264357 12.0904985,9.86915621 11.6580923,10.0354096 L11.6788627,10.17509 C11.7658396,10.8671107 11.7724207,11.5626387 11.698925,12.2514619 L13.5105502,11.2523799 C13.6283837,11.1873579 13.7016704,11.0661666 13.7016704,10.9359699 L13.7016704,8.96912963 Z M2.29832965,8.97325075 L2.29832965,10.9359699 C2.29832965,11.066014 2.37161631,11.1873579 2.48944977,11.2523799 L4.23756817,12.2162705 L4.21219041,11.9094899 C4.19818975,11.7038279 4.19117716,11.4977583 4.19116925,11.2916068 C4.19116925,10.8595722 4.22146832,10.4315261 4.2813481,10.0096289 L4.18526161,9.97376587 C3.51737902,9.70619867 2.88542127,9.37086202 2.29832965,8.97325075 Z M7.972197,4.87327451 L7.94308011,4.89766528 C7.4652316,5.31417138 7.03468718,5.7787153 6.65912552,6.28368905 C5.93155746,7.2616526 5.43245748,8.35664105 5.18027635,9.51325886 C5.81291053,9.71269425 6.46545252,9.84365523 7.12918202,9.90538589 C8.36686318,10.0205946 9.59641372,9.89301087 10.7607554,9.53453403 C10.6267977,8.91722857 10.4234864,8.3170708 10.1537337,7.74256373 C9.63615865,6.63974956 8.89545403,5.66904356 7.972197,4.87327451 Z M4.26014493,3.32976547 C4.37031442,3.5123156 4.30501105,3.74569281 4.1140506,3.85101019 L2.48944977,4.74773426 C2.37161631,4.8127563 2.29832965,4.9339476 2.29832965,5.06414431 L2.29832965,6.79577574 C2.29832965,7.00656313 2.11966347,7.17736045 1.89916482,7.17736045 C1.67866618,7.17736045 1.5,7.00656313 1.5,6.79577574 L1.5,5.06414431 C1.5,4.66225929 1.72624662,4.28769573 2.09028494,4.08682954 L3.71488578,3.19010546 C3.90584623,3.08478808 4.14997544,3.14721534 4.26014493,3.32976547 Z M12.263719,3.17835265 L13.9097151,4.08682954 C14.2737534,4.28769573 14.5,4.66225929 14.5,5.06414431 L14.5,6.7937915 C14.5,7.00442626 14.3211742,7.17522358 14.1008352,7.17522358 C13.8803365,7.17522358 13.7016704,7.00442626 13.7016704,6.79363886 L13.7016704,5.06414431 C13.7016704,4.93410024 13.6283837,4.8127563 13.5105502,4.74773426 L11.8645542,3.83925738 C11.6735937,3.73394 11.6082903,3.50056279 11.7184598,3.31801266 C11.8286293,3.13546253 12.0727585,3.07303527 12.263719,3.17835265 Z M7.80872022,1.81197411 L6.07921887,2.76654643 C6.33266992,2.88042406 6.58100934,3.00442102 6.82358143,3.13820994 C7.22675998,3.3607404 7.60991284,3.60763283 7.97134696,3.87709856 L8.05300909,3.81544649 C8.62557111,3.39585594 9.2414026,3.03915055 9.8914026,2.75036724 L8.19096045,1.81197411 C8.073127,1.74695208 7.92671334,1.74695208 7.80872022,1.81197411 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/model_active.svg b/web/src/assets/images/menuNew/model_active.svg
new file mode 100644
index 00000000..6145f360
--- /dev/null
+++ b/web/src/assets/images/menuNew/model_active.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>-_模型预测</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-47, -632)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.46">
+            <g id="-_模型预测" transform="translate(47, 632)">
+                <path d="M6.21158192,13.306832 L7.80887988,14.1884453 C7.92671334,14.2534674 8.073127,14.2534674 8.19112012,14.1884453 L9.71752641,13.3459063 C9.90848686,13.2405889 10.1526161,13.3030162 10.2627856,13.4855663 C10.372955,13.6681164 10.3076517,13.9014936 10.1166912,14.006811 L8.59028494,14.8493501 C8.41072525,14.9481306 8.2071692,15.0000812 8,14.9999999 C7.79594694,14.9999999 7.59173422,14.9497832 7.40971506,14.8493501 L5.8124171,13.9677367 C5.62145664,13.8624194 5.55615328,13.6290422 5.66632277,13.446492 C5.77649226,13.2639419 6.02062147,13.2015146 6.21158192,13.306832 Z M10.9099139,13.2527049 L10.8556548,13.1912301 L10.8253345,13.1408938 L10.798702,13.0715168 L10.7885339,13.018299 L10.7875812,12.9441985 L10.7931958,12.904947 C10.9638195,12.045795 10.9963544,11.1682963 10.889875,10.2961909 C9.95996685,10.5700829 8.99351332,10.7096138 8.01436993,10.7096138 C7.69455908,10.7096138 7.37363056,10.6948083 7.05190371,10.6647395 C6.37184327,10.6015259 5.70130145,10.4711731 5.05089662,10.2762404 C5.01015726,10.6106995 4.98949889,10.9500168 4.98949889,11.2920647 C4.98949889,11.6894089 5.01796933,12.0874399 5.07430396,12.4799761 L5.1399042,12.8704517 C5.14603384,12.9021999 5.14785203,12.9340558 5.14564225,12.9653544 L5.13356752,13.0361221 L5.1072425,13.1046953 L5.08678238,13.1404194 L5.04789577,13.190713 L4.99276675,13.2402192 L4.95201339,13.2668097 C4.93923283,13.2740904 4.92606542,13.2806635 4.91258185,13.2865112 L4.97752395,13.2512733 L4.93185317,13.277692 L4.8616426,13.3047408 L4.78274588,13.3192292 L4.69348272,13.3172396 L4.61725026,13.299954 C4.59308576,13.2919134 4.56994187,13.2818627 4.54770327,13.2695894 L2.09028494,11.9132846 C1.72624662,11.7124185 1.5,11.3378549 1.5,10.9359699 L1.5,8.1955811 C1.5,8.04706833 1.59021125,7.91198734 1.7310366,7.84956008 C1.87202162,7.78698019 2.03807418,7.80834893 2.15670597,7.90420301 C2.83857993,8.45477995 3.60129284,8.904678 4.42455979,9.24209363 C4.70661662,8.02489606 5.24071701,6.87315937 6.00864652,5.84105079 C6.40239942,5.31165261 6.85169558,4.82309806 7.34906051,4.38279304 C7.05590883,4.17218479 6.74714612,3.97708557 6.42441661,3.79896203 C5.98325964,3.55551099 5.51895112,3.34640256 5.04442397,3.17774212 C4.98018499,3.15534467 4.92690064,3.12075466 4.88392604,3.07440898 L4.86560164,3.05079897 C4.85145663,3.03470929 4.84379937,3.02344238 4.8366986,3.01167645 C4.73578162,2.84445768 4.78210122,2.63459069 4.93736827,2.51957057 L4.98391059,2.48966856 L7.40971506,1.15076412 C7.77375338,0.949745293 8.22608696,0.949745293 8.59028494,1.15076412 L10.9910219,2.47577888 C11.0529135,2.509913 11.1016055,2.55749921 11.1354017,2.61244715 L11.1698619,2.68549549 L11.1879449,2.76253457 L11.1890076,2.83950543 L11.1830148,2.88009997 L11.1647159,2.94150917 L11.1298622,3.00870914 L11.1098,3.03648991 L11.0606019,3.08823017 L11.0005586,3.13153903 L10.9285925,3.16492087 C10.091884,3.45779517 9.30622633,3.86715639 8.59236961,4.38237805 C9.55842447,5.23387475 10.3348258,6.26428025 10.8821297,7.43042743 C11.1589356,8.02007189 11.3714458,8.63453538 11.5168283,9.26406114 C11.8590631,9.12684725 12.1956518,8.96659461 12.5234955,8.7856637 C12.9905183,8.52786507 13.4345493,8.23007636 13.843294,7.90038717 C13.9620518,7.80467198 14.1280951,7.78347618 14.2689634,7.8460495 C14.4097936,7.90862255 14.4998403,8.04361174 14.4998403,8.19207052 L14.5,10.9361225 C14.5,11.3380075 14.2737534,11.7125711 13.9097151,11.9134373 L11.3849177,13.3066794 C11.3444717,13.3290255 11.3003938,13.3443023 11.2547403,13.3520039 L11.1856546,13.3579644 C11.0841936,13.3579644 10.9848055,13.3209751 10.9099139,13.2527049 Z M13.7016704,8.96912963 C13.4499125,9.13965093 13.1900164,9.29891746 12.9228199,9.44641579 C12.5129526,9.67264357 12.0904985,9.86915621 11.6580923,10.0354096 L11.6788627,10.17509 C11.7658396,10.8671107 11.7724207,11.5626387 11.698925,12.2514619 L13.5105502,11.2523799 C13.6283837,11.1873579 13.7016704,11.0661666 13.7016704,10.9359699 L13.7016704,8.96912963 Z M2.29832965,8.97325075 L2.29832965,10.9359699 C2.29832965,11.066014 2.37161631,11.1873579 2.48944977,11.2523799 L4.23756817,12.2162705 L4.21219041,11.9094899 C4.19818975,11.7038279 4.19117716,11.4977583 4.19116925,11.2916068 C4.19116925,10.8595722 4.22146832,10.4315261 4.2813481,10.0096289 L4.18526161,9.97376587 C3.51737902,9.70619867 2.88542127,9.37086202 2.29832965,8.97325075 Z M7.972197,4.87327451 L7.94308011,4.89766528 C7.4652316,5.31417138 7.03468718,5.7787153 6.65912552,6.28368905 C5.93155746,7.2616526 5.43245748,8.35664105 5.18027635,9.51325886 C5.81291053,9.71269425 6.46545252,9.84365523 7.12918202,9.90538589 C8.36686318,10.0205946 9.59641372,9.89301087 10.7607554,9.53453403 C10.6267977,8.91722857 10.4234864,8.3170708 10.1537337,7.74256373 C9.63615865,6.63974956 8.89545403,5.66904356 7.972197,4.87327451 Z M4.26014493,3.32976547 C4.37031442,3.5123156 4.30501105,3.74569281 4.1140506,3.85101019 L2.48944977,4.74773426 C2.37161631,4.8127563 2.29832965,4.9339476 2.29832965,5.06414431 L2.29832965,6.79577574 C2.29832965,7.00656313 2.11966347,7.17736045 1.89916482,7.17736045 C1.67866618,7.17736045 1.5,7.00656313 1.5,6.79577574 L1.5,5.06414431 C1.5,4.66225929 1.72624662,4.28769573 2.09028494,4.08682954 L3.71488578,3.19010546 C3.90584623,3.08478808 4.14997544,3.14721534 4.26014493,3.32976547 Z M12.263719,3.17835265 L13.9097151,4.08682954 C14.2737534,4.28769573 14.5,4.66225929 14.5,5.06414431 L14.5,6.7937915 C14.5,7.00442626 14.3211742,7.17522358 14.1008352,7.17522358 C13.8803365,7.17522358 13.7016704,7.00442626 13.7016704,6.79363886 L13.7016704,5.06414431 C13.7016704,4.93410024 13.6283837,4.8127563 13.5105502,4.74773426 L11.8645542,3.83925738 C11.6735937,3.73394 11.6082903,3.50056279 11.7184598,3.31801266 C11.8286293,3.13546253 12.0727585,3.07303527 12.263719,3.17835265 Z M7.80872022,1.81197411 L6.07921887,2.76654643 C6.33266992,2.88042406 6.58100934,3.00442102 6.82358143,3.13820994 C7.22675998,3.3607404 7.60991284,3.60763283 7.97134696,3.87709856 L8.05300909,3.81544649 C8.62557111,3.39585594 9.2414026,3.03915055 9.8914026,2.75036724 L8.19096045,1.81197411 C8.073127,1.74695208 7.92671334,1.74695208 7.80872022,1.81197411 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/ontology.svg b/web/src/assets/images/menuNew/ontology.svg
new file mode 100644
index 00000000..68798ccd
--- /dev/null
+++ b/web/src/assets/images/menuNew/ontology.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>本体管理</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板" transform="translate(-22, -452)" fill="#171719" fill-rule="nonzero">
+            <g id="左侧导航栏" transform="translate(-391, 0)">
+                <g id="编组-44" transform="translate(403, 320)">
+                    <g id="记忆对话" transform="translate(0, 121)">
+                        <g id="本体管理" transform="translate(10, 11)">
+                            <path d="M13.2554286,10.5827735 C12.6814771,11.7478179 11.7391689,12.6901332 10.5826995,13.2640889 C10.4028043,14.5319312 9.31486638,15.499946 8.00420113,15.499946 C6.68496943,15.499946 5.59703159,14.5233646 5.4257028,13.2555223 C4.260667,12.6815667 3.31835864,11.7392514 2.74440719,10.5827735 C1.47657412,10.402877 0.5,9.31493114 0.5,8.00425625 C0.5,6.68501486 1.47657412,5.60563553 2.74440719,5.42573897 C3.31835864,4.26069463 4.260667,3.31837934 5.4257028,2.74442367 C5.60559803,1.47658129 6.68496943,0.5 8.00420113,0.5 C9.31486639,0.5 10.4028043,1.46801479 10.5826995,2.73585717 C11.7391689,3.30981284 12.6814771,4.25212812 13.2554286,5.41717247 C14.5232617,5.59706903 15.499946,6.67644836 15.499946,7.99568974 C15.5084022,9.32349763 14.5232617,10.4114435 13.2554286,10.5827735 Z M8.00420113,14.1978376 C8.72378206,14.1978376 9.30629996,13.6153155 9.30629996,12.8957292 C9.30629996,12.176143 8.72378206,11.5936208 8.00420113,11.5936208 C7.28462019,11.5936208 6.7021023,12.176143 6.7021023,12.8957292 C6.7021023,13.6153155 7.28462019,14.1978376 8.00420113,14.1978376 Z M3.1127641,6.69358137 C2.39318317,6.69358137 1.81066527,7.27610354 1.81066527,7.99568974 C1.81066527,8.71527594 2.39318317,9.29779814 3.1127641,9.29779814 C3.83234503,9.29779814 4.41486291,8.72384247 4.41486291,8.00425625 C4.41486291,7.28467003 3.83234502,6.69358137 3.1127641,6.69358137 Z M8.00420113,1.80210839 C7.28462019,1.80210839 6.7021023,2.38463056 6.7021023,3.11278329 C6.7021023,3.84093601 7.28462019,4.41489168 8.00420113,4.41489168 C8.72378206,4.41489168 9.30629996,3.83236951 9.30629996,3.11278329 C9.30629996,2.39319708 8.72378206,1.80210839 8.00420113,1.80210839 L8.00420113,1.80210839 Z M10.4113706,4.12363058 C10.0173144,5.05737936 9.08357252,5.71700006 8.00420113,5.71700006 C6.92482973,5.71700006 5.99108781,5.05737936 5.59703159,4.12363058 C4.99738081,4.4919902 4.49196088,4.99741384 4.12360397,5.59706903 C5.05734589,5.99112815 5.71696174,6.91631041 5.71696174,8.00425625 C5.71696174,9.08363557 5.05734589,10.0088178 4.12360397,10.4114435 C4.49196088,11.0110987 4.99738081,11.5165223 5.59703159,11.8848819 C5.99108781,10.9511331 6.91626329,10.2915124 8.00420113,10.2915124 C9.08357252,10.2915124 10.008748,10.9511331 10.4113706,11.8848819 C11.002455,11.5165223 11.5078749,11.0110987 11.8847983,10.4114435 C10.9510564,10.0173844 10.2914405,9.09220208 10.2914405,8.01282275 C10.2914405,6.93344343 10.9510564,6.00826116 11.8847983,5.60563553 C11.5078749,4.99741386 11.002455,4.50055671 10.4113706,4.12363058 Z M12.8956382,6.69358137 C12.1760573,6.69358137 11.5935393,7.27610354 11.5935393,7.99568974 C11.5935393,8.71527594 12.1760573,9.29779814 12.8956382,9.29779814 C13.6152191,9.29779814 14.197737,8.71527595 14.197737,7.99568974 C14.197737,7.27610352 13.6152191,6.69358137 12.8956382,6.69358137 L12.8956382,6.69358137 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/ontology_active.svg b/web/src/assets/images/menuNew/ontology_active.svg
new file mode 100644
index 00000000..f05a1069
--- /dev/null
+++ b/web/src/assets/images/menuNew/ontology_active.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>本体管理</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板" transform="translate(-22, -452)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="左侧导航栏" transform="translate(-391, 0)">
+                <g id="编组-44" transform="translate(403, 320)">
+                    <g id="记忆对话" transform="translate(0, 121)">
+                        <g id="本体管理" transform="translate(10, 11)">
+                            <path d="M13.2554286,10.5827735 C12.6814771,11.7478179 11.7391689,12.6901332 10.5826995,13.2640889 C10.4028043,14.5319312 9.31486638,15.499946 8.00420113,15.499946 C6.68496943,15.499946 5.59703159,14.5233646 5.4257028,13.2555223 C4.260667,12.6815667 3.31835864,11.7392514 2.74440719,10.5827735 C1.47657412,10.402877 0.5,9.31493114 0.5,8.00425625 C0.5,6.68501486 1.47657412,5.60563553 2.74440719,5.42573897 C3.31835864,4.26069463 4.260667,3.31837934 5.4257028,2.74442367 C5.60559803,1.47658129 6.68496943,0.5 8.00420113,0.5 C9.31486639,0.5 10.4028043,1.46801479 10.5826995,2.73585717 C11.7391689,3.30981284 12.6814771,4.25212812 13.2554286,5.41717247 C14.5232617,5.59706903 15.499946,6.67644836 15.499946,7.99568974 C15.5084022,9.32349763 14.5232617,10.4114435 13.2554286,10.5827735 Z M8.00420113,14.1978376 C8.72378206,14.1978376 9.30629996,13.6153155 9.30629996,12.8957292 C9.30629996,12.176143 8.72378206,11.5936208 8.00420113,11.5936208 C7.28462019,11.5936208 6.7021023,12.176143 6.7021023,12.8957292 C6.7021023,13.6153155 7.28462019,14.1978376 8.00420113,14.1978376 Z M3.1127641,6.69358137 C2.39318317,6.69358137 1.81066527,7.27610354 1.81066527,7.99568974 C1.81066527,8.71527594 2.39318317,9.29779814 3.1127641,9.29779814 C3.83234503,9.29779814 4.41486291,8.72384247 4.41486291,8.00425625 C4.41486291,7.28467003 3.83234502,6.69358137 3.1127641,6.69358137 Z M8.00420113,1.80210839 C7.28462019,1.80210839 6.7021023,2.38463056 6.7021023,3.11278329 C6.7021023,3.84093601 7.28462019,4.41489168 8.00420113,4.41489168 C8.72378206,4.41489168 9.30629996,3.83236951 9.30629996,3.11278329 C9.30629996,2.39319708 8.72378206,1.80210839 8.00420113,1.80210839 L8.00420113,1.80210839 Z M10.4113706,4.12363058 C10.0173144,5.05737936 9.08357252,5.71700006 8.00420113,5.71700006 C6.92482973,5.71700006 5.99108781,5.05737936 5.59703159,4.12363058 C4.99738081,4.4919902 4.49196088,4.99741384 4.12360397,5.59706903 C5.05734589,5.99112815 5.71696174,6.91631041 5.71696174,8.00425625 C5.71696174,9.08363557 5.05734589,10.0088178 4.12360397,10.4114435 C4.49196088,11.0110987 4.99738081,11.5165223 5.59703159,11.8848819 C5.99108781,10.9511331 6.91626329,10.2915124 8.00420113,10.2915124 C9.08357252,10.2915124 10.008748,10.9511331 10.4113706,11.8848819 C11.002455,11.5165223 11.5078749,11.0110987 11.8847983,10.4114435 C10.9510564,10.0173844 10.2914405,9.09220208 10.2914405,8.01282275 C10.2914405,6.93344343 10.9510564,6.00826116 11.8847983,5.60563553 C11.5078749,4.99741386 11.002455,4.50055671 10.4113706,4.12363058 Z M12.8956382,6.69358137 C12.1760573,6.69358137 11.5935393,7.27610354 11.5935393,7.99568974 C11.5935393,8.71527594 12.1760573,9.29779814 12.8956382,9.29779814 C13.6152191,9.29779814 14.197737,8.71527595 14.197737,7.99568974 C14.197737,7.27610352 13.6152191,6.69358137 12.8956382,6.69358137 L12.8956382,6.69358137 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/pricing.svg b/web/src/assets/images/menuNew/pricing.svg
new file mode 100644
index 00000000..8c412ac0
--- /dev/null
+++ b/web/src/assets/images/menuNew/pricing.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收费管理</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-22, -406)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.2">
+            <g id="收费管理" transform="translate(12, 395)">
+                <g transform="translate(10, 11)" id="形状">
+                    <path d="M8,1 C11.8658311,1 15,4.13416894 15,8 C15,8.46234332 14.9549864,8.91896458 14.866485,9.36566757 C14.8342784,9.54955352 14.7050782,9.70161061 14.5288055,9.76308609 C14.3525327,9.82456158 14.1567938,9.78582773 14.0172193,9.66185078 C13.8776449,9.53787382 13.8160939,9.34806988 13.8563488,9.16577657 C13.9318801,8.78468665 13.9700272,8.39520437 13.9700272,8 C13.9700272,4.70294278 11.2970572,2.02997275 8,2.02997275 C4.70294278,2.02997275 2.02997275,4.70294278 2.02997275,8 C2.02997275,11.2970572 4.70294278,13.9700272 8,13.9700272 C8.39482289,13.9700272 8.78468665,13.9318801 9.16577657,13.8563488 C9.44482333,13.8011504 9.71578255,13.9826154 9.77098092,14.2616621 C9.8261793,14.5407089 9.64471433,14.8116681 9.36566757,14.8668665 C8.91896458,14.9549864 8.46234332,15 8,15 C4.13416894,15 1,11.8658311 1,8 C1,4.13416894 4.13416894,1 8,1 Z M14.4850136,11.4904632 C14.7694327,11.4904632 15,11.7210305 15,12.0054496 C15,12.2898687 14.7694327,12.520436 14.4850136,12.520436 L11.0494823,12.520436 L11.5885014,13.1281199 C11.7106142,13.2657694 11.7500159,13.4581091 11.6918644,13.6326866 C11.6337128,13.8072641 11.4868426,13.9375569 11.3065783,13.974485 C11.1263139,14.011413 10.9400419,13.9493661 10.8179291,13.8117166 L9.5186376,12.3468665 C9.22414169,12.0149864 9.45989101,11.4904632 9.90392371,11.4904632 L14.4850136,11.4904632 Z M5.50098092,4.78152589 C5.59577475,4.68317754 5.72575759,4.62651814 5.86232991,4.62401419 C5.99890223,4.62151025 6.13087463,4.67336691 6.22920982,4.76817439 L7.98207084,6.45809265 L9.70746594,4.77084468 C9.83861839,4.6402856 10.029738,4.59013451 10.2080975,4.63947554 C10.3864569,4.68881657 10.5246289,4.83006227 10.5700344,5.00946401 C10.6154398,5.18886575 10.5610966,5.37883585 10.4276839,5.50708448 L8.99029972,6.91280654 L10.8965123,6.91280654 C11.1617629,6.91275274 11.3836672,7.11418373 11.4092098,7.37820164 L11.4114986,7.42779292 C11.4114986,7.56437579 11.3572413,7.69536459 11.2606626,7.79194327 C11.1640839,7.88852195 11.0330951,7.94277929 10.8965123,7.94277929 L8.53024523,7.94277929 L8.52604905,8.82016349 L10.8965123,8.82016349 C11.1617629,8.82010969 11.3836672,9.02154067 11.4092098,9.28555858 L11.4114986,9.33514987 C11.4114986,9.61956899 11.1809314,9.85013624 10.8965123,9.85013624 L8.5214714,9.85013624 L8.51498638,11.3027793 C8.51374998,11.56795 8.31135535,11.7888342 8.04730245,11.813188 L7.99771117,11.8154768 C7.86112787,11.8148711 7.73037943,11.7600321 7.6342297,11.6630239 C7.53807997,11.5660156 7.48440524,11.4347849 7.48501362,11.2982016 L7.49149864,9.85013624 L5.13896458,9.85013624 C4.87371398,9.85019005 4.65180968,9.64875905 4.62626703,9.38474114 L4.6239782,9.33514987 C4.6239782,9.05057221 4.85438692,8.82016349 5.13896458,8.82016349 L7.4960763,8.82016349 L7.50027247,7.94277929 L5.13896458,7.94277929 C4.87371398,7.94283309 4.65180968,7.7414021 4.62626703,7.47738419 L4.6239782,7.42779292 C4.6239782,7.14321525 4.85438692,6.91280654 5.13896458,6.91280654 L6.96964578,6.91280654 L5.51433243,5.50975477 C5.32498039,5.3274737 5.30327716,5.0318494 5.4639782,4.82386922 L5.50098092,4.78152589 Z"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/pricing_active.svg b/web/src/assets/images/menuNew/pricing_active.svg
new file mode 100644
index 00000000..54a0afb4
--- /dev/null
+++ b/web/src/assets/images/menuNew/pricing_active.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收费管理</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-175, -632)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.2">
+            <g id="收费管理" transform="translate(175, 632)">
+                <path d="M8,1 C11.8658311,1 15,4.13416894 15,8 C15,8.46234332 14.9549864,8.91896458 14.866485,9.36566757 C14.8342784,9.54955352 14.7050782,9.70161061 14.5288055,9.76308609 C14.3525327,9.82456158 14.1567938,9.78582773 14.0172193,9.66185078 C13.8776449,9.53787382 13.8160939,9.34806988 13.8563488,9.16577657 C13.9318801,8.78468665 13.9700272,8.39520437 13.9700272,8 C13.9700272,4.70294278 11.2970572,2.02997275 8,2.02997275 C4.70294278,2.02997275 2.02997275,4.70294278 2.02997275,8 C2.02997275,11.2970572 4.70294278,13.9700272 8,13.9700272 C8.39482289,13.9700272 8.78468665,13.9318801 9.16577657,13.8563488 C9.44482333,13.8011504 9.71578255,13.9826154 9.77098092,14.2616621 C9.8261793,14.5407089 9.64471433,14.8116681 9.36566757,14.8668665 C8.91896458,14.9549864 8.46234332,15 8,15 C4.13416894,15 1,11.8658311 1,8 C1,4.13416894 4.13416894,1 8,1 Z M14.4850136,11.4904632 C14.7694327,11.4904632 15,11.7210305 15,12.0054496 C15,12.2898687 14.7694327,12.520436 14.4850136,12.520436 L11.0494823,12.520436 L11.5885014,13.1281199 C11.7106142,13.2657694 11.7500159,13.4581091 11.6918644,13.6326866 C11.6337128,13.8072641 11.4868426,13.9375569 11.3065783,13.974485 C11.1263139,14.011413 10.9400419,13.9493661 10.8179291,13.8117166 L9.5186376,12.3468665 C9.22414169,12.0149864 9.45989101,11.4904632 9.90392371,11.4904632 L14.4850136,11.4904632 Z M5.50098092,4.78152589 C5.59577475,4.68317754 5.72575759,4.62651814 5.86232991,4.62401419 C5.99890223,4.62151025 6.13087463,4.67336691 6.22920982,4.76817439 L7.98207084,6.45809265 L9.70746594,4.77084468 C9.83861839,4.6402856 10.029738,4.59013451 10.2080975,4.63947554 C10.3864569,4.68881657 10.5246289,4.83006227 10.5700344,5.00946401 C10.6154398,5.18886575 10.5610966,5.37883585 10.4276839,5.50708448 L8.99029972,6.91280654 L10.8965123,6.91280654 C11.1617629,6.91275274 11.3836672,7.11418373 11.4092098,7.37820164 L11.4114986,7.42779292 C11.4114986,7.56437579 11.3572413,7.69536459 11.2606626,7.79194327 C11.1640839,7.88852195 11.0330951,7.94277929 10.8965123,7.94277929 L8.53024523,7.94277929 L8.52604905,8.82016349 L10.8965123,8.82016349 C11.1617629,8.82010969 11.3836672,9.02154067 11.4092098,9.28555858 L11.4114986,9.33514987 C11.4114986,9.61956899 11.1809314,9.85013624 10.8965123,9.85013624 L8.5214714,9.85013624 L8.51498638,11.3027793 C8.51374998,11.56795 8.31135535,11.7888342 8.04730245,11.813188 L7.99771117,11.8154768 C7.86112787,11.8148711 7.73037943,11.7600321 7.6342297,11.6630239 C7.53807997,11.5660156 7.48440524,11.4347849 7.48501362,11.2982016 L7.49149864,9.85013624 L5.13896458,9.85013624 C4.87371398,9.85019005 4.65180968,9.64875905 4.62626703,9.38474114 L4.6239782,9.33514987 C4.6239782,9.05057221 4.85438692,8.82016349 5.13896458,8.82016349 L7.4960763,8.82016349 L7.50027247,7.94277929 L5.13896458,7.94277929 C4.87371398,7.94283309 4.65180968,7.7414021 4.62626703,7.47738419 L4.6239782,7.42779292 C4.6239782,7.14321525 4.85438692,6.91280654 5.13896458,6.91280654 L6.96964578,6.91280654 L5.51433243,5.50975477 C5.32498039,5.3274737 5.30327716,5.0318494 5.4639782,4.82386922 L5.50098092,4.78152589 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/prompt.svg b/web/src/assets/images/menuNew/prompt.svg
new file mode 100644
index 00000000..8007982b
--- /dev/null
+++ b/web/src/assets/images/menuNew/prompt.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>提示词</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板" transform="translate(-22, -252)" stroke="#171719" stroke-width="1.2">
+            <g id="左侧导航栏" transform="translate(-391, 0)">
+                <g id="编组-47" transform="translate(403, 74)">
+                    <g id="知识库" transform="translate(0, 167)">
+                        <g id="提示词" transform="translate(10, 11)">
+                            <g id="编组-45" transform="translate(2.5, 2)">
+                                <path d="M3.96581416,12 L1.5,12 C0.671572875,12 0,11.3284271 0,10.5 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 L9.39685919,0 C10.2252863,0 10.8968592,0.671572875 10.8968592,1.5 L10.8968592,2.99293149 L10.8968592,2.99293149" id="路径"></path>
+                                <path d="M3.26905776,3.27272727 L7.62780143,3.27272727 M5.4484296,3.27272727 L5.4484296,7.63636364" id="形状结合"></path>
+                                <polygon id="路径-11" points="9.22121994 6.54545455 6.91984008 10.2384806 7.8543485 12 9.77860327 12 12 8.17112299"></polygon>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/prompt_active.svg b/web/src/assets/images/menuNew/prompt_active.svg
new file mode 100644
index 00000000..4c94cac2
--- /dev/null
+++ b/web/src/assets/images/menuNew/prompt_active.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>提示词</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板" transform="translate(-22, -252)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="左侧导航栏" transform="translate(-391, 0)">
+                <g id="编组-47" transform="translate(403, 74)">
+                    <g id="知识库" transform="translate(0, 167)">
+                        <g id="提示词" transform="translate(10, 11)">
+                            <g id="编组-45" transform="translate(2.5, 2)">
+                                <path d="M3.96581416,12 L1.5,12 C0.671572875,12 0,11.3284271 0,10.5 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 L9.39685919,0 C10.2252863,0 10.8968592,0.671572875 10.8968592,1.5 L10.8968592,2.99293149 L10.8968592,2.99293149" id="路径"></path>
+                                <path d="M3.26905776,3.27272727 L7.62780143,3.27272727 M5.4484296,3.27272727 L5.4484296,7.63636364" id="形状结合"></path>
+                                <polygon id="路径-11" points="9.22121994 6.54545455 6.91984008 10.2384806 7.8543485 12 9.77860327 12 12 8.17112299"></polygon>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/skills.svg b/web/src/assets/images/menuNew/skills.svg
new file mode 100644
index 00000000..3c8dd525
--- /dev/null
+++ b/web/src/assets/images/menuNew/skills.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>skills-icon</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-22, -360)" stroke="#171719" stroke-width="1.2">
+            <g id="工具管理" transform="translate(12, 349)">
+                <g id="skills-icon" transform="translate(10, 11)">
+                    <g id="编组-38" transform="translate(2, 2)">
+                        <path d="M9.49970122,0 C9.71415537,0 9.90389688,0.13886821 9.96865843,0.343220873 C10.3168573,1.39624746 10.6035658,1.68283064 11.6577934,2.03161792 C11.8616446,2.09672143 12,2.28609007 12,2.5 C12,2.71390993 11.8616446,2.90327857 11.6577934,2.96838208 C10.6043066,3.31642883 10.3168573,3.60301201 9.96865843,4.65677913 C9.90389688,4.86113179 9.73417982,5 9.49970122,5 C9.26522261,5 9.09550555,4.86113179 9.030744,4.65677913 C8.68254512,3.60301201 8.39509583,3.31642883 7.34086814,2.96838208 C7.13563491,2.90751652 6.99622897,2.71728025 7.00007774,2.50333237 C7.00007774,2.30190957 7.11639099,2.10863253 7.34086814,2.0308774 C8.39509583,1.68283064 8.68180427,1.39624746 9.030744,0.343220873 C9.09550555,0.13886821 9.28524707,0 9.49970122,0 Z" id="路径" fill-rule="nonzero"></path>
+                        <rect id="矩形" x="0" y="0" width="5" height="5" rx="2"></rect>
+                        <rect id="矩形备份-10" x="0" y="7" width="5" height="5" rx="2"></rect>
+                        <rect id="矩形备份-11" x="7" y="7" width="5" height="5" rx="2"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/skills_active.svg b/web/src/assets/images/menuNew/skills_active.svg
new file mode 100644
index 00000000..86191a8a
--- /dev/null
+++ b/web/src/assets/images/menuNew/skills_active.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>skills-icon</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-143, -632)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="skills-icon" transform="translate(143, 632)">
+                <g id="编组-38" transform="translate(2, 2)">
+                    <path d="M9.49970122,0 C9.71415537,0 9.90389688,0.13886821 9.96865843,0.343220873 C10.3168573,1.39624746 10.6035658,1.68283064 11.6577934,2.03161792 C11.8616446,2.09672143 12,2.28609007 12,2.5 C12,2.71390993 11.8616446,2.90327857 11.6577934,2.96838208 C10.6043066,3.31642883 10.3168573,3.60301201 9.96865843,4.65677913 C9.90389688,4.86113179 9.73417982,5 9.49970122,5 C9.26522261,5 9.09550555,4.86113179 9.030744,4.65677913 C8.68254512,3.60301201 8.39509583,3.31642883 7.34086814,2.96838208 C7.13563491,2.90751652 6.99622897,2.71728025 7.00007774,2.50333237 C7.00007774,2.30190957 7.11639099,2.10863253 7.34086814,2.0308774 C8.39509583,1.68283064 8.68180427,1.39624746 9.030744,0.343220873 C9.09550555,0.13886821 9.28524707,0 9.49970122,0 Z" id="路径" fill-rule="nonzero"></path>
+                    <rect id="矩形" x="0" y="0" width="5" height="5" rx="2"></rect>
+                    <rect id="矩形备份-10" x="0" y="7" width="5" height="5" rx="2"></rect>
+                    <rect id="矩形备份-11" x="7" y="7" width="5" height="5" rx="2"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/space.svg b/web/src/assets/images/menuNew/space.svg
new file mode 100644
index 00000000..d0e7a5e4
--- /dev/null
+++ b/web/src/assets/images/menuNew/space.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模型管理</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-22, -206)" stroke="#171719" stroke-width="1.2">
+            <g id="空间管理" transform="translate(12, 195)">
+                <g id="模型管理" transform="translate(10, 11)">
+                    <path d="M7.3,1.59696551 C7.73316151,1.3468796 8.26683849,1.3468796 8.7,1.59696551 L13.1951905,4.19226497 C13.628352,4.44235089 13.8951905,4.90452871 13.8951905,5.40470054 L13.8951905,10.5952995 C13.8951905,10.8453854 13.8284809,11.0859728 13.7076261,11.2952995 C13.5867713,11.5046261 13.4117713,11.6826921 13.1951905,11.807735 L8.7,14.4030345 C8.26683849,14.6531204 7.73316151,14.6531204 7.3,14.4030345 L2.80480947,11.807735 C2.37164796,11.5576491 2.10480947,11.0954713 2.10480947,10.5952995 L2.10480947,5.40470054 C2.10480947,5.15461463 2.17151909,4.91402721 2.29237391,4.70470054 C2.41322872,4.49537386 2.58822872,4.31730793 2.80480947,4.19226497 Z" id="多边形"></path>
+                    <polyline id="路径" stroke-linecap="round" stroke-linejoin="round" points="10.5 6 8 7.66666667 5.5 6"></polyline>
+                    <line x1="8" y1="8.00532812" x2="8" y2="10.5053281" id="路径-19" stroke-linecap="round" stroke-linejoin="round"></line>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/spaceConfig.svg b/web/src/assets/images/menuNew/spaceConfig.svg
new file mode 100644
index 00000000..f03b2f05
--- /dev/null
+++ b/web/src/assets/images/menuNew/spaceConfig.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>空间配置</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板" transform="translate(-22, -698)" stroke="#212332" stroke-width="1.2">
+            <g id="编组-13" transform="translate(12, 566)">
+                <g id="成员管理" transform="translate(0, 121)">
+                    <g id="空间配置" transform="translate(10, 11)">
+                        <g id="编组-48" transform="translate(1.5, 1)">
+                            <path d="M7.07735028,0.147797937 L12.4226497,3.09620852 C12.7799153,3.29327243 13,3.65746157 13,4.0515894 L13,9.94841056 C13,10.3425384 12.7799153,10.7067275 12.4226497,10.9037914 L7.07735028,13.8522021 C6.72008469,14.049266 6.27991534,14.049266 5.92264974,13.8522021 L0.577350276,10.9037914 C0.220084682,10.7067275 0,10.3425384 0,9.94841056 L0,4.0515894 C0,3.65746157 0.220084682,3.29327243 0.577350276,3.09620852 L5.92264974,0.147797937 C6.27991534,-0.049265979 6.72008469,-0.049265979 7.07735028,0.147797937 Z" id="多边形"></path>
+                            <polyline id="路径-15" points="0.0697311555 3.54588127 6.50000001 6.99293089 6.50000001 14"></polyline>
+                            <line x1="6.50000001" y1="6.99015831" x2="12.9333316" y2="3.54588127" id="路径-16"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/spaceConfig_active.svg b/web/src/assets/images/menuNew/spaceConfig_active.svg
new file mode 100644
index 00000000..578963a0
--- /dev/null
+++ b/web/src/assets/images/menuNew/spaceConfig_active.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>空间配置</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-记忆看板" transform="translate(-22, -698)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="编组-13" transform="translate(12, 566)">
+                <g id="成员管理" transform="translate(0, 121)">
+                    <g id="空间配置" transform="translate(10, 11)">
+                        <g id="编组-48" transform="translate(1.5, 1)">
+                            <path d="M7.07735028,0.147797937 L12.4226497,3.09620852 C12.7799153,3.29327243 13,3.65746157 13,4.0515894 L13,9.94841056 C13,10.3425384 12.7799153,10.7067275 12.4226497,10.9037914 L7.07735028,13.8522021 C6.72008469,14.049266 6.27991534,14.049266 5.92264974,13.8522021 L0.577350276,10.9037914 C0.220084682,10.7067275 0,10.3425384 0,9.94841056 L0,4.0515894 C0,3.65746157 0.220084682,3.29327243 0.577350276,3.09620852 L5.92264974,0.147797937 C6.27991534,-0.049265979 6.72008469,-0.049265979 7.07735028,0.147797937 Z" id="多边形"></path>
+                            <polyline id="路径-15" points="0.0697311555 3.54588127 6.50000001 6.99293089 6.50000001 14"></polyline>
+                            <line x1="6.50000001" y1="6.99015831" x2="12.9333316" y2="3.54588127" id="路径-16"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/space_active.svg b/web/src/assets/images/menuNew/space_active.svg
new file mode 100644
index 00000000..e55efb3e
--- /dev/null
+++ b/web/src/assets/images/menuNew/space_active.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模型管理</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-79, -632)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="模型管理" transform="translate(79, 632)">
+                <path d="M7.3,1.59696551 C7.73316151,1.3468796 8.26683849,1.3468796 8.7,1.59696551 L13.1951905,4.19226497 C13.628352,4.44235089 13.8951905,4.90452871 13.8951905,5.40470054 L13.8951905,10.5952995 C13.8951905,10.8453854 13.8284809,11.0859728 13.7076261,11.2952995 C13.5867713,11.5046261 13.4117713,11.6826921 13.1951905,11.807735 L8.7,14.4030345 C8.26683849,14.6531204 7.73316151,14.6531204 7.3,14.4030345 L2.80480947,11.807735 C2.37164796,11.5576491 2.10480947,11.0954713 2.10480947,10.5952995 L2.10480947,5.40470054 C2.10480947,5.15461463 2.17151909,4.91402721 2.29237391,4.70470054 C2.41322872,4.49537386 2.58822872,4.31730793 2.80480947,4.19226497 Z" id="多边形"></path>
+                <polyline id="路径" stroke-linecap="round" stroke-linejoin="round" points="10.5 6 8 7.66666667 5.5 6"></polyline>
+                <line x1="8" y1="8.00532812" x2="8" y2="10.5053281" id="路径-19" stroke-linecap="round" stroke-linejoin="round"></line>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/tool.svg b/web/src/assets/images/menuNew/tool.svg
new file mode 100644
index 00000000..0a14a626
--- /dev/null
+++ b/web/src/assets/images/menuNew/tool.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>工具管理 (2)</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-22, -314)" stroke="#171719" stroke-width="1.2">
+            <g id="工具管理" transform="translate(12, 303)">
+                <g id="工具管理-(2)" transform="translate(10, 11)">
+                    <g id="编组-16" transform="translate(1.5, 1.5)">
+                        <path d="M6.53871664,3.72096974 C5.74639837,2.92910097 4.55792096,1.74129781 2.97328442,0.157560264 C2.77839597,-0.0372176242 2.46241936,-0.0372176242 2.2675309,0.157560264 L0.150270351,2.27361965 C-0.0446181011,2.46839754 -0.0446181011,2.78419489 0.150270351,2.97897278 C1.74336839,4.57116702 2.93819192,5.7653127 3.73474094,6.56140982 M6.49493751,9.32004048 C7.17394111,9.99865887 8.35256847,11.1766176 10.0308196,12.8539166 C10.225708,13.0486945 10.5416847,13.0486945 10.7365731,12.8539166 L12.8538337,10.7378572 C13.0487221,10.5430793 13.0487221,10.227282 12.8538337,10.0325041 C11.1745353,8.35415844 9.99495488,7.17524719 9.31509231,6.49577032" id="形状" stroke-linejoin="round"></path>
+                        <path d="M10.7346374,0.146083428 L12.8456309,2.25587932 C13.0188651,2.42901522 13.0381134,2.69777144 12.9033757,2.8921563 L12.8374304,2.96924216 L3.34766234,12.0274937 L0.630896587,12.7713227 C0.365076784,12.8441021 0.0905544391,12.6877341 0.0177337684,12.4220651 C-0.00540442092,12.3376509 -0.00590902433,12.2486376 0.0162706466,12.1639668 L0.765809877,9.30260322 L10.0308302,0.144148887 C10.2043376,-0.0273627682 10.4720946,-0.0457366311 10.6657985,0.0885646877 L10.7346374,0.146083428 Z" id="矩形"></path>
+                        <line x1="8.75416423" y1="1.32663119" x2="11.587046" y2="4.16317466" id="路径-4"></line>
+                        <line x1="0.940624347" y1="9.30390286" x2="3.7270582" y2="12.0790587" id="路径-5"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/tool_active.svg b/web/src/assets/images/menuNew/tool_active.svg
new file mode 100644
index 00000000..00544dac
--- /dev/null
+++ b/web/src/assets/images/menuNew/tool_active.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>工具管理 (2)</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-111, -632)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="工具管理-(2)" transform="translate(111, 632)">
+                <g id="编组-16" transform="translate(1.5, 1.5)">
+                    <path d="M6.53871664,3.72096974 C5.74639837,2.92910097 4.55792096,1.74129781 2.97328442,0.157560264 C2.77839597,-0.0372176242 2.46241936,-0.0372176242 2.2675309,0.157560264 L0.150270351,2.27361965 C-0.0446181011,2.46839754 -0.0446181011,2.78419489 0.150270351,2.97897278 C1.74336839,4.57116702 2.93819192,5.7653127 3.73474094,6.56140982 M6.49493751,9.32004048 C7.17394111,9.99865887 8.35256847,11.1766176 10.0308196,12.8539166 C10.225708,13.0486945 10.5416847,13.0486945 10.7365731,12.8539166 L12.8538337,10.7378572 C13.0487221,10.5430793 13.0487221,10.227282 12.8538337,10.0325041 C11.1745353,8.35415844 9.99495488,7.17524719 9.31509231,6.49577032" id="形状" stroke-linejoin="round"></path>
+                    <path d="M10.7346374,0.146083428 L12.8456309,2.25587932 C13.0188651,2.42901522 13.0381134,2.69777144 12.9033757,2.8921563 L12.8374304,2.96924216 L3.34766234,12.0274937 L0.630896587,12.7713227 C0.365076784,12.8441021 0.0905544391,12.6877341 0.0177337684,12.4220651 C-0.00540442092,12.3376509 -0.00590902433,12.2486376 0.0162706466,12.1639668 L0.765809877,9.30260322 L10.0308302,0.144148887 C10.2043376,-0.0273627682 10.4720946,-0.0457366311 10.6657985,0.0885646877 L10.7346374,0.146083428 Z" id="矩形"></path>
+                    <line x1="8.75416423" y1="1.32663119" x2="11.587046" y2="4.16317466" id="路径-4"></line>
+                    <line x1="0.940624347" y1="9.30390286" x2="3.7270582" y2="12.0790587" id="路径-5"></line>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menuNew/user.svg b/web/src/assets/images/menuNew/user.svg
new file mode 100644
index 00000000..d04fb501
--- /dev/null
+++ b/web/src/assets/images/menuNew/user.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>用户管理</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-22, -514)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.2">
+            <g id="用户管理" transform="translate(12, 503)">
+                <g transform="translate(10, 11)" id="形状结合">
+                    <path d="M12.88346,1.5 C14.0503076,1.5 15,2.4977971 15,3.72394204 L15,12.2764348 C15,13.5025797 14.0503076,14.5 12.88346,14.5 L3.11617806,14.5 C1.94933043,14.5 1,13.5025797 1,12.2764348 L1,3.72394204 C1,2.4977971 1.94933044,1.5 3.11617806,1.5 L12.88346,1.5 Z M12.88346,2.5264348 L3.11617806,2.5264348 C2.48787549,2.5264348 1.97683677,3.06376813 1.97683677,3.72394204 L1.97683677,12.2764348 C1.97683677,12.9366087 2.4878755,13.473942 3.11617806,13.473942 L12.88346,13.473942 C13.5117626,13.473942 14.0231632,12.9366087 14.0231632,12.2764348 L14.0231632,3.72394204 C14.0231632,3.06376813 13.5117626,2.5264348 12.88346,2.5264348 Z M5.16178068,5.43956522 C6.20608821,5.44081114 7.05236828,6.32189908 7.05356496,7.40915943 C7.05279201,8.11143138 6.69945088,8.72768835 6.16790571,9.07639454 C6.89355987,9.2359675 7.5582178,9.60998315 8.06188925,10.1542319 C8.24610929,10.3528116 8.22728917,10.6565217 8.02099167,10.8332464 C7.92942454,10.9116232 7.81107491,10.9549565 7.68802027,10.9545821 C7.55012667,10.9545821 7.41295692,10.9003188 7.31378936,10.7933044 C6.81541803,10.2552174 6.09989142,9.9466087 5.35106768,9.9466087 C4.60188202,9.9466087 3.88671733,10.2555942 3.38798407,10.7933044 C3.20376402,10.9918841 2.88780311,11.0092174 2.68114368,10.8332464 C2.47448426,10.6565217 2.45566413,10.3528116 2.63988418,10.1542319 C3.08193588,9.67706028 3.64756421,9.33056805 4.26968075,9.14369217 C3.67477508,8.8126858 3.27082289,8.16009728 3.26999637,7.40915943 C3.27119306,6.32189908 4.11747314,5.44081113 5.16178068,5.43956522 Z M12.2490047,9.53663769 C12.5139341,9.53663769 12.7292798,9.76573914 12.7292798,10.0487246 C12.7292798,10.3313333 12.5139341,10.5608116 12.2490047,10.5608116 L9.04741224,10.5608116 C8.78212089,10.5608116 8.56713716,10.3309565 8.56713716,10.0483478 C8.56713716,9.76573914 8.78212087,9.53663769 9.04741224,9.53663769 L12.2490047,9.53663769 Z M12.2490047,7.48791306 C12.5139341,7.48791306 12.7292798,7.71739132 12.7292798,8.00037682 C12.7292798,8.28298551 12.5139341,8.51208696 12.2490047,8.51208696 L9.04741224,8.51208696 C8.78212089,8.51208696 8.56713716,8.28298551 8.56713716,8.00000001 C8.56713716,7.71739132 8.78212087,7.48791306 9.04741224,7.48791306 L12.2490047,7.48791306 Z M5.16178068,6.40910145 C4.63167261,6.41010079 4.20202825,6.85724807 4.20123054,7.40915943 C4.2018289,7.96121796 4.63153153,8.40859444 5.16178068,8.4092174 C5.69202981,8.40859443 6.12173244,7.96121795 6.1223308,7.40915943 C6.12173245,6.85710091 5.69202982,6.40972442 5.16178068,6.40910145 Z M12.2490047,5.43956522 C12.5139341,5.43956522 12.7292798,5.66866667 12.7292798,5.95165217 C12.7292798,6.23426086 12.5139341,6.46373914 12.2490047,6.46373914 L9.04741224,6.46373914 C8.78212089,6.46373914 8.56713716,6.23463769 8.56713716,5.95127537 C8.56713716,5.66866669 8.78212087,5.43956522 9.04741224,5.43956522 L12.2490047,5.43956522 Z"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/menu/userMemory.svg b/web/src/assets/images/menuNew/userMemory.svg
similarity index 76%
rename from web/src/assets/images/menu/userMemory.svg
rename to web/src/assets/images/menuNew/userMemory.svg
index c4b9cd51..9eb5b1fc 100644
--- a/web/src/assets/images/menu/userMemory.svg
+++ b/web/src/assets/images/menuNew/userMemory.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 29</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-应用管理" transform="translate(-24, -249)" stroke="#5B6167">
-            <g id="记忆库" transform="translate(12, 241)">
-                <g id="编组-29" transform="translate(12, 8)">
-                    <g id="编组-30" transform="translate(1.5, 2)">
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -360)" stroke="#171719" stroke-width="1.2">
+            <g id="记忆库" transform="translate(12, 349)">
+                <g id="编组-29" transform="translate(10, 11)">
+                    <g id="编组-30" transform="translate(1, 2)">
                         <path d="M5.15208739,12 L3.96504286,11.9873871 C3.14287934,11.9786512 2.48098017,11.3096817 2.48098017,10.4874718 L2.48098017,8.17573134 L2.48098017,8.17573134 L0.701703053,7.96314675 C0.482349244,7.93693878 0.325773604,7.73787163 0.351981572,7.51851782 C0.360586526,7.44649662 0.388612869,7.37817062 0.433061291,7.3208519 L1.79815052,5.56049306 L1.79815052,5.56049306 L1.79815052,5.43150782 C1.79815052,2.43176888 4.30576994,0 7.39907526,0 C10.4923806,0 13,2.43176888 13,5.43150782" id="路径" stroke-linecap="round"></path>
                         <path d="M8,6 L11,6 C11.5522847,6 12,6.44771525 12,7 L12,11 C12,11.5522847 11.5522847,12 11,12 L8,12 C7.44771525,12 7,11.5522847 7,11 L7,7 C7,6.44771525 7.44771525,6 8,6 Z" id="矩形"></path>
                         <line x1="7" y1="8" x2="12" y2="8" id="路径-26"></line>
diff --git a/web/src/assets/images/menu/userMemory_active.svg b/web/src/assets/images/menuNew/userMemory_active.svg
similarity index 76%
rename from web/src/assets/images/menu/userMemory_active.svg
rename to web/src/assets/images/menuNew/userMemory_active.svg
index 554dc0bc..d31e4859 100644
--- a/web/src/assets/images/menu/userMemory_active.svg
+++ b/web/src/assets/images/menuNew/userMemory_active.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 29</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-应用管理" transform="translate(-24, -249)" stroke="#212332">
-            <g id="记忆库" transform="translate(12, 241)">
-                <g id="编组-29" transform="translate(12, 8)">
-                    <g id="编组-30" transform="translate(1.5, 2)">
+    <g id="定稿" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页-红熊空间" transform="translate(-22, -360)" stroke="#FFFFFF" stroke-width="1.2">
+            <g id="记忆库" transform="translate(12, 349)">
+                <g id="编组-29" transform="translate(10, 11)">
+                    <g id="编组-30" transform="translate(1, 2)">
                         <path d="M5.15208739,12 L3.96504286,11.9873871 C3.14287934,11.9786512 2.48098017,11.3096817 2.48098017,10.4874718 L2.48098017,8.17573134 L2.48098017,8.17573134 L0.701703053,7.96314675 C0.482349244,7.93693878 0.325773604,7.73787163 0.351981572,7.51851782 C0.360586526,7.44649662 0.388612869,7.37817062 0.433061291,7.3208519 L1.79815052,5.56049306 L1.79815052,5.56049306 L1.79815052,5.43150782 C1.79815052,2.43176888 4.30576994,0 7.39907526,0 C10.4923806,0 13,2.43176888 13,5.43150782" id="路径" stroke-linecap="round"></path>
                         <path d="M8,6 L11,6 C11.5522847,6 12,6.44771525 12,7 L12,11 C12,11.5522847 11.5522847,12 11,12 L8,12 C7.44771525,12 7,11.5522847 7,11 L7,7 C7,6.44771525 7.44771525,6 8,6 Z" id="矩形"></path>
                         <line x1="7" y1="8" x2="12" y2="8" id="路径-26"></line>
diff --git a/web/src/assets/images/menuNew/user_active.svg b/web/src/assets/images/menuNew/user_active.svg
new file mode 100644
index 00000000..33778047
--- /dev/null
+++ b/web/src/assets/images/menuNew/user_active.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>用户管理</title>
+    <g id="空间外层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" transform="translate(-207, -632)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.2">
+            <g id="用户管理" transform="translate(207, 632)">
+                <path d="M12.88346,1.5 C14.0503076,1.5 15,2.4977971 15,3.72394204 L15,12.2764348 C15,13.5025797 14.0503076,14.5 12.88346,14.5 L3.11617806,14.5 C1.94933043,14.5 1,13.5025797 1,12.2764348 L1,3.72394204 C1,2.4977971 1.94933044,1.5 3.11617806,1.5 L12.88346,1.5 Z M12.88346,2.5264348 L3.11617806,2.5264348 C2.48787549,2.5264348 1.97683677,3.06376813 1.97683677,3.72394204 L1.97683677,12.2764348 C1.97683677,12.9366087 2.4878755,13.473942 3.11617806,13.473942 L12.88346,13.473942 C13.5117626,13.473942 14.0231632,12.9366087 14.0231632,12.2764348 L14.0231632,3.72394204 C14.0231632,3.06376813 13.5117626,2.5264348 12.88346,2.5264348 Z M5.16178068,5.43956522 C6.20608821,5.44081114 7.05236828,6.32189908 7.05356496,7.40915943 C7.05279201,8.11143138 6.69945088,8.72768835 6.16790571,9.07639454 C6.89355987,9.2359675 7.5582178,9.60998315 8.06188925,10.1542319 C8.24610929,10.3528116 8.22728917,10.6565217 8.02099167,10.8332464 C7.92942454,10.9116232 7.81107491,10.9549565 7.68802027,10.9545821 C7.55012667,10.9545821 7.41295692,10.9003188 7.31378936,10.7933044 C6.81541803,10.2552174 6.09989142,9.9466087 5.35106768,9.9466087 C4.60188202,9.9466087 3.88671733,10.2555942 3.38798407,10.7933044 C3.20376402,10.9918841 2.88780311,11.0092174 2.68114368,10.8332464 C2.47448426,10.6565217 2.45566413,10.3528116 2.63988418,10.1542319 C3.08193588,9.67706028 3.64756421,9.33056805 4.26968075,9.14369217 C3.67477508,8.8126858 3.27082289,8.16009728 3.26999637,7.40915943 C3.27119306,6.32189908 4.11747314,5.44081113 5.16178068,5.43956522 Z M12.2490047,9.53663769 C12.5139341,9.53663769 12.7292798,9.76573914 12.7292798,10.0487246 C12.7292798,10.3313333 12.5139341,10.5608116 12.2490047,10.5608116 L9.04741224,10.5608116 C8.78212089,10.5608116 8.56713716,10.3309565 8.56713716,10.0483478 C8.56713716,9.76573914 8.78212087,9.53663769 9.04741224,9.53663769 L12.2490047,9.53663769 Z M12.2490047,7.48791306 C12.5139341,7.48791306 12.7292798,7.71739132 12.7292798,8.00037682 C12.7292798,8.28298551 12.5139341,8.51208696 12.2490047,8.51208696 L9.04741224,8.51208696 C8.78212089,8.51208696 8.56713716,8.28298551 8.56713716,8.00000001 C8.56713716,7.71739132 8.78212087,7.48791306 9.04741224,7.48791306 L12.2490047,7.48791306 Z M5.16178068,6.40910145 C4.63167261,6.41010079 4.20202825,6.85724807 4.20123054,7.40915943 C4.2018289,7.96121796 4.63153153,8.40859444 5.16178068,8.4092174 C5.69202981,8.40859443 6.12173244,7.96121795 6.1223308,7.40915943 C6.12173245,6.85710091 5.69202982,6.40972442 5.16178068,6.40910145 Z M12.2490047,5.43956522 C12.5139341,5.43956522 12.7292798,5.66866667 12.7292798,5.95165217 C12.7292798,6.23426086 12.5139341,6.46373914 12.2490047,6.46373914 L9.04741224,6.46373914 C8.78212089,6.46373914 8.56713716,6.23463769 8.56713716,5.95127537 C8.56713716,5.66866669 8.78212087,5.43956522 9.04741224,5.43956522 L12.2490047,5.43956522 Z" id="形状结合"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/model/bedrock.png b/web/src/assets/images/model/bedrock.png
new file mode 100644
index 00000000..a16ee6f7
Binary files /dev/null and b/web/src/assets/images/model/bedrock.png differ
diff --git a/web/src/assets/images/model/bedrock.svg b/web/src/assets/images/model/bedrock.svg
deleted file mode 100644
index 6a0235af..00000000
--- a/web/src/assets/images/model/bedrock.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_16762_59518)">
-<path d="M12.6667 0H3.33333C1.49238 0 0 1.49238 0 3.33333V12.6667C0 14.5076 1.49238 16 3.33333 16H12.6667C14.5076 16 16 14.5076 16 12.6667V3.33333C16 1.49238 14.5076 0 12.6667 0Z" fill="url(#paint0_linear_16762_59518)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99984 12.093L6.3825 12.6323L5.75184 12.2116L6.4385 11.9823L6.22784 11.3503L5.04917 11.743L4.6665 11.4883V9.66631C4.6665 9.54031 4.59517 9.42497 4.4825 9.3683L3.33317 8.79364V7.20564L4.33317 6.70564L5.33317 7.20564V8.33297C5.33317 8.45964 5.4045 8.57497 5.51717 8.63164L6.8505 9.29831L7.14917 8.70164L5.99984 8.12697V7.20564L7.14917 6.63164C7.26184 6.57497 7.33317 6.45964 7.33317 6.33297V5.33297H6.6665V6.12697L5.6665 6.62697L4.6665 6.12697V4.51164L5.33317 4.06697V5.33297H5.99984V3.62297L6.3825 3.36764L7.99984 3.90697V12.093ZM11.6665 11.333C11.8498 11.333 11.9998 11.4823 11.9998 11.6663C11.9998 11.8503 11.8498 11.9996 11.6665 11.9996C11.4832 11.9996 11.3332 11.8503 11.3332 11.6663C11.3332 11.4823 11.4832 11.333 11.6665 11.333ZM10.9998 3.99964C11.1832 3.99964 11.3332 4.14897 11.3332 4.33297C11.3332 4.51697 11.1832 4.6663 10.9998 4.6663C10.8165 4.6663 10.6665 4.51697 10.6665 4.33297C10.6665 4.14897 10.8165 3.99964 10.9998 3.99964ZM12.3332 7.99964C12.5165 7.99964 12.6665 8.14897 12.6665 8.33297C12.6665 8.51697 12.5165 8.66631 12.3332 8.66631C12.1498 8.66631 11.9998 8.51697 11.9998 8.33297C11.9998 8.14897 12.1498 7.99964 12.3332 7.99964ZM11.3945 8.66631C11.5325 9.05364 11.8992 9.33297 12.3332 9.33297C12.8845 9.33297 13.3332 8.88497 13.3332 8.33297C13.3332 7.78164 12.8845 7.33297 12.3332 7.33297C11.8992 7.33297 11.5325 7.61297 11.3945 7.99964H8.6665V6.66631H10.9998C11.1838 6.66631 11.3332 6.51764 11.3332 6.33297V5.27164C11.7205 5.13364 11.9998 4.76697 11.9998 4.33297C11.9998 3.78164 11.5512 3.33297 10.9998 3.33297C10.4485 3.33297 9.99984 3.78164 9.99984 4.33297C9.99984 4.76697 10.2792 5.13364 10.6665 5.27164V5.99964H8.6665V3.6663C8.6665 3.52297 8.5745 3.39564 8.4385 3.3503L6.4385 2.68364C6.3405 2.65097 6.23384 2.66564 6.1485 2.7223L4.1485 4.05564C4.05584 4.11764 3.99984 4.22164 3.99984 4.33297V6.12697L2.8505 6.70164C2.73784 6.75831 2.6665 6.87364 2.6665 6.99964V8.99964C2.6665 9.12631 2.73784 9.24164 2.8505 9.29831L3.99984 9.87231V11.6663C3.99984 11.7776 4.05584 11.8823 4.1485 11.9436L6.1485 13.277C6.20384 13.3143 6.26784 13.333 6.33317 13.333C6.3685 13.333 6.40384 13.3276 6.4385 13.3156L8.4385 12.649C8.5745 12.6043 8.6665 12.477 8.6665 12.333V10.6663H10.1952L10.7638 11.2356L10.7725 11.227C10.7072 11.3603 10.6665 11.5083 10.6665 11.6663C10.6665 12.2176 11.1152 12.6663 11.6665 12.6663C12.2178 12.6663 12.6665 12.2176 12.6665 11.6663C12.6665 11.115 12.2178 10.6663 11.6665 10.6663C11.5078 10.6663 11.3598 10.707 11.2272 10.773L11.2358 10.7643L10.5692 10.0976C10.5065 10.035 10.4218 9.99964 10.3332 9.99964H8.6665V8.66631H11.3945Z" fill="white"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_16762_59518" x1="0" y1="1600" x2="1600" y2="0" gradientUnits="userSpaceOnUse">
-<stop stop-color="#055F4E"/>
-<stop offset="1" stop-color="#56C0A7"/>
-</linearGradient>
-<clipPath id="clip0_16762_59518">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/web/src/assets/images/model/dashscope.png b/web/src/assets/images/model/dashscope.png
index c1aff40e..e57821f0 100644
Binary files a/web/src/assets/images/model/dashscope.png and b/web/src/assets/images/model/dashscope.png differ
diff --git a/web/src/assets/images/model/gpustack.png b/web/src/assets/images/model/gpustack.png
index b154821d..39d303ae 100644
Binary files a/web/src/assets/images/model/gpustack.png and b/web/src/assets/images/model/gpustack.png differ
diff --git a/web/src/assets/images/model/ollama.png b/web/src/assets/images/model/ollama.png
new file mode 100644
index 00000000..068d066d
Binary files /dev/null and b/web/src/assets/images/model/ollama.png differ
diff --git a/web/src/assets/images/model/ollama.svg b/web/src/assets/images/model/ollama.svg
deleted file mode 100644
index f8482a96..00000000
--- a/web/src/assets/images/model/ollama.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g clip-path="url(#clip0_16325_59237)">
-<rect width="24" height="24" rx="5" fill="white"/>
-<rect x="3.5" width="17" height="24" fill="url(#pattern0)"/>
-</g>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_16325_59237" transform="matrix(0.00552486 0 0 0.00391344 0 -0.00092081)"/>
-</pattern>
-<clipPath id="clip0_16325_59237">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-<image id="image0_16325_59237" width="181" height="256" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALUAAAEACAMAAADC/cfpAAAC8VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADF5N8AAAA+nRSTlMAQP4BYIAC/AP4/foEJCYH+59j9ggKCUSkE/Dy2g8G+W71Gn+nCyGX8SI4IEHTV1YNEO/R0u0V5XYvGLbWsw7BrEt+UgUZPvdw1Tl3xoSP8+dF3BbdH+bQib/fJ2U61ze+cgwbdeP0YYF6TFqyR2Lkq7DhxbjYnVSpjdRp6RFZ6DIqPcoSraBvPy3HSOvASc7LbCx7WJ4zFx0wfe5t4KJGFEJNT19KpY5Vaxy9aimMi5qRpl2bNZajUbnqu9vDxHk8hXzM7HivnFxTMTTik04eySsuiiXeqtlnkrzIrjuht2SYXpRQtIi1mSious+HkHSGg5VxNiOxzVtoemhgZAAAEO5JREFUeF7t3WVwHNeWB/C/uqWZEcsRWbLAki2ZQWaGmGNmZmbH9BJzzOyAHVOcOGjHkDhML8zwwkybDT7mpf+nLclS1bk93T13ZvSs3i39PqpKM0ddd85cOkf4f6tWrVq1atWqVatWrVq1zOTFJ+LiFvbph3+Vfn0WxsWdWJxsorqUzRnEy4y932Wg+mV8t9fgZYPmlKE6BOq3p3CqpYnqZbY8RaF9/QCidq4nLVaUoTqVraBFz3OI0vGODDKtFNWndBqDdDyOqNx6kjaWp6C6pCynjZO3IgrJG2jrk2JUj+JPaGtDMiJW0o4OvkpFdUj9ig7alSBSl+joIVSHh+joEiK01KCjhGxELzuBjoyliEjGKLoYlYVoZbm/QQYi0Ymurka0rqarTohAWXu6qncU0Tlaj67alyF8LzGE6xGd6xnCSwhbxmYqipYNTqNiXgdEo8M8KtIGLyuiYnMGwnUPFf7ewCMGFScQjRNUGI8Avf1U3INwraJiKAA8QEXHvohc345UPAAAQ6lYhTClGJTWpAJAajcqnkTknqSi2+U3WEPJSEF44qjogwpLqbgWkbuWiqWo0IeKOISnBaV2Plw2g1JhDiKVU0hpBi7ztaPUAmFJpmIZKmVbfx6pZVRkO/w8GeGoTym3BJXMFpS6I1LdKbUwUakkl1L9KF70dVTBbZTSMxGZzHRKt6EKXo/8sSQ1pjRSfDcUUtqHyOyjVCi+r0ZSapwEfbdSOinzcldKDyIyD1LqKvP4SUq3Qp86Dq6DMIXSjYjMjZSmQLjOMnb03e78osUGhbQeiESPNApGsfNjuR36BlFKgdSOUnNEojmldpBSKA2Ctow0CvtNSMModaqGBccwSOZ+CmkZ0HWcUlco3qT0KSLxKaU3oehK6Th0taI0FIp+lLrBwnzvyVu+nTHtVDppbJi0rftD66fOglU3Sv2gGEqpFXTdQuksVCspJKZCaLJ+xQgGSTt05t5MCKmJFFZCdZbSLdC1ltKHrt+bN6DKxQUt6Kjo68WzUOUG12nBh5TWQtczFIwsqF6kdDcqtP58G0MYfuQaExXupvQiVFkGhWciS3wjYLGY0j8AYOyZXOq4cXFfAPgHpcWwGBFZ6mtDYS8s3qZ0BmiytpC6xlzVFzhD6W1Y7KXQBpoClH4PizJKvTp8UchwfPam2YvSaVj8nlIAes5R+g2scilsOMlwTVxDIRdWv6F0DnqahFi7dWN16hZizdoEeqZSugCr86xO52F1gdJU6ImhFOs6I4ze7bCKpRQTUdR9YPUFq9MXsOpTDVHHuI676MVpvX/0UXdiKMby5566feeKGW3nMaROVyjq+XTT+NqZ37RGJXPsr64/ZNDN/CsUdSwdtf9tdgGsZl/omUBHsTUd9XObMmDvPya8cmWjvgtWLWnH6H4NXJTsWk5bLWF1VzVEHeu8VpWebYoQsjq1oY3m1ZSvt1Ka4jSCpHGLTYQ2uo5BwSmqKZS2Qk9yiBO6mbR6Yjv0jHyHVjNDnOglQ88xSsNg0aMNVfUWQ9vG12jRpgcshlE6Bj1JlOrC4nmqfn0DwmAuTKDqeVjUpZQETfUo9ESVnJhNc+IWNNhAxd4OCE/LeCo2NFgQN2dTTA6q9KRQD7ryKEwCZr0QG3dfi+G0c6A1wrU0nXaGt7gvLvaFWcAkCnnQNZGCf+D5Ijp6vzXCtyiNjuo9ushPYSJ01aWuU0cRifuprS50/Y2aEqcjIuYT1PU36IqlphOIUNlKaoqFrm+o50ASIrU1kXq+ga6SAdQxoBki9wC1DCiBtobUcT2iUNaGOhpCW/4Batifg2jMpI6us6Ap52XqmIOopC6njvdzoGV0W+oY0AHRWUAtbUdDw/YW1HIfonQukVrWbdd40jdqvtZYROumQmq5MeTTHtuN9ozPGt6yKeZis9/FtFz4ep1Lt7VG9N7+uU6dYRcONi0tfWzf52e+zKWDbmPhKmUu7RR9+kgX/MsFHmvQlrbmprgG3ZE22n2ejyvEPN5oHm10dAm73yQGe3mRD1fS6ReHM9ikfnCQP55BOr7hw5XWb6fBIOPzYcv3E62MR8tQE5qPYZCffLDzJ1qd/BE1pEddBvkTbIw0aNGiCWqMeVsaLYyRCNJhOS2eyUdN2jecFss7wGoHLa5NRc2a2oYWO0Lu3S0pQE1rWi/EnmDBNKqezULNG5lI1bQCSBeoGnMaXnAVLS5AKNlARVFneEMjqjbIZeSrVE2BR2SMp+pVsYu/n4olJrxiTzwV4xyHT+5seEcDKgakopL5X1QMhIdk/JqK/7a/S8vPCuAlfaiY6FD51hKeYn5FKaEUFZJGUBrkg7f0ts0iMVQsg7dYqwJutKvH2p8Fr/kfSsY5m2vLw+A5PYZTugoAZhuU3oL31KX0MAAcppRnwnvepTTXDMp7D8CDMosovQfgOUrZ8KJ/sxbNmfUoxGfCiwZbK4aLLcnQk16wVsLspvTv8KTWCRQOAd9TugneNIbCK8DCoIov738cA5hAKRnRMpNbLni456iV8QlMiF85qufDC1omm9W8fjyGOpSy4Cz/jth7svPh5tj6HfsZbP+O9cfgJj/7ntg78rVXNE3UqNPg6Ph18SQZf93NcLD9piEGnRhDbtoOBzdXvfRxOJlCaaoa9Ttw4BvqZ6X4gSZsfPB6Ot2lv/4BbJgD41nJP9SndR8hRo16Ehw8HqKTwA29EhhaQq8bQnRGeDySqFfC3mH31h45jfzU42+U496k5HAEUcfDVmAUFd18kDY9TX1Pb4Lk60bFqIDGuN6qlUNi3W5p5jdkeBrmu90ejdXIIcm4PnS+9uXR4kWRAPIYrjyRhl6kRZ4vdL4eq/PdOJ1WdVBlaWNa+cfv7HR2a5NmY5s12Xq2087xflo1XooqdWg1PfRUtcAyzu+HjZnOUbcspGpEo7t6QNXjrkYjqCps6Rz1TNgYZZmH3Bl6zhdHSa54WqVR8r92MAA7gYOv+SmltXK8SBSnM+ebTellvah/hQrZhUokR5LhLPlIGoXCbFT4lVbUu61Vt2YuhcTWOs2Icmeh3OQ2FL78AO4++JJCm8koNytXp/XQS5QaAHiW0l1OKwmpEcpltpAfsGUmQjGXyY9ui0yRHYQXEOyAdd2IMyEHtm8NFemlKPeDLCn/GDo+lsXsP6BcaToVa3wIsj2R0uygkbU5CcHupmTMR7n+hij+bg09rbuK1+mPcvMNSncj2HwGTZY6JFDqDRt/lkHvQrkk8dh6FUBXgajIbJeEcrtk2H+GjfOUdqLcy5T+EzZ8f01gJf/AoFOR1QXQV7DasmMHDPSzUsJffQiWkkBpsU1i8yfDztTVfpZbF4MKSWNYZVo+wpE/jVXGJKFCzDqW86+eCjs/UErMQbnOVDwKezmLFsa9utUHa56N74zwdI635n34tr4at3BRDmx1KaL0B1QwB1FKTIGGp1wqU3rMrHNpUwGAZnF1Hm/u1ivuKWgQZbxiWGFw+F2cuvhZaWUGLPrlkeRn9/YYVkjSWACrjJWs5O+CkC4mUpqXXxVCIRXvhnPAvd5pt9l4mhWMt2G1Xjy4UHwTqTiCKvdR0TEHruRv5GbCqk2oehhk5upfG72JdGiUc6tBxbU+7R2sIwjSmKqFCHKElcYghM7pVMxQGo2ounaAqxJDZAGrh6kwHoOkZiCjBK5GryEd99f/aVC1biOcyVYaXRDkvc22vQOkLqzinjZPd6PqgAnhOlrcrlcB2R42Loqjb2NYADbaa1Uvmr9QZTSF1KyIKn+yVtRtYafHQ2m8bFRv2GqrFfXNtHgCqltosUsr6gMQgotkO2bB3gGtqHdRdbIfVAXjqXpcK+o82LtTLOjs5GlF/TgF2+zeuZCKv8NFf1YaEHDtlJcegK3AAFbqDxd/p+KQCavJiVTM1OvVsQe2drqniD16fTZmUpE4OWSWvQgXgXiXezuybdgm2BrISvEBuLhoUPEwLH7nD2sKtY2VhsDWJPfasyGstC2slpr+37m2eGLjZrrdcrfAzhLXFLFFtyirWWO6NX/qEs+w+j1ms8oS2Ol8+e16mbCzRPsAvD4V8V3cmjq3TYK7pM3uy2NMbvSHn7rf1jfElaDNId+nrUv76sA7VNyBUD5ilXFdEJ4u41jlI4RyBxXvyFR6LxXnTYQyNpFVVmUiHJmrWCVxLEIxz1Nxr3M9Y3+E9qjYWQgn7MzVcmEdWn/HesdZ8ygNMRFacT3xC0eh6+gQUcRdjNDMIZTmzRJdBCNo5DdQrtmyoSe7o+7N0tDB1aU0rgCC3jLUWKvzuI8eMWR9vA86CsbZ16cntac0AXqKlZcb/nMx3BX/PJzCuGLomUCpfVWybErFzdA0vYhSYq8+mXCS2adXIqWi6ZD01wZNbVcE60zoOhhPVfozcYtKTajM0kVxz6RTFX8Qusx1to0on6I0FPr2FTFYwtw1E5/9ZNL4ieMnffLsxDVzExisaB/0DaX0FCr46lG6BmGYPo6RGDcdYbiGUj2fTcfNNgGEY3ZPhq/nbIQj0Mamq+gblJYgPIHnBzA8A54PIDxLKL1hk1kGI1wpvzAcv6QgXINtMnP3qJss36k/THreGXUL5+7BXXCMjYhE07rpDC29blNEYqMR1CnHTKQwFxEqm79kHt3MWzK/DBGaSyHRDOqxPAORS909eMe0RAZLnLZj8O5URG5GUA/ntyhdQpTM4j0xqj3FJqJ0Keg6/khKV8OLrg66evO9+1aaB+scvw+6inU3vOhuSrFBf0cMvCgmaDycoHQNvOgaSieCjtFL4UWllOKCok6BF6UERT2H0m540W5Kc4IuujSHFzWnND8o8x2GFx0Oynx9vF/EgZso9QnaSJsAL5oQ9NlLprQCXrSC0mQAJZTawovaUioBgM0U4vvCe/rGU9iMcs95vpb0LUrPodxvKa2H96yn9Fubc6aG8J6GlOrbTKie9sFrfE/bTEuz4tUfenyeGp+FCkMoPQiveZDSENud1rkBeEtgLqWh9odjvb3dHaK//blMV3hLV/tzGeyklLAHXrIngdJOVDlIxQoPz5x4EFX6jqCUMB3eMT2B0oi+TvNXbgvAKwLb6Dj/b+Kn4i/wir9Q4W8C4TUq0rfAG7akU/EapKZUjdkOL9g+hqqmUKymqqEHJ3vkaqgeS6DC+BE170eDioTHQnX7z0PNywv5XwBmN6ZqMmraZKoazw79nw/eRE17kwxZnuubQUUsalosFTN8sLGWilaoaa2oWKsxjeVY1LRjVPUO3b3vj6h5f6Ti1xmh7rHyXc/11CLrh/rvAavgBauoWJ4K1SNUTYUXTKXqEfe/age8YYfrCJhsWCszvSElkZIxGVIDerS14DAqGkAaT2lEa3hF6xGUxkM4ZlCaA++YQ8l4z/Emw4AceEfOAMeiqico9YKX9HKsujtF6bCHT0hPiTpTSmkb4SUb0yiNdijheB/e8r5DEcdgT2+7P+hwI/VbSmfhLWcpfSsq6KRSD1/EkVV6r1huZXuLeqv9FVTKonQIXnPIttXax5QaevyQ9GPb06SP4DUf2Z4mLaJUH15Tn9Ii292SN+A1b1CKtY36TnjNnbZR7/L4TdUY21YKcZQ+hNd8SCnONupm8JpmtlE3oLQFXrPFdsF7//+pcX2/bQ65C16zzzaH3EPpO49XFdxjW6m+AF6zgNIdtqO9Lrymrm22GO3xO59tbZe7aptP/0Z4y0Y/hVwTlfa6HSN57FBpr0Pv4K/hLV9TauRwsDc8FV6SOtzhGLQZFZ3hJZ3pNE1aR6kpvKQppUFORwX+0/CS0/7gudP/AtRWD4XPH31GAAAAAElFTkSuQmCC"/>
-</defs>
-</svg>
diff --git a/web/src/assets/images/model/openai.png b/web/src/assets/images/model/openai.png
new file mode 100644
index 00000000..db9fabaa
Binary files /dev/null and b/web/src/assets/images/model/openai.png differ
diff --git a/web/src/assets/images/model/openai.svg b/web/src/assets/images/model/openai.svg
deleted file mode 100644
index 70686f9b..00000000
--- a/web/src/assets/images/model/openai.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="24" height="24" rx="6" fill="#19C37D"/>
-<path d="M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z" fill="white"/>
-</svg>
diff --git a/web/src/assets/images/model/volcano.png b/web/src/assets/images/model/volcano.png
new file mode 100644
index 00000000..ba0dce10
Binary files /dev/null and b/web/src/assets/images/model/volcano.png differ
diff --git a/web/src/assets/images/model/xinference.png b/web/src/assets/images/model/xinference.png
new file mode 100644
index 00000000..71a4821b
Binary files /dev/null and b/web/src/assets/images/model/xinference.png differ
diff --git a/web/src/assets/images/model/xinference.svg b/web/src/assets/images/model/xinference.svg
deleted file mode 100644
index f5c5f75e..00000000
--- a/web/src/assets/images/model/xinference.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Xorbits Square" clip-path="url(#clip0_9850_26870)">
-<path id="Vector" d="M8.00391 12.3124C8.69334 13.0754 9.47526 13.7494 10.3316 14.3188C11.0667 14.8105 11.8509 15.2245 12.6716 15.5541C14.1617 14.1465 15.3959 12.4907 16.3192 10.6606L21.7051 0L12.3133 7.38353C10.5832 8.74456 9.12178 10.416 8.00391 12.3124Z" fill="url(#paint0_linear_9850_26870)"/>
-<path id="Vector_2" d="M7.23504 18.9512C6.56092 18.5012 5.92386 18.0265 5.3221 17.5394L2.06445 24L7.91975 19.3959C7.69034 19.2494 7.46092 19.103 7.23504 18.9512Z" fill="url(#paint1_linear_9850_26870)"/>
-<path id="Vector_3" d="M19.3161 8.57474C21.0808 10.9147 21.5961 13.5159 20.3996 15.3053C18.6526 17.9189 13.9161 17.8183 9.82024 15.0812C5.72435 12.3441 3.82024 8.0065 5.56729 5.39297C6.76377 3.60356 9.36318 3.0865 12.2008 3.81886C7.29318 1.73474 2.62376 1.94121 0.813177 4.64474C-1.45976 8.04709 1.64435 14.1177 7.74494 18.1889C13.8455 22.26 20.6361 22.8124 22.9091 19.4118C24.7179 16.703 23.1173 12.3106 19.3161 8.57474Z" fill="url(#paint2_linear_9850_26870)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9850_26870" x1="2.15214" y1="24.3018" x2="21.2921" y2="0.0988218" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E9A85E"/>
-<stop offset="1" stop-color="#F52B76"/>
-</linearGradient>
-<linearGradient id="paint1_linear_9850_26870" x1="2.06269" y1="24.2294" x2="21.2027" y2="0.028252" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E9A85E"/>
-<stop offset="1" stop-color="#F52B76"/>
-</linearGradient>
-<linearGradient id="paint2_linear_9850_26870" x1="-0.613606" y1="3.843" x2="21.4449" y2="18.7258" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6A0CF5"/>
-<stop offset="1" stop-color="#AB66F3"/>
-</linearGradient>
-<clipPath id="clip0_9850_26870">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/web/src/assets/images/prompt/delete.svg b/web/src/assets/images/prompt/delete.svg
new file mode 100644
index 00000000..f413ffa0
--- /dev/null
+++ b/web/src/assets/images/prompt/delete.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-1002, -560)" stroke="#5B6167">
+            <g id="编组-13备份-4" transform="translate(648, 362)">
+                <g id="编组-33" transform="translate(354, 198)">
+                    <g id="编组-32" transform="translate(3.5, 4)">
+                        <line x1="-1.80133686e-14" y1="2.22222222" x2="11" y2="2.22222222" id="路径-29"></line>
+                        <polyline id="路径-30" stroke-linejoin="round" points="3.3 2.2221179 3.3 0 7.7 0 7.7 2.22222222"></polyline>
+                        <path d="M1.65,2.23587458 L1.65,9 C1.65,9.55228475 2.09771525,10 2.65,10 L8.35,10 C8.90228475,10 9.35,9.55228475 9.35,9 L9.35,2.22222222 L9.35,2.22222222" id="路径-31" stroke-linejoin="round"></path>
+                        <line x1="4.4" y1="4.45203738" x2="4.4" y2="7.78537071" id="路径-32"></line>
+                        <line x1="6.6" y1="4.45203738" x2="6.6" y2="7.78537071" id="路径-32"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/prompt/delete_hover.svg b/web/src/assets/images/prompt/delete_hover.svg
new file mode 100644
index 00000000..aebdc48c
--- /dev/null
+++ b/web/src/assets/images/prompt/delete_hover.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-1002, -320)">
+            <g id="编组-13备份-6" transform="translate(648, 122)">
+                <g id="编组-33" transform="translate(354, 198)">
+                    <rect id="矩形" fill-opacity="0.08" fill="#FF5D34" x="0" y="0" width="18" height="18" rx="6"></rect>
+                    <g id="编组-32" transform="translate(3.5, 4)" stroke="#FF5D34">
+                        <line x1="-1.80133686e-14" y1="2.22222222" x2="11" y2="2.22222222" id="路径-29"></line>
+                        <polyline id="路径-30" stroke-linejoin="round" points="3.3 2.2221179 3.3 0 7.7 0 7.7 2.22222222"></polyline>
+                        <path d="M1.65,2.23587458 L1.65,9 C1.65,9.55228475 2.09771525,10 2.65,10 L8.35,10 C8.90228475,10 9.35,9.55228475 9.35,9 L9.35,2.22222222 L9.35,2.22222222" id="路径-31" stroke-linejoin="round"></path>
+                        <line x1="4.4" y1="4.45203738" x2="4.4" y2="7.78537071" id="路径-32"></line>
+                        <line x1="6.6" y1="4.45203738" x2="6.6" y2="7.78537071" id="路径-32"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/prompt/edit.svg b/web/src/assets/images/prompt/edit.svg
new file mode 100644
index 00000000..89668678
--- /dev/null
+++ b/web/src/assets/images/prompt/edit.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-976, -560)" stroke="#5B6167">
+            <g id="编组-13备份-4" transform="translate(648, 362)">
+                <g id="编辑" transform="translate(328, 198)">
+                    <g id="编组-10" transform="translate(4.3, 4.3)">
+                        <path d="M9.4,4.04322919 L9.4,7.4 C9.4,8.5045695 8.5045695,9.4 7.4,9.4 L2,9.4 C0.8954305,9.4 0,8.5045695 0,7.4 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L5.38958415,0 L5.38958415,0" id="路径"></path>
+                        <line x1="3.74260398" y1="5.68579764" x2="9.4" y2="1.05734433e-14" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/prompt/edit_bg.svg b/web/src/assets/images/prompt/edit_bg.svg
new file mode 100644
index 00000000..4711afa4
--- /dev/null
+++ b/web/src/assets/images/prompt/edit_bg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-976, -320)">
+            <g id="编组-13备份-6" transform="translate(648, 122)">
+                <g id="编辑" transform="translate(328, 198)">
+                    <rect id="矩形" fill="#EBEBEB" fill-rule="nonzero" x="0" y="0" width="18" height="18" rx="6"></rect>
+                    <g id="编组-10" transform="translate(4.3, 4.3)" stroke="#5B6167">
+                        <path d="M9.4,4.04322919 L9.4,7.4 C9.4,8.5045695 8.5045695,9.4 7.4,9.4 L2,9.4 C0.8954305,9.4 0,8.5045695 0,7.4 L0,2 C0,0.8954305 0.8954305,2.22044605e-16 2,0 L5.38958415,0 L5.38958415,0" id="路径"></path>
+                        <line x1="3.74260398" y1="5.68579764" x2="9.4" y2="1.05734433e-14" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/prompt/eye.svg b/web/src/assets/images/prompt/eye.svg
new file mode 100644
index 00000000..df2af1cf
--- /dev/null
+++ b/web/src/assets/images/prompt/eye.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-950, -560)" stroke="#5B6167">
+            <g id="编组-13备份-4" transform="translate(648, 362)">
+                <g id="编辑" transform="translate(302, 198)">
+                    <g id="编组-16" transform="translate(2.5, 4.7)">
+                        <ellipse id="椭圆形" cx="6.5" cy="4.3" rx="6.5" ry="4.3"></ellipse>
+                        <circle id="椭圆形" cx="6.5" cy="4.3" r="1.75"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/prompt/eye_bg.svg b/web/src/assets/images/prompt/eye_bg.svg
new file mode 100644
index 00000000..275c13c2
--- /dev/null
+++ b/web/src/assets/images/prompt/eye_bg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编辑</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-提示词-我的历史" transform="translate(-950, -320)">
+            <g id="编组-13备份-6" transform="translate(648, 122)">
+                <g id="编辑" transform="translate(302, 198)">
+                    <rect id="矩形" fill="#EBEBEB" fill-rule="nonzero" x="0" y="0" width="18" height="18" rx="6"></rect>
+                    <g id="编组-16" transform="translate(2.5, 4.7)" stroke="#5B6167">
+                        <ellipse id="椭圆形" cx="6.5" cy="4.3" rx="6.5" ry="4.3"></ellipse>
+                        <circle id="椭圆形" cx="6.5" cy="4.3" r="1.75"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/question.svg b/web/src/assets/images/question.svg
new file mode 100644
index 00000000..539ab03a
--- /dev/null
+++ b/web/src/assets/images/question.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title> 问号小</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-工具" transform="translate(-1932, -357)" fill="#A8A9AA" fill-rule="nonzero">
+            <g id="节点属性备份-2" transform="translate(1830, 74)">
+                <g id="编组-30备份-2" transform="translate(12, 215)">
+                    <g id="1" transform="translate(0, 65)">
+                        <g id="-问号小" transform="translate(90, 3)">
+                            <path d="M5.35714286,9.64757143 C5.35714286,10.0026161 5.64495536,10.2904286 6,10.2904286 C6.35504464,10.2904286 6.64285714,10.0026161 6.64285714,9.64757143 C6.64285714,9.29252679 6.35504464,9.00471429 6,9.00471429 C5.64495536,9.00471429 5.35714286,9.29252679 5.35714286,9.64757143 Z M6,12 C2.69142857,12 0,9.30857143 0,6 C0,2.69142857 2.69142857,0 6,0 C9.30857143,0 12,2.69142857 12,6 C12,9.30857143 9.30857143,12 6,12 Z M6,0.860986607 C3.16628571,0.860986607 0.860986607,3.16628571 0.860986607,6 C0.860986607,8.83328571 3.16628571,11.1390134 6,11.1390134 C8.83328571,11.1390134 11.1390134,8.83329911 11.1390134,6 C11.1390134,3.16628571 8.83328571,0.860986607 6,0.860986607 Z M6,8.16555804 C5.76341518,8.16555804 5.57142857,7.97355804 5.57142857,7.737 L5.57142857,7.01228571 C5.57142857,6.31112946 6.10712946,5.77542857 6.58027232,5.30271429 C6.92697321,4.95557143 7.28570089,4.59728571 7.28570089,4.31142857 C7.28570089,3.597 6.70884375,3.01585714 6,3.01585714 C5.27915625,3.01585714 4.71428571,3.57214286 4.71428571,4.28228571 C4.71428571,4.51885714 4.52229911,4.71084375 4.28571429,4.71084375 C4.04912946,4.71084375 3.85714286,4.51884375 3.85714286,4.28227232 C3.85714286,3.11142857 4.81840179,2.15871429 6,2.15871429 C7.18159821,2.15871429 8.14285714,3.12428571 8.14285714,4.31142857 C8.14285714,4.953 7.65642857,5.43898661 7.18628571,5.90914286 C6.81342857,6.28114286 6.42858482,6.666 6.42858482,7.01184375 L6.42858482,7.73655804 C6.42858482,7.97314286 6.23658482,8.16555804 6,8.16555804 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/refresh.svg b/web/src/assets/images/refresh.svg
index c592feff..79d2f836 100644
--- a/web/src/assets/images/refresh.svg
+++ b/web/src/assets/images/refresh.svg
@@ -1,12 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>刷新</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理--API" transform="translate(-1071, -490)" fill="#5B6167" fill-rule="nonzero">
-            <g id="2" transform="translate(220, 336)">
-                <g id="主操作" transform="translate(839, 144)">
-                    <g id="刷新" transform="translate(12, 10)">
-                        <path d="M14.5,6.60760714 L14.5,3.35760714 L13.4384813,4.41757143 C12.2346397,2.59629629 10.195406,1.50029795 8.00999678,1.5 C4.41487535,1.5 1.5,4.41014286 1.5,8.00046429 C1.5,11.5907857 4.41487535,14.5009287 8.00999678,14.5009287 C10.6602392,14.5014558 13.046297,12.8977788 14.0434028,10.4458571 C14.1184045,10.261489 14.0892053,10.0511714 13.9668045,9.89412914 C13.8444036,9.73708685 13.6473966,9.65717825 13.4499941,9.68450414 C13.2525917,9.71183003 13.0847838,9.84223896 13.0097822,10.0266071 C12.1832078,12.0581943 10.2060581,13.38691 8.00999678,13.3866429 C5.03095604,13.3866429 2.61591974,10.9751429 2.61591974,8.00046429 C2.61591974,5.02578571 5.03095604,2.61428571 8.00999678,2.61428571 C9.93449337,2.61428571 11.6706785,3.63107143 12.6308344,5.22357143 L11.2452341,6.60760714 L14.5,6.60760714 Z" id="路径"></path>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 28</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-代码执行" transform="translate(-1300, -260)">
+            <g id="节点属性" transform="translate(1070, 74)">
+                <g id="编组-3备份-9" transform="translate(12, 186)">
+                    <g id="编组-28" transform="translate(218, 0)">
+                        <rect id="矩形" stroke="#EBEBEB" x="0.5" y="0.5" width="17" height="17" rx="4"></rect>
+                        <g id="刷新" transform="translate(4, 4)" fill-rule="nonzero">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="10" height="10"></rect>
+                            <path d="M9.375,4.0625 L9.375,1.875 L8.6615625,2.5884375 C7.85247094,1.36257923 6.48191961,0.624888045 5.013125,0.6246875 C2.596875,0.6246875 0.6378125,2.5834375 0.6378125,5 C0.6378125,7.4165625 2.596875,9.37531259 5.013125,9.37531259 C6.79432997,9.37566739 8.39797877,8.29626938 9.068125,6.6459375 C9.11853294,6.52184353 9.09890846,6.38028366 9.0166439,6.27458211 C8.93437934,6.16888057 8.80197265,6.11509594 8.66930015,6.13348836 C8.53662765,6.15188079 8.42384544,6.23965603 8.3734375,6.36375 C7.817904,7.73116445 6.48907883,8.62549233 5.013125,8.6253125 C3.0109375,8.6253125 1.3878125,7.0021875 1.3878125,5 C1.3878125,2.9978125 3.0109375,1.3746875 5.013125,1.3746875 C6.3065625,1.3746875 7.4734375,2.0590625 8.11875,3.1309375 L7.1875,4.0625 L9.375,4.0625 Z" id="路径" stroke="#171719" stroke-width="0.1" fill="#171719"></path>
+                        </g>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/refresh_hover.svg b/web/src/assets/images/refresh_dark.svg
similarity index 97%
rename from web/src/assets/images/refresh_hover.svg
rename to web/src/assets/images/refresh_dark.svg
index 1d4dcf7c..07864e99 100644
--- a/web/src/assets/images/refresh_hover.svg
+++ b/web/src/assets/images/refresh_dark.svg
@@ -2,7 +2,7 @@
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>刷新</title>
     <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="应用管理--API" transform="translate(-1071, -490)" fill="#155EEF" fill-rule="nonzero">
+        <g id="应用管理--API" transform="translate(-1071, -490)" fill="#171719" fill-rule="nonzero">
             <g id="2" transform="translate(220, 336)">
                 <g id="主操作" transform="translate(839, 144)">
                     <g id="刷新" transform="translate(12, 10)">
diff --git a/web/src/assets/images/tool/market.png b/web/src/assets/images/tool/market.png
new file mode 100644
index 00000000..9639e253
Binary files /dev/null and b/web/src/assets/images/tool/market.png differ
diff --git a/web/src/assets/images/userMemory/aboutMe.svg b/web/src/assets/images/userMemory/aboutMe.svg
new file mode 100644
index 00000000..16630fdb
--- /dev/null
+++ b/web/src/assets/images/userMemory/aboutMe.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>我</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -191)" stroke="#171719" stroke-width="1.5">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="我" transform="translate(12, 75)">
+                        <g id="编组-14" transform="translate(3.6, 3.6)">
+                            <circle id="椭圆形" cx="8.4" cy="3.6" r="3.6"></circle>
+                            <path d="M8.4,16.8 C13.0391919,16.8 16.8,15.6942769 16.8,13.8 C16.8,11.9057231 13.0391919,10.8 8.4,10.8 C3.7608081,10.8 0,11.9436391 0,13.8 C0,15.6563609 3.7608081,16.8 8.4,16.8 Z" id="椭圆形"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/aboutMe_active.svg b/web/src/assets/images/userMemory/aboutMe_active.svg
new file mode 100644
index 00000000..53e6362e
--- /dev/null
+++ b/web/src/assets/images/userMemory/aboutMe_active.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>我</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -191)" stroke="#FFFFFF" stroke-width="1.5">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="我" transform="translate(12, 75)">
+                        <g id="编组-14" transform="translate(3.6, 3.6)">
+                            <circle id="椭圆形" cx="8.4" cy="3.6" r="3.6"></circle>
+                            <path d="M8.4,16.8 C13.0391919,16.8 16.8,15.6942769 16.8,13.8 C16.8,11.9057231 13.0391919,10.8 8.4,10.8 C3.7608081,10.8 0,11.9436391 0,13.8 C0,15.6563609 3.7608081,16.8 8.4,16.8 Z" id="椭圆形"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/aboutUs.svg b/web/src/assets/images/userMemory/aboutUs.svg
index 1d75eeae..b8fa9e45 100644
--- a/web/src/assets/images/userMemory/aboutUs.svg
+++ b/web/src/assets/images/userMemory/aboutUs.svg
@@ -1,13 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>我</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆库-用户记忆-详情" transform="translate(-272, -458)" stroke="#212332" stroke-width="1.5">
-            <g id="个人信息" transform="translate(256, 80)">
-                <g id="关于我" transform="translate(0, 361)">
-                    <g id="我" transform="translate(16, 17)">
-                        <circle id="椭圆形" cx="10" cy="6" r="3"></circle>
-                        <path d="M10,17 C13.8659932,17 17,16.078564 17,14.5 C17,12.921436 13.8659932,12 10,12 C6.13400675,12 3,12.9530326 3,14.5 C3,16.0469674 6.13400675,17 10,17 Z" id="椭圆形"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆（RAG）" transform="translate(-268, -153)" stroke="#171719" stroke-width="1.2">
+            <g id="编组-13" transform="translate(252, 64)">
+                <g id="编组-21" transform="translate(12, 88)">
+                    <g id="编组-32" transform="translate(4, 0)">
+                        <g id="我" transform="translate(0, 1)">
+                            <circle id="椭圆形" cx="9" cy="5.4" r="2.7"></circle>
+                            <path d="M9,15.3 C12.4793939,15.3 15.3,14.4707076 15.3,13.05 C15.3,11.6292924 12.4793939,10.8 9,10.8 C5.52060608,10.8 2.7,11.6577293 2.7,13.05 C2.7,14.4422707 5.52060608,15.3 9,15.3 Z" id="椭圆形"></path>
+                        </g>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/userMemory/ai.png b/web/src/assets/images/userMemory/ai.png
new file mode 100644
index 00000000..3783a543
Binary files /dev/null and b/web/src/assets/images/userMemory/ai.png differ
diff --git a/web/src/assets/images/userMemory/arrow_right.svg b/web/src/assets/images/userMemory/arrow_right.svg
index aca820f8..3fa0eb49 100644
--- a/web/src/assets/images/userMemory/arrow_right.svg
+++ b/web/src/assets/images/userMemory/arrow_right.svg
@@ -1,12 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 5</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆库-用户记忆-详情" transform="translate(-1212, -359)" stroke="#5B6167">
-            <g id="记忆洞察" transform="translate(1044, 79)">
-                <g id="编组-5" transform="translate(168, 280)">
-                    <polyline id="路径" points="12.5 7.5 15 10 12.5 12.5"></polyline>
-                    <line x1="15" y1="10" x2="2.5" y2="10" id="路径-2"></line>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-4" transform="translate(-732, -62)" stroke="#5B6167">
+            <g id="8种记忆" transform="translate(104, 12)">
+                <g id="编组-15" transform="translate(504, 0)">
+                    <g id="编组-5" transform="translate(124, 50)">
+                        <polyline id="路径" points="12.5 7.5 15 10 12.5 12.5"></polyline>
+                        <line x1="15" y1="10" x2="2.5" y2="10" id="路径-2"></line>
+                    </g>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/userMemory/arrow_right_dark.svg b/web/src/assets/images/userMemory/arrow_right_dark.svg
new file mode 100644
index 00000000..38cfd953
--- /dev/null
+++ b/web/src/assets/images/userMemory/arrow_right_dark.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库" transform="translate(-592, -232)" stroke="#212332">
+            <g id="1" transform="translate(252, 108)">
+                <g id="编组-15" transform="translate(12, 116)">
+                    <g id="编组-5" transform="translate(328, 8)">
+                        <polyline id="路径" points="12.5 7.5 15 10 12.5 12.5"></polyline>
+                        <line x1="15" y1="10" x2="2.5" y2="10" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/arrow_right_hover.svg b/web/src/assets/images/userMemory/arrow_right_hover.svg
index 0fed7c6b..444a7a03 100644
--- a/web/src/assets/images/userMemory/arrow_right_hover.svg
+++ b/web/src/assets/images/userMemory/arrow_right_hover.svg
@@ -1,12 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>编组 5</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆库-用户记忆-详情" transform="translate(-1212, -359)" stroke="#155EEF">
-            <g id="记忆洞察" transform="translate(1044, 79)">
-                <g id="编组-5" transform="translate(168, 280)">
-                    <polyline id="路径" points="12.5 7.5 15 10 12.5 12.5"></polyline>
-                    <line x1="15" y1="10" x2="2.5" y2="10" id="路径-2"></line>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-1073, -64)" stroke="#171719">
+            <g id="8种记忆" transform="translate(104, 12)">
+                <g id="编组-10" transform="translate(840, 0)">
+                    <g id="编组-5" transform="translate(129, 52)">
+                        <polyline id="路径" points="12.5 7.5 15 10 12.5 12.5"></polyline>
+                        <line x1="15" y1="10" x2="2.5" y2="10" id="路径-2"></line>
+                    </g>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/userMemory/chat.svg b/web/src/assets/images/userMemory/chat.svg
new file mode 100644
index 00000000..11b34345
--- /dev/null
+++ b/web/src/assets/images/userMemory/chat.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 61</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-工作记忆" transform="translate(-36, -142)">
+            <g id="编组-5" transform="translate(24, 130)">
+                <g id="编组-61" transform="translate(12, 12)">
+                    <circle id="椭圆形" stroke="#EBEBEB" fill="#FFFFFF" cx="12" cy="12" r="11.5"></circle>
+                    <g id="035_对话" transform="translate(6, 6.5)" fill-rule="nonzero">
+                        <path d="M6.00019956,0.45 C6.65602257,0.45 7.6379293,0.478261578 8.35330143,0.541814127 L8.93241521,0.593160508 C9.60230409,0.652530817 10.2010538,0.980940838 10.647217,1.47659265 C11.1069686,1.98734023 11.405593,2.6750499 11.4605457,3.44027409 L11.5069036,4.08418204 C11.5601551,4.82529937 11.5711134,6.33471049 11.5068345,6.8146241 L11.4605399,7.45725017 C11.405593,8.22239314 11.1069686,8.91010282 10.647217,9.42085039 C10.2010538,9.9165022 9.60230409,10.2449122 8.93230556,10.3042923 L8.35310013,10.3557685 C8.09495094,10.3785231 7.78816274,10.3980588 7.44204076,10.41369 L6.48874994,11.35846 L4.65494412,10.4164145 C4.26956394,10.4003324 3.92996074,10.3794382 3.64674928,10.3543567 L3.06697604,10.302843 C2.39708716,10.2434726 1.79833746,9.91506263 1.35217429,9.41941081 C0.892422602,8.90866324 0.593798236,8.22095356 0.538851493,7.45581274 L0.488323602,6.75215815 C0.436897895,6.03288369 0.436885459,4.86218919 0.488745594,4.14398425 L0.539283286,3.44019287 C0.594230184,2.6750499 0.89285455,1.98734023 1.35260624,1.47659265 C1.79876941,0.980940838 2.39751911,0.652530817 3.06738509,0.593162536 L3.64679192,0.541841132 C4.36206131,0.478914391 5.34426916,0.45 6.00019956,0.45 Z" id="路径" stroke="#5B6167" stroke-width="0.9"></path>
+                        <path d="M2.6,5.53154258 C2.6,5.91814191 2.91340068,6.23154258 3.3,6.23154258 C3.68659932,6.23154258 4,5.91814191 4,5.53154258 C4,5.14494326 3.68659932,4.83154258 3.3,4.83154258 C2.91340068,4.83154258 2.6,5.14494326 2.6,5.53154258 L2.6,5.53154258 Z M5.32126865,5.53154258 C5.32126865,5.91814191 5.63466932,6.23154258 6.02126865,6.23154258 C6.40786797,6.23154258 6.72126865,5.91814191 6.72126865,5.53154258 C6.72126865,5.14494326 6.40786797,4.83154258 6.02126865,4.83154258 C5.63466932,4.83154258 5.32126865,5.14494326 5.32126865,5.53154258 L5.32126865,5.53154258 Z M8.0425373,5.53154258 C8.0425373,5.91814191 8.35593797,6.23154258 8.7425373,6.23154258 C9.12913662,6.23154258 9.4425373,5.91814191 9.4425373,5.53154258 C9.4425373,5.14494326 9.12913662,4.83154258 8.7425373,4.83154258 C8.35593797,4.83154258 8.0425373,5.14494326 8.0425373,5.53154258 Z" id="形状结合" fill="#5B6167"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/close.svg b/web/src/assets/images/userMemory/close.svg
new file mode 100644
index 00000000..1b511252
--- /dev/null
+++ b/web/src/assets/images/userMemory/close.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>关闭</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-1395, -138)" fill="#A8A9AA" fill-rule="nonzero">
+            <g id="实体详情" transform="translate(1028, 116)">
+                <g id="关闭" transform="translate(367, 22)">
+                    <polygon id="路径" points="8.93750092 8 13 12.0624991 12.0624991 13 8 8.93750092 3.93750092 13 3 12.0624991 7.06249908 8 3 3.93750092 3.93750092 3 8 7.06249908 12.0624991 3 13 3.93750092"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/down.svg b/web/src/assets/images/userMemory/down.svg
index ae263f65..07a70e0d 100644
--- a/web/src/assets/images/userMemory/down.svg
+++ b/web/src/assets/images/userMemory/down.svg
@@ -1,13 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>下拉备份</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆管理-忆溯引擎" transform="translate(-878, -666)" fill="#5B6167" fill-rule="nonzero">
-            <g id="存储层模块" transform="translate(256, 648)">
-                <g id="编组-3" transform="translate(569, 16)">
-                    <g id="下拉备份" transform="translate(61, 10) scale(1, -1) translate(-61, -10)translate(53, 2)">
-                        <rect id="矩形" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                        <path d="M8,9.4241206 C7.82311558,9.4241206 7.64824121,9.35778894 7.51356784,9.22311558 L5.14773869,6.85728643 C4.95075377,6.66231156 4.95075377,6.34271357 5.14773869,6.14773869 C5.34472362,5.95075377 5.66231156,5.95075377 5.85728643,6.14773869 L8,8.29045226 L10.1427136,6.14773869 C10.3396985,5.95075377 10.6572864,5.95075377 10.8522613,6.14773869 C11.0492462,6.34472362 11.0492462,6.66231156 10.8522613,6.85728643 L8.48643216,9.22311558 C8.35175879,9.35778894 8.17688442,9.4241206 8,9.4241206 Z" id="路径"></path>
+    <title>下拉</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-短期记忆" transform="translate(-662, -336)">
+            <g id="编组-13" transform="translate(12, 166)">
+                <g id="编组-5备份-3" transform="translate(12, 54)">
+                    <g id="编组-12" transform="translate(12, 104)">
+                        <g id="下拉" transform="translate(626, 12)">
+                            <rect id="矩形" opacity="0.236839658" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
+                            <polyline id="路径" stroke="#5B6167" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="12 6 8 10 4 6"></polyline>
+                        </g>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/userMemory/download.svg b/web/src/assets/images/userMemory/download.svg
new file mode 100644
index 00000000..1aa4f1ac
--- /dev/null
+++ b/web/src/assets/images/userMemory/download.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>更多</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g id="记忆库-个人记忆-感知记忆-文本" transform="translate(-1205, -187)" stroke="#171719" stroke-width="1.2">
+            <g id="编组-8备份" transform="translate(777, 76)">
+                <g id="更多" transform="translate(428, 111)">
+                    <g id="编组-15" transform="translate(4, 4)">
+                        <g id="编组-54" transform="translate(2, 2)">
+                            <path d="M12,7.2 L12,9 C12,10.6568542 10.6568542,12 9,12 L3,12 C1.34314575,12 0,10.6568542 0,9 L0,7.2 L0,7.2" id="路径"></path>
+                            <g id="编组-11" transform="translate(6, 4.1978) scale(1, -1) translate(-6, -4.1978)translate(2.4, 0)">
+                                <line x1="3.6" y1="0.101999424" x2="3.6" y2="8.39563031" id="路径-24"></line>
+                                <polyline id="路径-25" stroke-linejoin="round" points="0 3.6 3.57606658 7.29957766e-18 7.2 3.6"></polyline>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/download_hover.svg b/web/src/assets/images/userMemory/download_hover.svg
new file mode 100644
index 00000000..5079a1ff
--- /dev/null
+++ b/web/src/assets/images/userMemory/download_hover.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>更多</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-文本" transform="translate(-1173, -187)">
+            <g id="编组-8备份" transform="translate(777, 76)">
+                <g id="更多" transform="translate(396, 111)">
+                    <rect id="矩形" fill="#EBEBEB" fill-rule="nonzero" x="0" y="0" width="24" height="24" rx="8"></rect>
+                    <g id="编组-15" transform="translate(4, 4)" stroke="#171719" stroke-linecap="round" stroke-width="1.2">
+                        <g id="编组-54" transform="translate(2, 2)">
+                            <path d="M12,7.2 L12,9 C12,10.6568542 10.6568542,12 9,12 L3,12 C1.34314575,12 0,10.6568542 0,9 L0,7.2 L0,7.2" id="路径"></path>
+                            <g id="编组-11" transform="translate(6, 4.1978) scale(1, -1) translate(-6, -4.1978)translate(2.4, 0)">
+                                <line x1="3.6" y1="0.101999424" x2="3.6" y2="8.39563031" id="路径-24"></line>
+                                <polyline id="路径-25" stroke-linejoin="round" points="0 3.6 3.57606658 7.29957766e-18 7.2 3.6"></polyline>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/entity.svg b/web/src/assets/images/userMemory/entity.svg
new file mode 100644
index 00000000..ad6a2692
--- /dev/null
+++ b/web/src/assets/images/userMemory/entity.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-短期记忆" transform="translate(-424, -97)">
+            <g id="编组-6" transform="translate(12, 76)">
+                <g id="编组-5" transform="translate(412, 21)">
+                    <rect id="矩形" stroke="#EBEBEB" x="0.5" y="0.5" width="35" height="35" rx="12"></rect>
+                    <g id="编组-15" transform="translate(10, 8)" stroke="#171719" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
+                        <polyline id="路径" points="11.0162937 4.13111013 16 6 8 9 0 6 5.01480335 4.11944874"></polyline>
+                        <polyline id="路径" points="6 2 8 0 10 2"></polyline>
+                        <polygon id="矩形" points="8 9 16 6 16 17 8 20"></polygon>
+                        <polygon id="矩形" transform="translate(4, 13) scale(-1, 1) translate(-4, -13)" points="0 9 8 6 8 17 0 20"></polygon>
+                        <line x1="8.00108238" y1="0.0117655085" x2="8.00108238" y2="6.00434021" id="路径-58"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/file.svg b/web/src/assets/images/userMemory/file.svg
new file mode 100644
index 00000000..6bfd562e
--- /dev/null
+++ b/web/src/assets/images/userMemory/file.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="36px" viewBox="0 0 30 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 9</title>
+    <defs>
+        <linearGradient x1="19.6271261%" y1="2.96958193%" x2="77.6760062%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#9BBBFF" offset="0%"></stop>
+            <stop stop-color="#ADCAFF" offset="28.2176577%"></stop>
+            <stop stop-color="#BFD8FF" offset="56.8717564%"></stop>
+            <stop stop-color="#8CC1FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M4,0 L21,0 L21,0 L30,9 L30,32 C30,34.209139 28.209139,36 26,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,4.4408921e-16 4,0 Z" id="path-2"></path>
+        <path d="M21,0 L30,9 L23,9 C21.8954305,9 21,8.1045695 21,7 L21,0 L21,0 Z" id="path-4"></path>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="105.6%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="0" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-2.8%" y="-2.8%" width="105.6%" height="111.1%" filterUnits="objectBoundingBox" id="filter-6">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.0823529412   0 0 0 0 0.368627451   0 0 0 0 0.937254902  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="10.8151203%" y1="88.7329544%" x2="78.1240461%" y2="-12.5894595%" id="linearGradient-7">
+            <stop stop-color="#8CB1FF" offset="0%"></stop>
+            <stop stop-color="#CCE3FD" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-8">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F1F7FF" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-9" x="4" y="8" width="12" height="2" rx="0.5"></rect>
+        <filter x="-2.1%" y="-12.5%" width="104.2%" height="150.0%" filterUnits="objectBoundingBox" id="filter-10">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.0823529412   0 0 0 0 0.368627451   0 0 0 0 0.937254902  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-11">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F1F7FF" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-12" x="4" y="13" width="20" height="2" rx="0.5"></rect>
+        <filter x="-1.2%" y="-12.5%" width="102.5%" height="150.0%" filterUnits="objectBoundingBox" id="filter-13">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.0823529412   0 0 0 0 0.368627451   0 0 0 0 0.937254902  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <rect id="path-14" x="4" y="18" width="20" height="2" rx="0.5"></rect>
+        <filter x="-1.2%" y="-12.5%" width="102.5%" height="150.0%" filterUnits="objectBoundingBox" id="filter-15">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.0823529412   0 0 0 0 0.368627451   0 0 0 0 0.937254902  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-文本" transform="translate(-805, -181)">
+            <g id="编组-8备份" transform="translate(777, 76)">
+                <g id="编组-14" transform="translate(16, 92)">
+                    <g id="编组-9" transform="translate(12, 13)">
+                        <g id="矩形">
+                            <mask id="mask-3" fill="white">
+                                <use xlink:href="#path-2"></use>
+                            </mask>
+                            <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                            <g filter="url(#filter-5)" mask="url(#mask-3)">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-4"></use>
+                                <use fill="#155EEF" fill-rule="evenodd" xlink:href="#path-4"></use>
+                            </g>
+                        </g>
+                        <path d="M21,0 L30,9 L23,9 C21.8954305,9 21,8.1045695 21,7 L21,0 L21,0 Z" id="矩形" fill="url(#linearGradient-7)"></path>
+                        <rect id="矩形" fill="#155EEF" x="2" y="25" width="26" height="9" rx="3"></rect>
+                        <text id="text" font-family="MiSans-Semibold, MiSans" font-size="8" font-weight="400" line-spacing="8" fill="#FFFFFF">
+                            <tspan x="4" y="33.5">TEXT</tspan>
+                        </text>
+                        <g id="矩形" fill-rule="nonzero">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                            <use fill="url(#linearGradient-8)" xlink:href="#path-9"></use>
+                        </g>
+                        <g id="矩形备份-3" fill-rule="nonzero">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
+                            <use fill="url(#linearGradient-11)" xlink:href="#path-12"></use>
+                        </g>
+                        <g id="矩形备份-4" fill-rule="nonzero">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-14"></use>
+                            <use fill="url(#linearGradient-11)" xlink:href="#path-14"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/forget.png b/web/src/assets/images/userMemory/forget.png
new file mode 100644
index 00000000..f38ff9bd
Binary files /dev/null and b/web/src/assets/images/userMemory/forget.png differ
diff --git a/web/src/assets/images/userMemory/interestDistribution.svg b/web/src/assets/images/userMemory/interestDistribution.svg
index f39d3bb3..d26a9952 100644
--- a/web/src/assets/images/userMemory/interestDistribution.svg
+++ b/web/src/assets/images/userMemory/interestDistribution.svg
@@ -1,16 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>兴趣爱好</title>
-    <g id="V1.0版" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆库-用户记忆-详情" transform="translate(-272, -837)" stroke="#212332" stroke-width="1.5">
-            <g id="个人信息" transform="translate(256, 80)">
-                <g id="兴趣分布" transform="translate(0, 740)">
-                    <g id="兴趣爱好" transform="translate(16, 17)">
-                        <circle id="椭圆形" cx="10" cy="10" r="7"></circle>
-                        <path d="M3.32048193,11.5580576 C7.00798777,9.91776851 11.5678271,9.4433959 17,10.1349398" id="路径-8"></path>
-                        <path d="M11.0093476,3 C10.3701842,7.39934021 10.7393574,11.9484968 12.1168675,16.6474699" id="路径-9"></path>
-                        <path d="M5.58226172,4.63277108 C7.59301205,5.92562284 10,10.692682 5.83204819,15.410555" id="路径-36"></path>
-                        <path d="M15.8684531,6.17108434 C13.7576424,7.20259363 12.3182708,10.692682 15.4315098,14.2758995" id="路径-37"></path>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -254)" stroke="#171719" stroke-width="1.5">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="兴趣爱好" transform="translate(12, 138)">
+                        <g id="编组-13" transform="translate(3, 3)">
+                            <circle id="椭圆形" cx="9" cy="9" r="9"></circle>
+                            <path d="M0.412048193,11.0032169 C5.15312713,8.89427379 11.0157777,8.28436615 18,9.17349398" id="路径-8"></path>
+                            <path d="M10.2977327,0 C9.47595106,5.65629455 9.95060241,11.5052102 11.7216867,17.546747" id="路径-9"></path>
+                            <path d="M3.32005078,2.09927711 C5.9053012,3.76151508 9,9.8905912 3.64120482,15.9564279" id="路径-36"></path>
+                            <path d="M16.545154,4.07710843 C13.8312545,5.40333466 11.9806339,9.8905912 15.9833698,14.4975851" id="路径-37"></path>
+                        </g>
                     </g>
                 </g>
             </g>
diff --git a/web/src/assets/images/userMemory/interestDistribution_active.svg b/web/src/assets/images/userMemory/interestDistribution_active.svg
new file mode 100644
index 00000000..87b8d548
--- /dev/null
+++ b/web/src/assets/images/userMemory/interestDistribution_active.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>兴趣爱好</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -254)" stroke="#FFFFFF" stroke-width="1.5">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="兴趣爱好" transform="translate(12, 138)">
+                        <g id="编组-13" transform="translate(3, 3)">
+                            <circle id="椭圆形" cx="9" cy="9" r="9"></circle>
+                            <path d="M0.412048193,11.0032169 C5.15312713,8.89427379 11.0157777,8.28436615 18,9.17349398" id="路径-8"></path>
+                            <path d="M10.2977327,0 C9.47595106,5.65629455 9.95060241,11.5052102 11.7216867,17.546747" id="路径-9"></path>
+                            <path d="M3.32005078,2.09927711 C5.9053012,3.76151508 9,9.8905912 3.64120482,15.9564279" id="路径-36"></path>
+                            <path d="M16.545154,4.07710843 C13.8312545,5.40333466 11.9806339,9.8905912 15.9833698,14.4975851" id="路径-37"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/logo.png b/web/src/assets/images/userMemory/logo.png
new file mode 100644
index 00000000..ab37dda6
Binary files /dev/null and b/web/src/assets/images/userMemory/logo.png differ
diff --git a/web/src/assets/images/userMemory/logout.svg b/web/src/assets/images/userMemory/logout.svg
new file mode 100644
index 00000000..8c21f4e2
--- /dev/null
+++ b/web/src/assets/images/userMemory/logout.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>退出 (1)</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -736)" fill="#5B6167" fill-rule="nonzero" stroke="#5B6167" stroke-width="0.2">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="退出-(1)" transform="translate(40, 736) scale(-1, 1) translate(-40, -736)translate(28, 724)">
+                    <path d="M12.0000124,1.99999922 C14.4869031,1.99780433 16.8849637,2.92445609 18.7241874,4.59833967 C18.8877759,4.74683842 18.9856552,4.95425341 18.9962829,5.17493448 C19.0069106,5.39561555 18.9294157,5.61147632 18.7808541,5.77500779 C18.4716871,6.11667489 17.9450198,6.14084157 17.6033527,5.83167454 C16.0704965,4.43716931 14.0722794,3.66510389 12.0000124,3.66667186 C7.4050067,3.66667186 3.66666873,7.40500983 3.66666873,12.0000155 C3.66666873,16.5958545 7.4050067,20.3333592 12.0000124,20.3333592 C14.070015,20.3333592 16.0541841,19.5700249 17.586686,18.1833565 C17.750353,18.0348337 17.9663794,17.9575176 18.1871195,17.9684608 C18.4078595,17.979404 18.6151796,18.0777075 18.7633541,18.2416899 C18.9117091,18.4054357 18.9889139,18.6214239 18.9779734,18.8421097 C18.9670328,19.0627954 18.8688439,19.2700885 18.7050207,19.418358 C16.8658518,21.0833601 14.4841821,22.0000279 12.0000124,22.0000279 C6.4858389,22.0000279 2,17.5140223 2,12.0000155 C2,6.48667534 6.4858389,1.99999922 12.0000124,1.99999922 Z M18.6666873,8.07667732 L21.7566911,11.2558479 C21.9261281,11.425536 22.0140935,11.66009 21.9980248,11.8993487 C22.0006584,11.9375812 22.0006584,11.9759497 21.9980248,12.0141822 C22.0141425,12.2534975 21.9261734,12.4881223 21.7566911,12.6578497 L18.6666873,15.8370203 C18.3407782,16.1611482 17.8142617,16.1611482 17.4883525,15.8370203 C17.1642246,15.5111111 17.1642246,14.9845946 17.4883525,14.6586855 L19.3045214,12.7900165 L8.66667494,12.7901831 C8.20834103,12.7901831 7.83334058,12.4151827 7.83334058,11.9568488 C7.83334058,11.4985149 8.20834105,11.1235144 8.66667494,11.1235144 L19.3045214,11.1235144 L17.4883525,9.25501211 C17.1642246,8.92910296 17.1642246,8.40258647 17.4883525,8.07667732 C17.8142617,7.75254936 18.3407782,7.75254936 18.6666873,8.07667732 Z" id="形状结合"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/long_term_number.svg b/web/src/assets/images/userMemory/long_term_number.svg
new file mode 100644
index 00000000..134af714
--- /dev/null
+++ b/web/src/assets/images/userMemory/long_term_number.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-短期记忆" transform="translate(-662, -97)">
+            <g id="编组-6" transform="translate(12, 76)">
+                <g id="编组-5" transform="translate(650, 21)">
+                    <rect id="矩形" stroke="#EBEBEB" x="0.5" y="0.5" width="35" height="35" rx="12"></rect>
+                    <g id="编组-18" transform="translate(10, 9)" stroke="#171719" stroke-width="1.2">
+                        <rect id="矩形" x="0" y="0" width="14" height="18" rx="3"></rect>
+                        <circle id="椭圆形" cx="7" cy="7" r="2"></circle>
+                        <rect id="矩形" x="3" y="9" width="8" height="4" rx="2"></rect>
+                        <path d="M13.0494997,1 L14,1 C15.6568542,1 17,2.34314575 17,4 L17,14 C17,15.6568542 15.6568542,17 14,17 L13,17 L13,17" id="路径" stroke-linejoin="round"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/me.svg b/web/src/assets/images/userMemory/me.svg
new file mode 100644
index 00000000..b8fa9e45
--- /dev/null
+++ b/web/src/assets/images/userMemory/me.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>我</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆（RAG）" transform="translate(-268, -153)" stroke="#171719" stroke-width="1.2">
+            <g id="编组-13" transform="translate(252, 64)">
+                <g id="编组-21" transform="translate(12, 88)">
+                    <g id="编组-32" transform="translate(4, 0)">
+                        <g id="我" transform="translate(0, 1)">
+                            <circle id="椭圆形" cx="9" cy="5.4" r="2.7"></circle>
+                            <path d="M9,15.3 C12.4793939,15.3 15.3,14.4707076 15.3,13.05 C15.3,11.6292924 12.4793939,10.8 9,10.8 C5.52060608,10.8 2.7,11.6577293 2.7,13.05 C2.7,14.4422707 5.52060608,15.3 9,15.3 Z" id="椭圆形"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/memoryInsight.svg b/web/src/assets/images/userMemory/memoryInsight.svg
new file mode 100644
index 00000000..7dfa3dcf
--- /dev/null
+++ b/web/src/assets/images/userMemory/memoryInsight.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 26</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g id="记忆库-个人记忆（RAG）" transform="translate(-268, -357)" stroke="#171719" stroke-width="1.2">
+            <g id="编组-13" transform="translate(252, 64)">
+                <g id="编组-31" transform="translate(12, 292)">
+                    <g id="编组-26" transform="translate(4, 1)">
+                        <g id="编组-24" transform="translate(2, 2)">
+                            <g id="编组-23" transform="translate(7, 0)">
+                                <path d="M3.80487741,4.75801529 C4.57304648,4.31981911 5.09090909,3.49311348 5.09090909,2.54545455 C5.09090909,1.13963882 3.95127027,0 2.54545455,0 C1.13963882,0 0,1.13963882 0,2.54545455 L0,11.4545455" id="路径" stroke-linejoin="round"></path>
+                                <path d="M0,11.4545455 C0,12.8603612 1.13963882,14 2.54545455,14 C3.95127027,14 5.09090909,12.8603612 5.09090909,11.4545455" id="路径" stroke-linejoin="round"></path>
+                                <path d="M5.43716946,6.89920585 C6.34272849,6.61654964 7,5.77139545 7,4.77272727 C7,3.65162269 6.17168669,2.72398105 5.09366357,2.56840585" id="路径" stroke-linejoin="round"></path>
+                                <path d="M5.08556316,11.8284839 C6.21217524,11.3387175 7,10.2159074 7,8.90909091 C7,8.05692399 6.66499617,7.2830014 6.11950096,6.7118356" id="路径" stroke-linejoin="round"></path>
+                                <path d="M6.05374225e-07,3.30502525 C0.598221325,3.16656842 1.19644204,3.53131423 1.79466276,4.39926267" id="路径-73"></path>
+                                <path d="M0,6.36955959 C0,7.05675687 0.699825901,9.10572809 3.14599655,8.05286405" id="路径-74"></path>
+                            </g>
+                            <g id="编组-23" transform="translate(3.5, 7) scale(-1, 1) translate(-3.5, -7)">
+                                <path d="M3.80487741,4.75801529 C4.57304648,4.31981911 5.09090909,3.49311348 5.09090909,2.54545455 C5.09090909,1.13963882 3.95127027,0 2.54545455,0 C1.13963882,0 0,1.13963882 0,2.54545455 L0,11.4545455" id="路径" stroke-linejoin="round"></path>
+                                <path d="M0,11.4545455 C0,12.8603612 1.13963882,14 2.54545455,14 C3.95127027,14 5.09090909,12.8603612 5.09090909,11.4545455" id="路径" stroke-linejoin="round"></path>
+                                <path d="M5.43716946,6.89920585 C6.34272849,6.61654964 7,5.77139545 7,4.77272727 C7,3.65162269 6.17168669,2.72398105 5.09366357,2.56840585" id="路径" stroke-linejoin="round"></path>
+                                <path d="M5.08556316,11.8284839 C6.21217524,11.3387175 7,10.2159074 7,8.90909091 C7,8.05692399 6.66499617,7.2830014 6.11950096,6.7118356" id="路径" stroke-linejoin="round"></path>
+                                <path d="M6.05374225e-07,3.30502525 C0.598221325,3.16656842 1.19644204,3.53131423 1.79466276,4.39926267" id="路径-73"></path>
+                                <path d="M0,6.36955959 C0,7.05675687 0.699825901,9.10572809 3.14599655,8.05286405" id="路径-74"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/memoryInsight_active.svg b/web/src/assets/images/userMemory/memoryInsight_active.svg
new file mode 100644
index 00000000..43c73a4b
--- /dev/null
+++ b/web/src/assets/images/userMemory/memoryInsight_active.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>热点洞察</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -317)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="热点洞察" transform="translate(12, 201)">
+                        <path d="M3.9387755,13.4 C5.06122447,13.4 5.87755102,14.3 5.87755102,15.3 C5.87755102,15.7 5.77551019,16.1 5.57142857,16.4 C6.89795919,18.6 9.44897958,20.1 12.2040816,20.1 C12.8163265,20.1 13.4285714,20 14.0408163,19.9 C14.5510204,19.8 15.0612245,20.1 15.2653061,20.6 C15.3673469,21.1 15.0612245,21.6 14.5510204,21.8 C13.8367347,21.9 13.0204082,22 12.2040816,22 C8.63265306,22 5.46938774,20.1 3.73469387,17.2 C2.7142857,17.1 2,16.3 2,15.3 C2,14.3 2.91836735,13.4 3.9387755,13.4 L3.9387755,13.4 Z M19.3469388,5.9 C21.0816327,7.7 22,9.99999999 22,12.4 C22,14.1 21.5918367,15.7 20.7755102,17.1 C20.9795918,17.4 21.0816327,17.7 21.0816327,18.1 C21.0816327,19.2 20.1632653,20 19.1428572,20 C18.122449,20 17.1020408,19.2 17.1020408,18.2 C17.1020408,17.2 17.9183673,16.4 18.9387755,16.3 L19.0408163,16.3 L19.1428572,16 C19.7551021,14.9 20.0612245,13.7 20.0612245,12.5 C20.0612245,10.5 19.244898,8.7 17.9183674,7.30000001 C17.5102041,6.9 17.6122449,6.3 17.9183674,6 C18.3265306,5.50000001 18.9387755,5.6 19.3469388,5.9 L19.3469388,5.9 Z M12.2040816,8.7 C14.3469388,8.7 16.0816327,10.4 16.0816327,12.5 C16.0816327,14.6 14.3469388,16.3 12.2040816,16.3 C10.0612245,16.3 8.32653061,14.6 8.32653061,12.5 C8.32653061,10.4 10.0612245,8.7 12.2040816,8.7 Z M12.2040816,10.6 C11.0816327,10.6 10.2653061,11.5 10.2653061,12.5 C10.2653061,13.5 11.1836735,14.4 12.2040816,14.4 C13.2244898,14.4 14.1428571,13.5 14.1428571,12.5 C14.1428571,11.5 13.3265306,10.6 12.2040816,10.6 Z M14.1428571,2 C15.2653061,2 16.0816327,2.9 16.0816327,3.90000001 C16.0816327,4.90000001 15.1632653,5.80000001 14.1428571,5.80000001 C13.4285714,5.80000001 12.8163265,5.40000001 12.5102041,4.90000001 L12.2040816,4.90000001 C8.63265306,4.90000001 5.57142857,7.2 4.65306122,10.5 C4.55102039,11 3.9387755,11.3 3.42857142,11.2 C3.02040815,11 2.7142857,10.5 2.81632652,10 C3.9387755,5.90000002 7.81632654,3 12.2040816,3 L12.5102041,3 C12.8163265,2.40000001 13.4285714,2 14.1428571,2 L14.1428571,2 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/mp3.svg b/web/src/assets/images/userMemory/mp3.svg
new file mode 100644
index 00000000..6bc6f2c6
--- /dev/null
+++ b/web/src/assets/images/userMemory/mp3.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="36px" viewBox="0 0 30 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 9</title>
+    <defs>
+        <linearGradient x1="19.6271261%" y1="2.96958193%" x2="77.6760062%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#C8A0FF" offset="0%"></stop>
+            <stop stop-color="#CEB2FF" offset="28.2176577%"></stop>
+            <stop stop-color="#DED3FF" offset="56.8717564%"></stop>
+            <stop stop-color="#CEC8FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M4,0 L21,0 L21,0 L30,9 L30,32 C30,34.209139 28.209139,36 26,36 L4,36 C1.790861,36 0,34.209139 0,32 L0,4 C0,1.790861 1.790861,4.4408921e-16 4,0 Z" id="path-2"></path>
+        <path d="M21,0 L30,9 L23,9 C21.8954305,9 21,8.1045695 21,7 L21,0 L21,0 Z" id="path-4"></path>
+        <filter x="0.0%" y="5.6%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="0" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-2.8%" y="2.8%" width="105.6%" height="105.6%" filterUnits="objectBoundingBox" id="filter-6">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.549610893   0 0 0 0 0.306104714   0 0 0 0 0.920120018  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="10.8151203%" y1="88.7329544%" x2="78.1240461%" y2="-12.5894595%" id="linearGradient-7">
+            <stop stop-color="#A58DFF" offset="0%"></stop>
+            <stop stop-color="#E1CCFD" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FEF1FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M20.9537909,4.7911898 C20.9844648,4.88869378 21,4.98960921 21,5.0910182 L21,7.18442503 C20.9997643,7.67093277 20.6448148,8.09843113 20.1300157,8.23222728 L14.4000666,9.71940987 L14.4000666,16.1838768 C14.4001236,18.2405707 12.6063244,19.9273263 10.3440772,19.9978279 L10.2000782,20 C8.39084593,20 6.78498055,18.9471679 6.21451509,17.3871485 C5.64404963,15.8271291 6.23720366,14.1104967 7.68665148,13.126675 C9.13609929,12.1428533 11.1160585,12.1129691 12.6006702,13.0525061 L12.6000796,6.37105777 L12.6390606,6.37105777 C12.7470034,5.99870854 13.0630937,5.70569931 13.4706545,5.60018728 L19.4706298,4.04214267 C20.1078438,3.87690767 20.7718463,4.21224531 20.9538191,4.7911898 L20.9537909,4.7911898 Z" id="path-9"></path>
+        <filter x="-2.7%" y="-2.5%" width="105.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-10">
+            <feOffset dx="0" dy="0.8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0.549019608   0 0 0 0 0.305882353   0 0 0 0 0.921568627  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-听觉" transform="translate(-41, -181)">
+            <g id="编组-14" transform="translate(28, 168)">
+                <g id="编组-9" transform="translate(13, 13)">
+                    <g id="矩形">
+                        <mask id="mask-3" fill="white">
+                            <use xlink:href="#path-2"></use>
+                        </mask>
+                        <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                        <g filter="url(#filter-5)" mask="url(#mask-3)" fill="black" fill-opacity="1">
+                            <use filter="url(#filter-6)" xlink:href="#path-4"></use>
+                        </g>
+                    </g>
+                    <path d="M21,0 L30,9 L23,9 C21.8954305,9 21,8.1045695 21,7 L21,0 L21,0 Z" id="矩形" fill="url(#linearGradient-7)"></path>
+                    <rect id="矩形" fill="#8652FF" x="2" y="25" width="26" height="9" rx="3"></rect>
+                    <text id="MP3" font-family="MiSans-Semibold, MiSans" font-size="8" font-weight="400" line-spacing="8" fill="#FFFFFF">
+                        <tspan x="6" y="33.5">MP3</tspan>
+                    </text>
+                    <g id="路径" fill-rule="nonzero" transform="translate(13.5, 12) scale(-1, 1) translate(-13.5, -12)">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                        <use fill="url(#linearGradient-8)" xlink:href="#path-9"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/pause.svg b/web/src/assets/images/userMemory/pause.svg
new file mode 100644
index 00000000..95e5d0ca
--- /dev/null
+++ b/web/src/assets/images/userMemory/pause.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>播放</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-文本" transform="translate(-404, -187)">
+            <g id="编组-8" transform="translate(12, 76)">
+                <g id="编组-14" transform="translate(16, 92)">
+                    <g id="播放" transform="translate(376, 19)">
+                        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M12,0 C5.4,0 0,5.4 0,12 C0,18.6 5.4,24 12,24 C18.6,24 24,18.6 24,12 C24,5.4 18.6,0 12,0 Z" id="路径" fill="#171719" fill-rule="nonzero"></path>
+                        <g id="编组-4" transform="translate(8, 8)" fill="#FFFFFF">
+                            <rect id="矩形" x="0" y="0" width="2" height="8" rx="0.5"></rect>
+                            <rect id="矩形备份-2" x="6" y="0" width="2" height="8" rx="0.5"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/play.svg b/web/src/assets/images/userMemory/play.svg
new file mode 100644
index 00000000..a3caf5be
--- /dev/null
+++ b/web/src/assets/images/userMemory/play.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>播放</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-听觉" transform="translate(-404, -187)" fill-rule="nonzero">
+            <g id="编组-14" transform="translate(28, 168)">
+                <g id="播放" transform="translate(376, 19)">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                    <path d="M12,0 C5.4,0 0,5.4 0,12 C0,18.6 5.4,24 12,24 C18.6,24 24,18.6 24,12 C24,5.4 18.6,0 12,0 Z" id="路径" fill="#171719"></path>
+                    <path d="M15.7500078,10.35 L11.7499922,7.69999219 C10.3999922,6.79999219 9.25000781,7.39999219 9.25000781,9.04999219 L9.25000781,15.0499922 C9.25000781,16.6999922 10.35,17.2999922 11.7499922,16.3999922 L15.7500078,13.7500078 C17.1,12.75 17.1,11.25 15.7500078,10.35 Z" id="路径" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/play_opacity.svg b/web/src/assets/images/userMemory/play_opacity.svg
new file mode 100644
index 00000000..78de47cf
--- /dev/null
+++ b/web/src/assets/images/userMemory/play_opacity.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>播放</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-视觉" transform="translate(-232, -238)" fill-rule="nonzero">
+            <g id="视觉" transform="translate(28, 168)">
+                <g id="播放" transform="translate(204, 70)">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="40" height="40"></rect>
+                    <path d="M20,0 C9,0 0,9 0,20 C0,31 9,40 20,40 C31,40 40,31 40,20 C40,9 31,0 20,0 Z" id="路径" fill-opacity="0.5" fill="#171719"></path>
+                    <path d="M26.25,17.25 L19.5833203,12.8333203 C17.3333203,11.3333203 15.4166797,12.3333203 15.4166797,15.0833203 L15.4166797,25.0833203 C15.4166797,27.8333203 17.25,28.8333203 19.5833203,27.3333203 L26.25,22.9166797 C28.5,21.25 28.5,18.75 26.25,17.25 Z" id="路径" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/play_speed.svg b/web/src/assets/images/userMemory/play_speed.svg
new file mode 100644
index 00000000..0245a19e
--- /dev/null
+++ b/web/src/assets/images/userMemory/play_speed.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>iconfont-PREV</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-感知记忆-文本" transform="translate(-480, -222)" fill="#171719" fill-rule="nonzero" stroke="#171719" stroke-width="0.16">
+            <g id="编组-16" transform="translate(468, 187)">
+                <g id="iconfont-PREV" transform="translate(12, 35)">
+                    <path d="M8,14.5 C4.40963924,14.5 1.5,11.5903345 1.5,8 C1.5,4.40966553 4.40966553,1.5 8,1.5 C11.5903345,1.5 14.5,4.40966553 14.5,8 C14.5,11.5903345 11.5903345,14.5 8,14.5 Z M8,2.31317205 C4.85800711,2.31317205 2.31137116,4.85979485 2.31137116,8.00180089 C2.31137116,11.1438069 4.85799397,13.6886288 8,13.6886288 C11.142006,13.6886288 13.6886288,11.142006 13.6886288,8 C13.6886288,4.85799397 11.142006,2.31317205 8,2.31317205 Z M5.76556133,10.4377287 L5.35898188,10.4377287 C5.30503585,10.4378158 5.25327417,10.4164245 5.21512852,10.3782789 C5.17698287,10.3401332 5.15559159,10.2883716 5.15567874,10.2344255 L5.15567874,5.76554818 C5.15559159,5.71160216 5.17698287,5.65984047 5.21512852,5.62169483 C5.25327417,5.58354918 5.30503585,5.5621579 5.35898188,5.56224505 L5.76556133,5.56224505 C5.81950735,5.5621579 5.87126904,5.58354918 5.90941469,5.62169483 C5.94756034,5.65984047 5.96895161,5.71160216 5.96886447,5.76554818 L5.96886447,10.2344255 C5.96895161,10.2883716 5.94756034,10.3401332 5.90941469,10.3782789 C5.87126904,10.4164245 5.81950735,10.4378158 5.76556133,10.4377287 L5.76556133,10.4377287 Z M10.1709082,10.4449977 C10.0819681,10.4449977 9.99302802,10.4195881 9.91314495,10.3669418 L6.99078121,8.39568212 C6.86190617,8.30856922 6.78567745,8.16154073 6.78567745,8.0054158 C6.78567745,7.84929087 6.86193246,7.70228867 6.99078121,7.61514948 L6.99260838,7.6133223 L9.91134406,5.64388983 C10.0583594,5.54405243 10.2544062,5.53861034 10.4068767,5.63117847 C10.5484631,5.71647734 10.635576,5.8707751 10.635576,6.03597018 L10.635576,9.97299481 C10.635576,10.1381636 10.5484631,10.2942885 10.4068767,10.3777865 L10.4032618,10.3796137 C10.332462,10.4231767 10.2507912,10.4449977 10.1709213,10.4449977 L10.1709082,10.4449977 Z M7.84024701,8.00542895 L9.83870397,9.3522546 L9.83870397,6.65677612 L7.84024701,8.00542895 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/question.svg b/web/src/assets/images/userMemory/question.svg
new file mode 100644
index 00000000..f8b0fee4
--- /dev/null
+++ b/web/src/assets/images/userMemory/question.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title> 问号小</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-短期记忆" transform="translate(-364, -185)" fill="#5B6167" fill-rule="nonzero">
+            <g id="编组-13" transform="translate(12, 166)">
+                <g id="编组-4" transform="translate(16, 16)">
+                    <g id="-问号小" transform="translate(336, 3)">
+                        <path d="M7.25,12.2555 C7.25,12.6697188 7.58578125,13.0055 8,13.0055 C8.41421875,13.0055 8.75,12.6697188 8.75,12.2555 C8.75,11.8412813 8.41421875,11.5055 8,11.5055 C7.58578125,11.5055 7.25,11.8412813 7.25,12.2555 Z M8,15 C4.14,15 1,11.86 1,8 C1,4.14 4.14,1 8,1 C11.86,1 15,4.14 15,8 C15,11.86 11.86,15 8,15 Z M8,2.00448437 C4.694,2.00448437 2.00448437,4.694 2.00448437,8 C2.00448437,11.3055 4.694,13.9955156 8,13.9955156 C11.3055,13.9955156 13.9955156,11.3055156 13.9955156,8 C13.9955156,4.694 11.3055,2.00448437 8,2.00448437 Z M8,10.5264844 C7.72398437,10.5264844 7.5,10.3024844 7.5,10.0265 L7.5,9.181 C7.5,8.36298438 8.12498438,7.738 8.67698437,7.1865 C9.08146875,6.7815 9.49998438,6.3635 9.49998438,6.03 C9.49998438,5.1965 8.82698438,4.5185 8,4.5185 C7.15901563,4.5185 6.5,5.1675 6.5,5.996 C6.5,6.272 6.27601563,6.49598438 6,6.49598438 C5.72398437,6.49598438 5.5,6.27198438 5.5,5.99598438 C5.5,4.63 6.62146875,3.5185 8,3.5185 C9.37853125,3.5185 10.5,4.645 10.5,6.03 C10.5,6.7785 9.9325,7.34548438 9.384,7.894 C8.949,8.328 8.50001562,8.777 8.50001562,9.18048438 L8.50001562,10.0259844 C8.50001562,10.302 8.27601562,10.5264844 8,10.5264844 Z" id="形状"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/refresh.svg b/web/src/assets/images/userMemory/refresh.svg
new file mode 100644
index 00000000..46627009
--- /dev/null
+++ b/web/src/assets/images/userMemory/refresh.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>重新生成</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="24" height="24"></rect>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆-3" transform="translate(-40, -688)">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="重新生成" transform="translate(28, 676)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="SyncOutlined-(Background/Mask)"></g>
+                    <path d="M4.45008224,8.81421159 C4.86198248,7.8380318 5.45245234,6.96423088 6.20482506,6.20947721 C6.95719779,5.45472354 7.83337887,4.86425432 8.80955868,4.4523541 C9.81907152,4.0261683 10.8904877,3.80950399 11.9976184,3.80950399 C13.1047492,3.80950399 14.1761672,4.0261683 15.1832991,4.4523541 C16.1566801,4.86340884 17.0406105,5.46024363 17.7856511,6.20947721 C18.0213628,6.4451889 18.2427893,6.69518717 18.447549,6.95708907 L17.01423,8.07612443 C16.9858705,8.09806271 16.9642787,8.12755922 16.9519382,8.16122312 C16.9395978,8.19488702 16.9370113,8.23135092 16.9444729,8.26642042 C16.9519345,8.30148992 16.9691414,8.33374103 16.9941176,8.35946521 C17.0190939,8.38518939 17.0508236,8.4033412 17.0856578,8.41183404 L21.2689467,9.43563236 C21.387993,9.46420347 21.5046578,9.37372861 21.5046578,9.25230136 L21.5237055,4.94520572 C21.5237055,4.78568366 21.3403732,4.69520834 21.216565,4.79520723 L19.8737232,5.84519598 C18.0427909,3.50236454 15.1952025,2 11.9952377,2 C6.5405351,2 2.10248885,6.37138012 2.00004947,11.804654 C1.99947352,11.8300653 2.00393068,11.8553472 2.01321798,11.879009 C2.02250527,11.9026708 2.03643473,11.9242338 2.05418556,11.9424284 C2.0719364,11.960623 2.09314965,11.9750813 2.11657499,11.9849499 C2.14000032,11.9948185 2.16516392,11.9998984 2.19058312,11.9998905 L3.61913898,11.9998905 C3.72389975,11.9998905 3.80723217,11.9165586 3.80961309,11.8141787 C3.83342236,10.773714 4.0477057,9.76420124 4.45008224,8.81421159 Z M20.3808608,11.9998905 C20.2761001,11.9998905 20.1927677,12.0832224 20.1903867,12.1856022 C20.1665775,13.226067 19.9522931,14.2355797 19.5499165,15.1855694 C19.1380163,16.1617492 18.5475485,17.0379302 17.7951758,17.7903029 C17.0357754,18.5528385 16.1329305,19.1574959 15.1387074,19.5694059 C14.1444842,19.9813159 13.0785516,20.192329 12.0023799,20.190277 C10.9265682,20.1922896 9.86100731,19.9812496 8.86717648,19.5693329 C7.87334566,19.1574161 6.97092001,18.5527769 6.21196776,17.7903029 C5.97625606,17.5545912 5.75482999,17.3045946 5.55007031,17.0426927 L6.98338765,15.9236565 C7.01174708,15.9017183 7.03333891,15.8722209 7.04567937,15.838557 C7.05801984,15.8048931 7.06060793,15.7684305 7.05314634,15.733361 C7.04568474,15.6982915 7.0284762,15.6660404 7.00349997,15.6403162 C6.97852375,15.614592 6.94679399,15.5964398 6.91195986,15.5879469 L2.72867246,14.5641486 C2.60962614,14.5355775 2.49296068,14.6260532 2.49296068,14.7474804 L2.47629427,19.0569571 C2.47629427,19.2164791 2.65962572,19.306953 2.78343389,19.2069541 L4.12627642,18.1569649 C5.95720876,20.4974156 8.80479758,21.999781 12.0047624,21.999781 C17.4618457,21.999781 21.8975109,17.6260201 21.9999506,12.1951269 C22.0005263,12.1697157 21.9960694,12.1444338 21.9867821,12.120772 C21.9774948,12.0971102 21.9635642,12.0755464 21.9458134,12.0573518 C21.9280626,12.0391572 21.9068507,12.0246997 21.8834254,12.0148311 C21.86,12.0049624 21.8348359,11.9998825 21.8094167,11.9998905 L20.3808608,11.9998905 Z" id="Vector" fill="#5B6167" mask="url(#mask-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/retrieval_number.svg b/web/src/assets/images/userMemory/retrieval_number.svg
new file mode 100644
index 00000000..0257ad37
--- /dev/null
+++ b/web/src/assets/images/userMemory/retrieval_number.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 5</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-短期记忆" transform="translate(-186, -97)">
+            <g id="编组-6" transform="translate(12, 76)">
+                <g id="编组-5" transform="translate(174, 21)">
+                    <rect id="矩形" stroke="#EBEBEB" x="0.5" y="0.5" width="35" height="35" rx="12"></rect>
+                    <g id="编组-17" transform="translate(10, 9)" stroke="#171719" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3">
+                        <path d="M9.05541135,18 L3.2,18 C1.4326888,18 4.4408921e-16,16.5673112 4.4408921e-16,14.8 L0,3.2 C0,1.4326888 1.4326888,8.8817842e-16 3.2,8.8817842e-16 L12.8,0 C14.5673112,-4.4408921e-16 16,1.4326888 16,3.2 L16,7.38850463 L16,7.38850463" id="路径"></path>
+                        <circle id="椭圆形" cx="12.2777778" cy="14.1363636" r="2.5"></circle>
+                        <path d="M3,6 L7,6 M5,4 L5,8" id="形状结合"></path>
+                        <line x1="10" y1="6" x2="13" y2="6" id="路径-60"></line>
+                        <line x1="3.5" y1="12" x2="6.5" y2="12" id="路径-60备份"></line>
+                        <line x1="3.5" y1="14.5" x2="6.5" y2="14.5" id="路径-60备份"></line>
+                        <line x1="14.0018295" y1="16.0124157" x2="16" y2="18.0205574" id="路径-61"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/up_border.svg b/web/src/assets/images/userMemory/up_border.svg
index a7fe9978..9435cb19 100644
--- a/web/src/assets/images/userMemory/up_border.svg
+++ b/web/src/assets/images/userMemory/up_border.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>下拉备份</title>
-    <g id="V1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="红熊空间-记忆管理-交互" transform="translate(-210, -24)" stroke="#212332">
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="记忆库-个人记忆-工作记忆" transform="translate(-237, -24)">
             <g id="编组-3" transform="translate(20, 20)">
-                <g id="下拉备份" transform="translate(198, 12) scale(1, -1) translate(-198, -12)translate(190, 4)">
-                    <rect id="矩形" opacity="0.196382068" fill-rule="nonzero" x="0.5" y="0.5" width="15" height="15" rx="4"></rect>
-                    <polyline id="路径" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" points="11 6.5 8 9.5 5 6.5"></polyline>
+                <g id="下拉备份" transform="translate(217, 4)">
+                    <rect id="矩形" stroke="#EBEBEB" fill-rule="nonzero" x="0.5" y="0.5" width="15" height="15" rx="4"></rect>
+                    <polyline id="路径" stroke="#171719" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" points="11 6.5 8 9.5 5 6.5"></polyline>
                 </g>
             </g>
         </g>
diff --git a/web/src/assets/images/userMemory/user.png b/web/src/assets/images/userMemory/user.png
new file mode 100644
index 00000000..671ab044
Binary files /dev/null and b/web/src/assets/images/userMemory/user.png differ
diff --git a/web/src/assets/images/userMemory/userProfile.svg b/web/src/assets/images/userMemory/userProfile.svg
new file mode 100644
index 00000000..fd996bf0
--- /dev/null
+++ b/web/src/assets/images/userMemory/userProfile.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>知识库</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -128)" stroke="#171719" stroke-width="1.5">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="知识库" transform="translate(12, 12)">
+                        <g id="编组-3" transform="translate(1.2713, 2.8206)">
+                            <path d="M20.228709,0.92935909 L20.478709,17.1793591 L16.678709,17.4293591 L16.428709,1.17935909 L20.228709,0.92935909 Z" id="矩形"></path>
+                            <path d="M13.7083965,0.92935909 L13.9583965,17.1793591 L10.1583965,17.4293591 L9.90839652,1.17935909 L13.7083965,0.92935909 Z" id="矩形"></path>
+                            <path d="M6.47157835,1.1493195 L6.70897238,17.0056129 L2.90897244,17.2568659 L2.67157842,1.40057249 L6.47157835,1.1493195 Z" id="矩形备份-2" transform="translate(4.6903, 9.2031) rotate(13) translate(-4.6903, -9.2031)"></path>
+                            <line x1="16.7365428" y1="13.6808717" x2="20.4590311" y2="13.6808717" id="路径-2"></line>
+                            <line x1="9.94743216" y1="13.6808717" x2="13.9025553" y2="13.6808717" id="路径-3"></line>
+                            <line x1="3.82750586" y1="4.55917373" x2="7.58633551" y2="5.46182268" id="路径-4"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/userMemory/userProfile_active.svg b/web/src/assets/images/userMemory/userProfile_active.svg
new file mode 100644
index 00000000..76a1e9e8
--- /dev/null
+++ b/web/src/assets/images/userMemory/userProfile_active.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>知识库</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人记忆" transform="translate(-40, -128)" stroke="#FFFFFF" stroke-width="1.5">
+            <g id="编组" transform="translate(12, 12)">
+                <g id="编组-11" transform="translate(16, 104)">
+                    <g id="知识库" transform="translate(12, 12)">
+                        <g id="编组-3" transform="translate(1.2713, 2.8206)">
+                            <path d="M20.228709,0.92935909 L20.478709,17.1793591 L16.678709,17.4293591 L16.428709,1.17935909 L20.228709,0.92935909 Z" id="矩形"></path>
+                            <path d="M13.7083965,0.92935909 L13.9583965,17.1793591 L10.1583965,17.4293591 L9.90839652,1.17935909 L13.7083965,0.92935909 Z" id="矩形"></path>
+                            <path d="M6.47157835,1.1493195 L6.70897238,17.0056129 L2.90897244,17.2568659 L2.67157842,1.40057249 L6.47157835,1.1493195 Z" id="矩形备份-2" transform="translate(4.6903, 9.2031) rotate(13) translate(-4.6903, -9.2031)"></path>
+                            <line x1="16.7365428" y1="13.6808717" x2="20.4590311" y2="13.6808717" id="路径-2"></line>
+                            <line x1="9.94743216" y1="13.6808717" x2="13.9025553" y2="13.6808717" id="路径-3"></line>
+                            <line x1="3.82750586" y1="4.55917373" x2="7.58633551" y2="5.46182268" id="路径-4"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/agent_arbitration.png b/web/src/assets/images/workflow/agent_arbitration.png
deleted file mode 100644
index d555e3e2..00000000
Binary files a/web/src/assets/images/workflow/agent_arbitration.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/agent_collaboration.png b/web/src/assets/images/workflow/agent_collaboration.png
deleted file mode 100644
index 7a92aecf..00000000
Binary files a/web/src/assets/images/workflow/agent_collaboration.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/agent_scheduling.png b/web/src/assets/images/workflow/agent_scheduling.png
deleted file mode 100644
index 97028422..00000000
Binary files a/web/src/assets/images/workflow/agent_scheduling.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/aggregator.png b/web/src/assets/images/workflow/aggregator.png
deleted file mode 100644
index 6253733a..00000000
Binary files a/web/src/assets/images/workflow/aggregator.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/aggregator.svg b/web/src/assets/images/workflow/aggregator.svg
new file mode 100644
index 00000000..c757e1a1
--- /dev/null
+++ b/web/src/assets/images/workflow/aggregator.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 6</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-30, -221)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, -204)">
+                        <g id="7" transform="translate(0, 301)">
+                            <g id="编组-6" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#FF5D34" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="数据源管理" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-26" transform="translate(2.4, 2.4)">
+                                        <path d="M6.3,1.21243557 C6.85692194,0.890896534 7.54307806,0.890896534 8.1,1.21243557 L11.9353829,3.42679492 C12.4923048,3.74833395 12.8353829,4.34256258 12.8353829,4.98564065 L12.8353829,9.41435935 C12.8353829,9.73589838 12.7496134,10.0452251 12.5942286,10.3143594 C12.4388439,10.5834936 12.2138439,10.8124356 11.9353829,10.9732051 L8.1,13.1875644 C7.54307806,13.5091035 6.85692194,13.5091035 6.3,13.1875644 L2.46461709,10.9732051 C1.90769515,10.651666 1.56461709,10.0574374 1.56461709,9.41435935 L1.56461709,4.98564065 C1.56461709,4.66410162 1.65038661,4.35477494 1.80577137,4.08564065 C1.96115612,3.81650635 2.18615612,3.58756443 2.46461709,3.42679492 Z" id="多边形"></path>
+                                        <circle id="椭圆形" cx="7.2" cy="7.2" r="1.8"></circle>
+                                        <line x1="7.2" y1="0.898650048" x2="7.2" y2="3.59324015" id="路径-20" stroke-linejoin="round"></line>
+                                        <line x1="1.85111137" y1="4.13170203" x2="4.08337173" y2="5.4" id="路径-21" stroke-linejoin="round"></line>
+                                        <line x1="1.85111137" y1="10.2962271" x2="4.08337173" y2="9" id="路径-22" stroke-linejoin="round"></line>
+                                        <line x1="7.19970469" y1="10.8821968" x2="7.20009" y2="13.4918185" id="路径-23" stroke-linejoin="round"></line>
+                                        <line x1="12.570932" y1="4.13170203" x2="10.31441" y2="5.4" id="路径-24" stroke-linejoin="round"></line>
+                                        <line x1="12.570932" y1="10.271036" x2="10.31441" y2="9" id="路径-25" stroke-linejoin="round"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/assigner.png b/web/src/assets/images/workflow/assigner.png
deleted file mode 100644
index 4370bfdd..00000000
Binary files a/web/src/assets/images/workflow/assigner.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/assigner.svg b/web/src/assets/images/workflow/assigner.svg
new file mode 100644
index 00000000..c653694f
--- /dev/null
+++ b/web/src/assets/images/workflow/assigner.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 6</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-30, -267)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, -204)">
+                        <g id="8" transform="translate(0, 347)">
+                            <g id="编组-6" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#FF8A4C" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="变量赋值" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-18" transform="translate(3.6, 3.6)">
+                                        <path d="M1.8,12 L0.6,12 C0.26862915,12 1.11022302e-16,11.7313708 1.11022302e-16,11.4 L0,0.6 C0,0.26862915 0.26862915,-3.33066907e-16 0.6,-3.33066907e-16 L11.4,0 C11.7313708,-1.11022302e-16 12,0.26862915 12,0.6 L12,3 L12,3 L0.452027596,3" id="路径" stroke-linecap="round" stroke-linejoin="round"></path>
+                                        <line x1="0" y1="7.6704" x2="2.39680674" y2="7.6704" id="路径-5" stroke-linecap="round"></line>
+                                        <polyline id="路径-7" stroke-linecap="round" stroke-linejoin="round" points="3.6 12 6.69007278 5.68344904 7.81864315 12"></polyline>
+                                        <line x1="4.19396207" y1="10.8125728" x2="7.5453342" y2="10.8125728" id="路径-8"></line>
+                                        <line x1="9.6" y1="6" x2="12" y2="6" id="路径-9" stroke-linecap="round"></line>
+                                        <line x1="9.6" y1="9" x2="12" y2="9" id="路径-14" stroke-linecap="round"></line>
+                                        <line x1="9.6" y1="12" x2="12" y2="12" id="路径-15" stroke-linecap="round"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/break.png b/web/src/assets/images/workflow/break.png
deleted file mode 100644
index 473ab068..00000000
Binary files a/web/src/assets/images/workflow/break.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/break.svg b/web/src/assets/images/workflow/break.svg
new file mode 100644
index 00000000..aefc203a
--- /dev/null
+++ b/web/src/assets/images/workflow/break.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 14</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -1034)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, 793)">
+                        <g id="3" transform="translate(0, 117)">
+                            <g id="编组-14" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#FF8A4C" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="问题" transform="translate(2.4, 2.4)">
+                                    <g id="编组-10" transform="translate(1.8, 1.8)">
+                                        <path d="M1.11428571,7.86247477 L1.11428571,5.8910462 C1.11428571,3.9028211 2.72606062,2.2910462 4.71428571,2.2910462 L13.3714286,2.2910462 L13.3714286,2.2910462" id="路径" stroke="#FFFFFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
+                                        <path d="M14.2281095,1.00645003 L15.7840148,3.34030791 C15.8943017,3.50573824 15.8495991,3.72925121 15.6841688,3.8395381 C15.6250324,3.87896231 15.5555497,3.9 15.4844767,3.9 L12.3726662,3.9 C12.1738437,3.9 12.0126662,3.7388225 12.0126662,3.53999999 C12.0126662,3.46892699 12.0337039,3.39944422 12.0731281,3.34030791 L13.6290333,1.00645003 C13.7393202,0.841019699 13.9628332,0.796317105 14.1282635,0.906603995 C14.1678103,0.932968545 14.201745,0.966903209 14.2281095,1.00645003 Z" id="三角形" fill="#FFFFFF" transform="translate(13.9286, 2.2286) scale(-1, 1) rotate(-90) translate(-13.9286, -2.2286)"></path>
+                                        <polyline id="路径" stroke="#FFFFFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" points="8.91428571 10.6481891 5.57142857 10.6481891 5.57142857 5.07676048 8.91428571 5.07676048"></polyline>
+                                        <path d="M1.97096669,12.1493072 L3.52687194,14.483165 C3.63715883,14.6485954 3.59245623,14.8721084 3.4270259,14.9823952 C3.36788959,15.0218195 3.29840682,15.0428571 3.22733382,15.0428571 L0.115523323,15.0428571 C-0.0832991952,15.0428571 -0.244476692,14.8816796 -0.244476692,14.6828571 C-0.244476692,14.6117841 -0.223439001,14.5423014 -0.184014795,14.483165 L1.37189045,12.1493072 C1.48217734,11.9838768 1.70569032,11.9391742 1.87112065,12.0494611 C1.91066747,12.0758257 1.94460214,12.1097604 1.97096669,12.1493072 Z" id="三角形" fill="#FFFFFF" transform="translate(1.6714, 13.3714) rotate(-90) translate(-1.6714, -13.3714)"></path>
+                                        <path d="M2.22857143,13.4339033 L2.22857143,11.4624748 C2.22857143,9.47424967 3.84034633,7.86247477 5.82857143,7.86247477 L14.4857143,7.86247477 L14.4857143,7.86247477" id="路径" stroke="#FFFFFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" transform="translate(8.3571, 10.6482) scale(-1, -1) translate(-8.3571, -10.6482)"></path>
+                                        <polyline id="路径-2" stroke="#FFFFFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" points="10.4155671 6.44185403 11.7072229 7.86239292 10.3010762 9.38520842"></polyline>
+                                        <line x1="7.80043109" y1="7.86247477" x2="11.7072229" y2="7.86247477" id="路径-3" stroke="#FFFFFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/classification.png b/web/src/assets/images/workflow/classification.png
deleted file mode 100644
index 87d34bb8..00000000
Binary files a/web/src/assets/images/workflow/classification.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/clear.svg b/web/src/assets/images/workflow/clear.svg
new file mode 100644
index 00000000..10502289
--- /dev/null
+++ b/web/src/assets/images/workflow/clear.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>clear-outlined</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1249, -24)" fill="#171719" fill-rule="nonzero">
+            <g id="编组-11" transform="translate(1242, 17)">
+                <g id="clear-outlined" transform="translate(7, 7)">
+                    <path d="M14.4933021,14.4598985 L13.6042691,9.03045685 L13.9045274,9.03045685 C14.146076,9.03045685 14.3406568,8.82436548 14.3406568,8.56852792 L14.3406568,5.15736041 C14.3406568,4.90152284 14.146076,4.69543147 13.9045274,4.69543147 L9.77807205,4.69543147 L9.77807205,1.46192893 C9.77807205,1.20609137 9.58349122,1 9.34194262,1 L6.65806921,1 C6.4165206,1 6.22193978,1.20609137 6.22193978,1.46192893 L6.22193978,4.69543147 L2.09548441,4.69543147 C1.85393581,4.69543147 1.65935498,4.90152284 1.65935498,5.15736041 L1.65935498,8.56852792 C1.65935498,8.82436548 1.85393581,9.03045685 2.09548441,9.03045685 L2.39574275,9.03045685 L1.50670968,14.4598985 C1.50167742,14.4865482 1.5,14.513198 1.5,14.5380711 C1.5,14.7939086 1.69458082,15 1.93612943,15 L14.0638824,15 C14.0890437,15 14.114205,14.9982234 14.1376889,14.9928934 C14.3758827,14.9502538 14.5352377,14.7104061 14.4933021,14.4598985 Z M2.8335496,5.93908629 L7.3961344,5.93908629 L7.3961344,2.24365482 L8.60387743,2.24365482 L8.60387743,5.93908629 L13.1664622,5.93908629 L13.1664622,7.78680203 L2.8335496,7.78680203 L2.8335496,5.93908629 Z M10.6838793,13.7563452 L10.6838793,10.9847716 C10.6838793,10.906599 10.6234922,10.8426396 10.5496857,10.8426396 L9.74452363,10.8426396 C9.67071711,10.8426396 9.61032996,10.906599 9.61032996,10.9847716 L9.61032996,13.7563452 L6.38968187,13.7563452 L6.38968187,10.9847716 C6.38968187,10.906599 6.32929472,10.8426396 6.2554882,10.8426396 L5.45032617,10.8426396 C5.37651966,10.8426396 5.3161325,10.906599 5.3161325,10.9847716 L5.3161325,13.7563452 L2.81342055,13.7563452 L3.56993737,9.13705584 L12.428397,9.13705584 L13.1849139,13.7563452 L10.6838793,13.7563452 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/code_execution.png b/web/src/assets/images/workflow/code_execution.png
deleted file mode 100644
index 7f802b3c..00000000
Binary files a/web/src/assets/images/workflow/code_execution.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/code_execution.svg b/web/src/assets/images/workflow/code_execution.svg
new file mode 100644
index 00000000..4d749ddd
--- /dev/null
+++ b/web/src/assets/images/workflow/code_execution.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 13</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-30, -440)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="外部交互备份" transform="translate(12, 199)">
+                        <g id="3" transform="translate(0, 117)">
+                            <g id="编组-13" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#02AFD5" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="代码" transform="translate(6, 6)">
+                                    <rect id="矩形" stroke="#FFFFFF" stroke-width="1.2" x="0" y="0" width="12" height="12" rx="2.4"></rect>
+                                    <g id="编组-16" transform="translate(1.2, 3)" fill="#FFFFFF" fill-rule="nonzero">
+                                        <path d="M5.66928973,0.0274242456 C5.93694193,0.113933649 6.09619821,0.383455766 6.03979297,0.654456443 L6.02312865,0.716069171 L4.376139,5.62327767 C4.28490265,5.89864115 3.99029876,6.05597473 3.70520384,5.98159144 C3.42010892,5.90720816 3.24397248,5.62705509 3.30406816,5.34356679 L3.32073247,5.28195406 L4.96772213,0.374745558 C5.01380431,0.237347405 5.11362028,0.123554632 5.24519918,0.0584145671 C5.37677809,-0.00672549746 5.52933488,-0.0178735503 5.66928973,0.0274242456 L5.66928973,0.0274242456 Z" id="路径"></path>
+                                        <path d="M2.48085107,0.6299204 C2.70476175,0.794727945 2.76879367,1.09730768 2.63027441,1.33601318 L2.59139102,1.39326394 L1.24991378,3.1489541 L2.59194649,4.90464425 C2.76028705,5.12463481 2.73527608,5.43326692 2.5336214,5.62436816 L2.48085107,5.66798779 C2.25710675,5.83318429 1.94308379,5.80911409 1.74817675,5.61182752 L1.7031831,5.55948396 L0.111185683,3.47664657 C-0.0209394183,3.30381995 -0.0366262415,3.07071321 0.0711913304,2.8823291 L0.111185683,2.82235211 L1.7031831,0.739514723 C1.79157612,0.623828269 1.92316744,0.547347229 2.06900847,0.52689656 C2.21484951,0.506445891 2.36299372,0.543700805 2.48085107,0.630465645 L2.48085107,0.6299204 Z" id="路径"></path>
+                                        <path d="M7.11908501,0.6299204 C7.34310057,0.465005876 7.65714565,0.489545184 7.85175933,0.687171166 L7.89730845,0.738969478 L9.48875039,2.82180686 L9.52874475,2.88178386 C9.62375175,3.04769043 9.62375175,3.25021776 9.52874475,3.41612434 L9.48875039,3.47610133 L7.89730845,5.55893871 L7.85175933,5.61182752 C7.67538199,5.79046557 7.39818721,5.82927133 7.17796558,5.70615497 L7.11964048,5.66798779 L7.06631468,5.62436816 C6.88386324,5.45128929 6.84408311,5.17885519 6.96966166,4.96244026 L7.00854506,4.90518949 L8.3500223,3.1489541 L7.00854506,1.39326394 L6.96966166,1.33601318 C6.83126098,1.09717651 6.8955368,0.794569166 7.11964048,0.6299204 L7.11908501,0.6299204 Z" id="路径"></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/condition.png b/web/src/assets/images/workflow/condition.png
deleted file mode 100644
index a0bf9160..00000000
Binary files a/web/src/assets/images/workflow/condition.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/condition.svg b/web/src/assets/images/workflow/condition.svg
new file mode 100644
index 00000000..addb1122
--- /dev/null
+++ b/web/src/assets/images/workflow/condition.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 14</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -942)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, 793)">
+                        <g id="1" transform="translate(0, 25)">
+                            <g id="编组-14" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#02AFD5" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="robot-2-line" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-linejoin="round" stroke-width="1.2">
+                                    <g id="编组-3" transform="translate(3, 3.6)">
+                                        <polyline id="路径" points="8 0 12 0 12 4"></polyline>
+                                        <polyline id="路径备份-2" transform="translate(10, 10) scale(1, -1) translate(-10, -10)" points="8 8 12 8 12 12"></polyline>
+                                        <polyline id="路径" points="12 12 6 6 12 0"></polyline>
+                                        <line x1="6" y1="5.99995" x2="4.73412578e-17" y2="5.99995" id="路径-13"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/delete.svg b/web/src/assets/images/workflow/delete.svg
new file mode 100644
index 00000000..238a729c
--- /dev/null
+++ b/web/src/assets/images/workflow/delete.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-条件分支" transform="translate(-1713, -316)" stroke="#171719" stroke-width="0.8">
+            <g id="节点属性备份" transform="translate(1450, 74)">
+                <g id="编组-43备份-3" transform="translate(12, 234)">
+                    <g id="编组-28备份" transform="translate(247, 7)">
+                        <g id="编组-33" transform="translate(4, 1)">
+                            <g id="编组-32" transform="translate(3.5, 4)">
+                                <line x1="-1.47382107e-14" y1="1.77777778" x2="9" y2="1.77777778" id="路径-29"></line>
+                                <polyline id="路径-30" stroke-linejoin="round" points="2.7 1.77769432 2.7 0 6.3 0 6.3 1.77777778"></polyline>
+                                <path d="M1.35,1.78869966 L1.35,7.1 C1.35,7.59705627 1.75294373,8 2.25,8 L6.75,8 C7.24705627,8 7.65,7.59705627 7.65,7.1 L7.65,1.77777778 L7.65,1.77777778" id="路径-31" stroke-linejoin="round"></path>
+                                <line x1="3.6" y1="3.5616299" x2="3.6" y2="6.22829657" id="路径-32"></line>
+                                <line x1="5.4" y1="3.5616299" x2="5.4" y2="6.22829657" id="路径-32"></line>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/delete_hover.svg b/web/src/assets/images/workflow/delete_hover.svg
new file mode 100644
index 00000000..2f145453
--- /dev/null
+++ b/web/src/assets/images/workflow/delete_hover.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 33</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-条件分支" transform="translate(-2093, -429)" stroke="#FF5D34" stroke-width="0.8">
+            <g id="节点属性备份-2" transform="translate(1830, 74)">
+                <g id="1" transform="translate(12, 186)">
+                    <g id="编组-28备份" transform="translate(247, 168)">
+                        <g id="编组-33" transform="translate(4, 1)">
+                            <g id="编组-32" transform="translate(3.5, 4)">
+                                <line x1="-1.47382107e-14" y1="1.77777778" x2="9" y2="1.77777778" id="路径-29"></line>
+                                <polyline id="路径-30" stroke-linejoin="round" points="2.7 1.77769432 2.7 0 6.3 0 6.3 1.77777778"></polyline>
+                                <path d="M1.35,1.78869966 L1.35,7.1 C1.35,7.59705627 1.75294373,8 2.25,8 L6.75,8 C7.24705627,8 7.65,7.59705627 7.65,7.1 L7.65,1.77777778 L7.65,1.77777778" id="路径-31" stroke-linejoin="round"></path>
+                                <line x1="3.6" y1="3.5616299" x2="3.6" y2="6.22829657" id="路径-32"></line>
+                                <line x1="5.4" y1="3.5616299" x2="5.4" y2="6.22829657" id="路径-32"></line>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/document-extractor.svg b/web/src/assets/images/workflow/document-extractor.svg
new file mode 100644
index 00000000..eea39cc6
--- /dev/null
+++ b/web/src/assets/images/workflow/document-extractor.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3备份</title>
+    <defs>
+        <filter x="-2.9%" y="-6.6%" width="105.8%" height="118.4%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0901960784   0 0 0 0 0.0901960784   0 0 0 0 0.0980392157  0 0 0 0.03 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-371, -676)">
+            <g id="编组-32" transform="translate(340, 111)">
+                <g id="3备份" filter="url(#filter-1)" transform="translate(19, 553)">
+                    <g id="编组-6" transform="translate(12, 12)">
+                        <rect id="矩形" fill="#02AFD5" x="0" y="0" width="24" height="24" rx="8"></rect>
+                        <g id="编组-36" transform="translate(6, 5.2)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
+                            <path d="M2.5,0 L8.21312992,-1.33226763e-15 C8.73846647,-1.33226763e-15 9.24271021,0.206694977 9.61690184,0.57542133 L11.4037719,2.33619321 C11.7852265,2.7120764 12,3.22523874 12,3.76077188 L12,11.1 C12,12.4807119 10.8807119,13.6 9.5,13.6 L2.5,13.6 C1.11928813,13.6 1.33226763e-15,12.4807119 8.8817842e-16,11.1 L0,2.5 C0,1.11928813 1.11928813,0 2.5,0 Z" id="矩形"></path>
+                            <path d="M8.5,0.264391446 L8.5,2.0328486 C8.5,2.86127573 9.17157288,3.5328486 10,3.5328486 L11.8153307,3.5328486 L11.8153307,3.5328486" id="路径-10"></path>
+                            <line x1="3.66996056" y1="6.5" x2="8.15988708" y2="6.5" id="路径-11"></line>
+                            <line x1="3.66996056" y1="9.5001" x2="7.0221777" y2="9.5001" id="路径-13"></line>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/end.png b/web/src/assets/images/workflow/end.png
deleted file mode 100644
index 7f4628c6..00000000
Binary files a/web/src/assets/images/workflow/end.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/end.svg b/web/src/assets/images/workflow/end.svg
new file mode 100644
index 00000000..7c8eb34e
--- /dev/null
+++ b/web/src/assets/images/workflow/end.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 13</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-30, -242)">
+            <g id="节点" transform="translate(10, 116)">
+                <g id="编组-21" transform="translate(12, 0)">
+                    <g id="编组-9" transform="translate(0, 118)">
+                        <g id="编组-13" transform="translate(8, 8)">
+                            <rect id="矩形" fill="#FF8A4C" x="0" y="0" width="24" height="24" rx="8"></rect>
+                            <g id="编组-2" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                <g id="编组-3" transform="translate(3, 3)">
+                                    <path d="M6.6,0 C10.2450793,0 13.2,2.95492065 13.2,6.6 C13.2,10.2450793 10.2450793,13.2 6.6,13.2 C5.39062108,13.2 4.25721526,12.8747205 3.28249837,12.3068775 L1.27529432,12.9262671 C0.990320207,13.0142053 0.688015015,12.8544762 0.600076772,12.5695021 C0.572477054,12.480062 0.568599704,12.3849837 0.588825045,12.2935932 L1.05601523,10.1825428 L1.05601523,10.1825428 C0.387912403,9.15077832 0,7.92069006 0,6.6 C0,2.95492065 2.95492065,0 6.6,0 Z" id="路径" stroke-linejoin="round"></path>
+                                    <path d="M3.66666667,7.33333333 C3.66666667,8.9533686 4.97996473,10.2666667 6.6,10.2666667 C8.22003527,10.2666667 9.53333333,8.9533686 9.53333333,7.33333333" id="路径"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/features.svg b/web/src/assets/images/workflow/features.svg
new file mode 100644
index 00000000..2ff48584
--- /dev/null
+++ b/web/src/assets/images/workflow/features.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>参与</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1211, -24)" fill="#171719" fill-rule="nonzero">
+            <g id="编组-11" transform="translate(1204, 17)">
+                <g id="参与" transform="translate(7, 7)">
+                    <g id="编组-35" transform="translate(0.5, 1.5)">
+                        <path d="M13.3524137,3.04473843 C13.7876396,3.04473843 14.1979604,3.21975634 14.507738,3.53746403 C14.8173619,3.85501246 14.9923132,4.28005597 15,4.73408333 L15,10.2997805 C15,10.7391566 14.8365789,11.1556006 14.5400225,11.472512 C14.2665266,11.7647393 13.9083222,11.9416683 13.5224454,11.9771815 L13.5155273,13.3373525 C13.5155273,13.6047366 13.3547197,13.8526919 13.1155068,13.9536577 C13.021728,13.9861451 12.9450138,14 12.8673773,14 C12.6896587,14 12.521318,13.9261071 12.40494,13.797113 L10.6609614,11.9676263 L8.48098801,11.9676263 C8.12370606,11.9676263 7.83314543,11.6666401 7.83314543,11.2965385 C7.83314543,10.926437 8.12370606,10.6254507 8.48098801,10.6254507 L10.9635134,10.6254507 C11.1415394,10.6459942 11.2911243,10.7176576 11.3904376,10.8283378 L12.2272215,11.7015163 L12.2272215,11.2966978 C12.2272215,10.9371068 12.5239315,10.6334133 12.8750641,10.6334133 L13.3674798,10.6334133 C13.5491954,10.6334133 13.6969355,10.4803722 13.6969355,10.2921364 L13.6969355,4.72819101 C13.6969355,4.53995518 13.5491954,4.38691404 13.3674798,4.38691404 C13.0060469,4.38691404 12.7121041,4.08592781 12.7121041,3.71582623 C12.7121041,3.34588391 12.9994363,3.04473843 13.3524137,3.04473843 Z M10.4203649,0 C11.3164907,0 12.0455058,0.755172845 12.0455058,1.68345258 L12.0455058,8.25976271 C12.0455058,9.18804245 11.3131085,9.94305605 10.4129855,9.94305605 L5.13154658,9.94305605 L2.58091627,12.7683453 C2.45792764,12.9048242 2.29081685,12.9799911 2.11017731,12.9799911 C2.03346315,12.9799911 1.94675618,12.9634289 1.87234806,12.9344451 C1.62268115,12.8328423 1.462181,12.5875943 1.462181,12.3089033 L1.46940658,9.93604896 C1.08614328,9.89719148 0.730552424,9.71962553 0.459055037,9.42946844 C0.163113662,9.11319403 0,8.69770563 0,8.25960346 L0,1.68345258 C0,0.755172845 0.729015066,0 1.62514092,0 L10.4203649,0 Z M10.4208261,1.33453151 L1.62560213,1.33453151 C1.44388644,1.33453151 1.29614636,1.48757266 1.29614636,1.67580849 L1.29614636,8.25976271 C1.29614636,8.44799854 1.44388644,8.60103969 1.62560213,8.60103969 L2.14030952,8.60103969 C2.31449216,8.60103969 2.48329405,8.67588811 2.60320795,8.80663398 C2.72066209,8.93451331 2.78092651,9.10061312 2.77323973,9.27467552 C2.77323973,9.29060072 2.77293225,9.31273675 2.76570667,9.34156135 L2.75924977,10.5990149 L4.38623552,8.79532709 C4.40698985,8.76475071 4.43450856,8.74850701 4.45295685,8.73879264 L4.47217382,8.72557473 C4.48293533,8.71872689 4.49246695,8.71171981 4.50276724,8.70407571 C4.52905606,8.68464697 4.56180178,8.66028142 4.60638516,8.64483398 L4.65634929,8.63161607 L4.67326022,8.63161607 C4.70446859,8.62078693 4.73721431,8.61362059 4.76857641,8.60788752 L4.78302757,8.59291784 L10.4208261,8.59291784 C10.6025418,8.59291784 10.7502818,8.43987669 10.7502818,8.25164086 L10.7502818,1.67580849 C10.7502818,1.48757266 10.6025418,1.33453151 10.4208261,1.33453151 Z M3.1173004,4.58263471 C3.34559803,4.58263471 3.55975197,4.70939928 3.67612996,4.9132418 C3.85062007,5.22505716 4.19252844,5.51999181 4.63943835,5.74469634 C5.09157528,5.9719489 5.59213898,6.09712095 6.04904171,6.09712095 C6.99467049,6.09712095 8.05882956,5.56983768 8.42149226,4.92168216 C8.53833145,4.71688412 8.7524854,4.59011955 8.98078303,4.59011955 C9.1026955,4.59011955 9.21599877,4.62181069 9.30870145,4.68184869 C9.45797889,4.76513747 9.56497899,4.908942 9.61033104,5.08714495 C9.64815005,5.27283275 9.62339859,5.4460989 9.53976632,5.59356622 C8.85594957,6.7876375 7.23096239,7.43165247 6.04904171,7.43165247 C4.85989546,7.43165247 3.22968125,6.78477096 2.55078405,5.58608138 C2.46745926,5.43256248 2.4448601,5.24862645 2.48775238,5.07966011 C2.53125961,4.90830499 2.63549247,4.76816326 2.78892077,4.67468235 C2.89146254,4.61273333 2.99877011,4.58263471 3.1173004,4.58263471 Z" id="形状结合"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/file_fold.svg b/web/src/assets/images/workflow/file_fold.svg
new file mode 100644
index 00000000..b50f10de
--- /dev/null
+++ b/web/src/assets/images/workflow/file_fold.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>文件夹</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="应用管理-工作流-配置-变量聚合器" transform="translate(-1842, -290)" stroke="#171719" stroke-width="1.2">
+            <g id="节点属性备份-2" transform="translate(1830, 74)">
+                <g id="文件夹" transform="translate(12, 216)">
+                    <path d="M4,3.5 L6.15219376,3.5 C6.28414839,3.5 6.41075323,3.55216183 6.50441063,3.64511512 L7.88844138,5.01874081 C7.98209879,5.11169411 8.10870362,5.16385594 8.24065825,5.16385594 L12,5.16385594 C12.5522847,5.16385594 13,5.61157119 13,6.16385594 L13,11.6638559 C13,12.2161407 12.5522847,12.6638559 12,12.6638559 L4,12.6638559 C3.44771525,12.6638559 3,12.2161407 3,11.6638559 L3,4.5 C3,3.94771525 3.44771525,3.5 4,3.5 Z" id="矩形"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/http_request.png b/web/src/assets/images/workflow/http_request.png
deleted file mode 100644
index 64e55d36..00000000
Binary files a/web/src/assets/images/workflow/http_request.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/http_request.svg b/web/src/assets/images/workflow/http_request.svg
new file mode 100644
index 00000000..36c8995f
--- /dev/null
+++ b/web/src/assets/images/workflow/http_request.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 12</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-30, -348)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="外部交互备份" transform="translate(12, 199)">
+                        <g id="1" transform="translate(0, 25)">
+                            <g id="编组-12" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#155EEF" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="互联网" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-11" transform="translate(2.4, 2.4)">
+                                        <circle id="椭圆形" cx="7.2" cy="7.2" r="6.6"></circle>
+                                        <line x1="1.02857143" y1="4.62857143" x2="13.3714286" y2="4.62857143" id="路径-6"></line>
+                                        <path d="M5.59358998,0.774310703 C5.00530125,2.28227465 4.62857143,4.60035338 4.62857143,7.2 C4.62857143,9.81615737 5.01010178,12.1471589 5.60482447,13.6543231 M8.71879354,13.8406032 C9.3570333,12.3432962 9.77142857,9.92650761 9.77142857,7.2 C9.77142857,4.53217457 9.37467926,2.16087959 8.75969076,0.657347436" id="形状"></path>
+                                        <line x1="1.0116215" y1="9.25714286" x2="13.3544786" y2="9.25714286" id="路径-6"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/iteration.png b/web/src/assets/images/workflow/iteration.png
deleted file mode 100644
index dd73767b..00000000
Binary files a/web/src/assets/images/workflow/iteration.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/iteration.svg b/web/src/assets/images/workflow/iteration.svg
new file mode 100644
index 00000000..5bc4d840
--- /dev/null
+++ b/web/src/assets/images/workflow/iteration.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 6</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -1080)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, 793)">
+                        <g id="4" transform="translate(0, 163)">
+                            <g id="编组-6" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#155EEF" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="交互" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.152">
+                                    <g id="编组-11" transform="translate(3, 3)">
+                                        <rect id="矩形" x="0.576" y="0.576" width="12.048" height="12.048" rx="3.072"></rect>
+                                        <g id="编组-8" transform="translate(3.3, 2.64)" stroke-linecap="round" stroke-linejoin="round">
+                                            <path d="M5.94,1.32 L1.536,1.32 C0.687690624,1.32 2.22044605e-16,2.00769062 4.4408921e-16,2.856 L0,3.3 L0,3.3" id="路径-4"></path>
+                                            <polyline id="路径-6" points="5.28 0 6.6 1.32 5.28 2.64"></polyline>
+                                        </g>
+                                        <g id="编组-8" transform="translate(6.6, 8.91) scale(-1, -1) translate(-6.6, -8.91)translate(3.3, 7.26)" stroke-linecap="round" stroke-linejoin="round">
+                                            <path d="M5.94,1.32 L1.536,1.32 C0.687690624,1.32 2.22044605e-16,2.00769062 4.4408921e-16,2.856 L0,3.3 L0,3.3" id="路径-4"></path>
+                                            <polyline id="路径-6" points="5.28 0 6.6 1.32 5.28 2.64"></polyline>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/llm.png b/web/src/assets/images/workflow/llm.png
deleted file mode 100644
index 5d9e7465..00000000
Binary files a/web/src/assets/images/workflow/llm.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/llm.svg b/web/src/assets/images/workflow/llm.svg
new file mode 100644
index 00000000..54cee4e0
--- /dev/null
+++ b/web/src/assets/images/workflow/llm.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 14</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-30, -324)">
+            <g id="节点" transform="translate(10, 116)">
+                <g id="编组-19" transform="translate(12, 174)">
+                    <g id="1" transform="translate(0, 26)">
+                        <g id="编组-14" transform="translate(8, 8)">
+                            <rect id="矩形" fill="#6473E9" x="0" y="0" width="24" height="24" rx="8"></rect>
+                            <g id="robot-2-line" transform="translate(2.4, 2.4)" fill="#FFFFFF" fill-rule="nonzero">
+                                <path d="M10.5749966,3.97848998 C10.5749966,4.26809315 10.4495416,4.52834465 10.2499992,4.70772617 L10.2499992,5.93526814 L13.4999955,5.93526814 C14.5769503,5.93526814 15.4499947,6.81134757 15.4499947,7.8920463 L15.4499947,14.4146453 C15.4499947,15.495344 14.5769503,16.3714234 13.4999955,16.3714234 L5.6999985,16.3714234 C4.62304365,16.3714234 3.74999925,15.495344 3.74999925,14.4146453 L3.74999925,7.8920463 C3.74999925,6.81134757 4.62304365,5.93526814 5.6999985,5.93526814 L8.94999217,5.93526814 L8.94999217,4.70772617 C8.61605464,4.40800082 8.52865336,3.91848117 8.73811854,3.52105824 C8.94758373,3.12363531 9.39999637,2.92061084 9.83483361,3.02889694 C10.2696708,3.13718303 10.575,3.52890547 10.5749966,3.97848998 Z M5.6999985,7.23979711 C5.3410167,7.23979711 5.04999367,7.53181655 5.04999367,7.8920463 L5.04999367,14.4146453 C5.04999367,14.774881 5.34101075,15.0669098 5.6999985,15.0669098 L13.4999955,15.0669098 C13.8589833,15.0669098 14.1500003,14.774881 14.1500003,14.4146453 L14.1500003,7.8920463 C14.1500003,7.53181655 13.8589773,7.23979711 13.4999955,7.23979711 L5.6999985,7.23979711 Z M3.09999442,9.19657527 L1.8,9.19657527 L1.8,13.1101316 L3.09999442,13.1101316 L3.09999442,9.19657527 L3.09999442,9.19657527 Z M16.0999996,9.19657527 L17.399994,9.19657527 L17.399994,13.1101316 L16.0999996,13.1101316 L16.0999996,9.19657527 L16.0999996,9.19657527 Z M7.64999775,12.1317425 C8.18847517,12.1317425 8.62499737,11.6937028 8.62499737,11.1533534 C8.62499737,10.6130041 8.18847517,10.1749643 7.64999775,10.1749643 C7.11152033,10.1749643 6.67499812,10.6130041 6.67499812,11.1533534 C6.67499812,11.6937028 7.11152033,12.1317425 7.64999775,12.1317425 Z M11.5499962,12.1317425 C12.0884737,12.1317425 12.5249959,11.6937028 12.5249959,11.1533534 C12.5249959,10.6130041 12.0884737,10.1749643 11.5499962,10.1749643 C11.0115188,10.1749643 10.5749966,10.6130041 10.5749966,11.1533534 C10.5749966,11.6937028 11.0115188,12.1317425 11.5499962,12.1317425 Z" id="形状"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/loop.png b/web/src/assets/images/workflow/loop.png
deleted file mode 100644
index a4313229..00000000
Binary files a/web/src/assets/images/workflow/loop.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/loop.svg b/web/src/assets/images/workflow/loop.svg
new file mode 100644
index 00000000..78fbe8a2
--- /dev/null
+++ b/web/src/assets/images/workflow/loop.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 15</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -1126)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, 793)">
+                        <g id="5" transform="translate(0, 209)">
+                            <g id="编组-15" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#369F21" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="更多关系" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-7" transform="translate(3.6, 3.6)">
+                                        <circle id="椭圆形" cx="6" cy="7" r="5"></circle>
+                                        <circle id="椭圆形" fill="#369F21" cx="6" cy="2" r="2"></circle>
+                                        <circle id="椭圆形备份-3" fill="#369F21" cx="2" cy="9.8" r="2"></circle>
+                                        <circle id="椭圆形备份-4" fill="#369F21" cx="10" cy="9.8" r="2"></circle>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/memory-read.png b/web/src/assets/images/workflow/memory-read.png
deleted file mode 100644
index 4b0cdc1d..00000000
Binary files a/web/src/assets/images/workflow/memory-read.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/memory-read.svg b/web/src/assets/images/workflow/memory-read.svg
new file mode 100644
index 00000000..d385748e
--- /dev/null
+++ b/web/src/assets/images/workflow/memory-read.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 13</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -645)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="编组-25" transform="translate(12, 312)">
+                        <g id="3备份" transform="translate(0, 209)">
+                            <g id="编组-13" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#4DA8FF" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="intelligence" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
+                                    <g id="编组-30" transform="translate(3.6, 3.12)">
+                                        <path d="M8.4541746,12.96 L8.4541746,12.5081592 C8.4541746,12.2694662 8.60289848,12.0560521 8.8268291,11.9734118 L11.0450936,11.1547738 C11.2690243,11.0721334 11.4177481,10.8587194 11.4177481,10.6200264 L11.4177481,8.78018277 L11.4177481,8.78018277 L12.4542675,8.40819928 C12.7505669,8.30186409 12.9045633,7.97546428 12.7982281,7.67916491 C12.7774202,7.62118437 12.7473511,7.5669602 12.7091908,7.51860212 L11.2226316,5.63478261 L11.2226316,5.63478261 C11.2226316,5.07315355 11.1408067,4.53071563 10.9884751,4.01883424 C10.296732,1.69436455 8.15106987,0 5.61131581,0 C2.51227166,0 0,2.52277811 0,5.63478261 C0,7.48189898 0.672990371,9.12143307 2.04048901,10.1490717 C2.51483372,10.5408228 2.75200608,10.995002 2.75200608,11.5116092 C2.75200608,12.0282163 2.75200608,12.5110133 2.75200608,12.96" id="路径"></path>
+                                        <line x1="6.17244739" y1="9.01565217" x2="6.17244739" y2="4.50782609" id="路径-6"></line>
+                                        <polyline id="路径" points="3.92792106 6.48 6.17244739 4.22608696 8.41697371 6.48"></polyline>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/memory-write.png b/web/src/assets/images/workflow/memory-write.png
deleted file mode 100644
index 83a50fd4..00000000
Binary files a/web/src/assets/images/workflow/memory-write.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/memory-write.svg b/web/src/assets/images/workflow/memory-write.svg
new file mode 100644
index 00000000..404275b4
--- /dev/null
+++ b/web/src/assets/images/workflow/memory-write.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 13</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -691)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="编组-25" transform="translate(12, 312)">
+                        <g id="4备份" transform="translate(0, 255)">
+                            <g id="编组-13" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#155EEF" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="brain-2-line" transform="translate(2.4, 2.4)"></g>
+                                <g id="储存" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-31" transform="translate(3.6, 3)">
+                                        <path d="M0.6,0 L8.76660979,4.4408921e-16 C8.91672479,4.4408921e-16 9.06138667,0.0562711118 9.17204456,0.157707516 L11.8054348,2.57164855 C11.9294122,2.6852945 12,2.8457572 12,3.01394103 L12,12.6 C12,12.9313708 11.7313708,13.2 11.4,13.2 L0.6,13.2 C0.26862915,13.2 -3.33066907e-16,12.9313708 -3.33066907e-16,12.6 L-1.11022302e-16,0.6 C-1.11022302e-16,0.26862915 0.26862915,5.55111512e-16 0.6,5.55111512e-16 Z" id="矩形" stroke-linejoin="round"></path>
+                                        <path d="M9.27272727,0 L9.27272727,3.21818182 C9.27272727,3.54955267 9.00409812,3.81818182 8.67272727,3.81818182 L3.32727273,3.81818182 C2.99590188,3.81818182 2.72727273,3.54955267 2.72727273,3.21818182 L2.72727273,0 L2.72727273,0" id="路径" stroke-linejoin="round"></path>
+                                        <path d="M9.81818182,6.54545455 L9.81818182,12.4909091 C9.81818182,12.8222799 9.54955267,13.0909091 9.21818182,13.0909091 L2.78181818,13.0909091 C2.45044733,13.0909091 2.18181818,12.8222799 2.18181818,12.4909091 L2.18181818,6.54545455 L2.18181818,6.54545455" id="路径" stroke-linejoin="round" transform="translate(6, 9.8182) scale(1, -1) translate(-6, -9.8182)"></path>
+                                        <line x1="7.09812503" y1="0" x2="7.09812503" y2="4.34947188" id="路径-10"></line>
+                                        <line x1="2.18181818" y1="8.73485584" x2="9.84499195" y2="8.73485584" id="路径-11"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/memory_enhancement.png b/web/src/assets/images/workflow/memory_enhancement.png
deleted file mode 100644
index 998c02fe..00000000
Binary files a/web/src/assets/images/workflow/memory_enhancement.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/menuFold.svg b/web/src/assets/images/workflow/menuFold.svg
new file mode 100644
index 00000000..77dc38ac
--- /dev/null
+++ b/web/src/assets/images/workflow/menuFold.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收起</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-问题分类器" transform="translate(-238, -85)" stroke="#A8A9AA" stroke-width="1.2">
+            <g id="编组-27" transform="translate(10, 74)">
+                <g id="收起" transform="translate(228, 11)">
+                    <g id="编组-42" transform="translate(3, 3)">
+                        <rect id="矩形" x="0" y="0" width="14" height="14" rx="4"></rect>
+                        <line x1="4.2" y1="-8.99302162e-14" x2="4.2" y2="14" id="路径-20"></line>
+                        <polyline id="路径-21" stroke-linecap="round" stroke-linejoin="round" points="9.33333333 5.13333333 7.46666667 6.98486571 9.33333333 8.86666667"></polyline>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/minus.png b/web/src/assets/images/workflow/minus.png
new file mode 100644
index 00000000..8dabd4dc
Binary files /dev/null and b/web/src/assets/images/workflow/minus.png differ
diff --git a/web/src/assets/images/workflow/model_selection.png b/web/src/assets/images/workflow/model_selection.png
deleted file mode 100644
index e3e93962..00000000
Binary files a/web/src/assets/images/workflow/model_selection.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/model_voting.png b/web/src/assets/images/workflow/model_voting.png
deleted file mode 100644
index 8324541e..00000000
Binary files a/web/src/assets/images/workflow/model_voting.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/node_plus.png b/web/src/assets/images/workflow/node_plus.png
new file mode 100644
index 00000000..61e83c65
Binary files /dev/null and b/web/src/assets/images/workflow/node_plus.png differ
diff --git a/web/src/assets/images/workflow/output_audit.png b/web/src/assets/images/workflow/output_audit.png
deleted file mode 100644
index 50128f82..00000000
Binary files a/web/src/assets/images/workflow/output_audit.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/parallel.png b/web/src/assets/images/workflow/parallel.png
deleted file mode 100644
index e77d79d8..00000000
Binary files a/web/src/assets/images/workflow/parallel.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/parameter_extraction.png b/web/src/assets/images/workflow/parameter_extraction.png
deleted file mode 100644
index d4b50ee0..00000000
Binary files a/web/src/assets/images/workflow/parameter_extraction.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/parameter_extraction.svg b/web/src/assets/images/workflow/parameter_extraction.svg
new file mode 100644
index 00000000..f3472516
--- /dev/null
+++ b/web/src/assets/images/workflow/parameter_extraction.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 15</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-模板渲染" transform="translate(-30, -554)">
+            <g id="编组-27" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="编组-19" transform="translate(12, 174)">
+                        <g id="6" transform="translate(0, 256)">
+                            <g id="编组-15" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#FF8A4C" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="icon_参数提取器_线稿" transform="translate(5.4, 5.4)" fill="#FFFFFF" fill-rule="nonzero">
+                                    <path d="M11.9991276,11.6982866 C11.7466378,12.5660193 10.9516589,13.1996973 10.009876,13.1999999 C9.06769732,13.2003024 8.27204624,12.5666027 8.0193582,11.6984706 L0.584812562,11.698001 C0.302836761,11.645403 0.0982159347,11.3972996 0.0982159347,11.108001 C0.0982159347,10.8187024 0.302836761,10.570599 0.584812562,10.5180011 L8.01920139,10.5180643 C8.27144046,9.6506461 9.0657872,9.01690903 10.0072334,9.01600022 C10.5575315,9.01547042 11.0854709,9.23564258 11.4747764,9.62802619 C11.7228118,9.87802269 11.9016105,10.1848601 11.9987133,10.5182121 L12.4971473,10.5180011 C12.7317644,10.4742371 12.9695948,10.576167 13.1012549,10.7769107 C13.232915,10.9776544 13.232915,11.2383476 13.1012549,11.4390913 C12.9695948,11.6398351 12.7317644,11.7417649 12.4971473,11.698001 Z M10.0072334,10.1940011 C9.51273728,10.205429 9.11348896,10.6091078 9.10919922,11.108001 C9.10919922,11.4784044 9.33081214,11.8121769 9.67032217,11.9531652 C10.0098322,12.0941534 10.4001177,12.014478 10.658586,11.7514145 C10.9170543,11.488351 10.9925952,11.0939184 10.8498673,10.7526495 C10.7071394,10.4113807 10.3743661,10.190759 10.0072334,10.1940011 Z M5.04227381,4.39598838 C5.16021593,4.39598838 5.26065905,4.48248832 5.27917246,4.60000154 C5.41948771,5.50287972 6.1209892,6.21141154 7.01576845,6.3540014 C7.13430771,6.36953779 7.22301087,6.47140569 7.22301087,6.59200138 C7.22301087,6.71259707 7.13430771,6.81446497 7.01576845,6.83000136 C6.11608674,6.97449296 5.41319037,7.69090972 5.27917246,8.60000121 C5.2694353,8.66324718 5.23506097,8.71994927 5.18368915,8.75750542 C5.13231733,8.79506158 5.06820428,8.81036021 5.00559912,8.80000121 C4.90376033,8.78328627 4.82392554,8.70274334 4.80735758,8.60000121 C4.66994646,7.69340019 3.96677461,6.98075548 3.06877918,6.83800136 C2.95023992,6.82246496 2.86153677,6.72059707 2.86153677,6.60000138 C2.86153677,6.47940569 2.95023992,6.37753779 3.06877918,6.3620014 C3.96600381,6.21845568 4.66820035,5.50598702 4.80537516,4.60000154 C4.82388857,4.48248832 4.92433169,4.39598838 5.04227381,4.39598838 Z M1.57602031,6.01000143 C1.8723685,6.04884236 2.09412644,6.30351212 2.09412644,6.60500138 C2.09412644,6.90649064 1.8723685,7.1611604 1.57602031,7.20000134 L0.584812562,7.20000134 C0.302836761,7.1474034 0.0982159347,6.8993 0.0982159347,6.61000138 C0.0982159347,6.32070277 0.302836761,6.07259937 0.584812562,6.02000143 L1.57602031,6.01000143 Z M13.1012549,6.26891106 C13.232915,6.46965481 13.232915,6.73034795 13.1012549,6.93109169 C12.9695948,7.13183544 12.7317644,7.23376528 12.4971473,7.19000133 L8.51447457,7.19000133 C8.1914915,7.19000133 7.92966199,6.92584935 7.92966199,6.60000138 C7.92966199,6.2741534 8.1914915,6.01000143 8.51447457,6.01000143 L12.4971473,6.01000143 C12.7317644,5.96623748 12.9695948,6.06816732 13.1012549,6.26891106 Z M10.0072334,9.53950803e-07 C10.5575315,-0.000528851275 11.0854709,0.219643308 11.4747764,0.612026923 C11.7228118,0.862023419 11.9016105,1.16886084 11.9987133,1.50221288 L12.4892177,1.50200179 C12.6981511,1.50200179 12.8912135,1.61445514 12.9956802,1.79700176 C13.1001469,1.97954839 13.1001469,2.2044551 12.9956802,2.38700172 C12.8912135,2.56954835 12.6981511,2.6820017 12.4892177,2.6820017 L11.9991276,2.68228733 C11.7466378,3.55001998 10.9516589,4.18369804 10.009876,4.18400062 C9.06769732,4.18430316 8.27204624,3.55060339 8.0193582,2.68247137 L0.584812562,2.6820017 C0.2618295,2.6820017 0,2.41784972 0,2.09200174 C0,1.76615377 0.2618295,1.50200179 0.584812562,1.50200179 L8.01920139,1.50206507 C8.27144046,0.634646834 9.0657872,0.000909766312 10.0072334,9.53950803e-07 Z M10.0072334,1.17800181 C9.51043517,1.18347268 9.1102544,1.59076806 9.10919922,2.09200174 C9.10919922,2.46240516 9.33081215,2.79617765 9.67032218,2.93716589 C10.0098322,3.07815414 10.4001177,2.99847868 10.658586,2.73541518 C10.9170543,2.47235168 10.9925952,2.07791912 10.8498673,1.73665026 C10.7071394,1.39538139 10.3743661,1.17475977 10.0072334,1.17800181 Z" id="形状结合"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/plus.png b/web/src/assets/images/workflow/plus.png
new file mode 100644
index 00000000..05f5066a
Binary files /dev/null and b/web/src/assets/images/workflow/plus.png differ
diff --git a/web/src/assets/images/workflow/process_evolution.png b/web/src/assets/images/workflow/process_evolution.png
deleted file mode 100644
index 8262c00d..00000000
Binary files a/web/src/assets/images/workflow/process_evolution.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/question-classifier.png b/web/src/assets/images/workflow/question-classifier.png
index 754a0a62..9a95e4ab 100644
Binary files a/web/src/assets/images/workflow/question-classifier.png and b/web/src/assets/images/workflow/question-classifier.png differ
diff --git a/web/src/assets/images/workflow/question-classifier.svg b/web/src/assets/images/workflow/question-classifier.svg
new file mode 100644
index 00000000..3a85ff8b
--- /dev/null
+++ b/web/src/assets/images/workflow/question-classifier.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 14</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-大语言模型" transform="translate(-30, -988)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="流程控制备份" transform="translate(12, 793)">
+                        <g id="2" transform="translate(0, 71)">
+                            <g id="编组-14" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#6473E9" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="问题" transform="translate(2.4, 2.4)" fill-rule="nonzero" stroke="#FFFFFF">
+                                    <path d="M9.6,2.4 C10.5711984,2.4 11.5150798,2.58982032 12.4025254,2.96509224 C13.2595357,3.32754959 14.0294952,3.84634548 14.6915749,4.50842514 C15.3519451,5.1687954 15.8723432,5.9385999 16.2348949,6.79744423 C16.6101797,7.68492022 16.8,8.62880161 16.8,9.6 C16.8,10.5711984 16.6101797,11.5150798 16.2349078,12.4025254 C15.8724504,13.2595357 15.3536545,14.0294952 14.6915749,14.6915749 C14.0312046,15.3519451 13.2614001,15.8723432 12.4034074,16.2345356 C11.5156617,16.6083232 10.5715189,16.8 9.6,16.8 C8.62880161,16.8 7.68492022,16.6101797 6.79747461,16.2349078 C5.94046434,15.8724504 5.1705048,15.3536545 4.50842514,14.6915749 C3.84805489,14.0312046 3.32765676,13.2614001 2.96510509,12.4025558 C2.58982032,11.5150798 2.4,10.5711984 2.4,9.6 C2.4,8.62880161 2.58982032,7.68492022 2.96509224,6.79747461 C3.32754959,5.94046434 3.84634548,5.1705048 4.50842514,4.50842514 C5.1687954,3.84805489 5.9385999,3.32765676 6.79744423,2.96510509 C7.68492022,2.58982032 8.62880161,2.4 9.6,2.4 Z" id="路径" stroke-width="1.2"></path>
+                                    <path d="M6.75221477,7.98590604 C6.76966443,7.38214765 6.83946309,6.92496644 6.96510067,6.61087248 C7.09073826,6.29677852 7.2914094,6.01583893 7.56885906,5.76979866 C7.84456376,5.52201342 8.15342282,5.34053691 8.49194631,5.22362416 C8.8304698,5.10671141 9.18993289,5.04738255 9.56684564,5.04738255 C10.329396,5.04738255 10.9628188,5.27073826 11.470604,5.71919463 C11.9766443,6.16765101 12.2314094,6.76442953 12.2314094,7.5095302 C12.2314094,7.84456376 12.1668456,8.14818792 12.0359732,8.42040268 C11.9068456,8.69261745 11.629396,9.03114094 11.2071141,9.43771812 C10.7848322,9.8442953 10.5038926,10.1322148 10.3660403,10.3049664 C10.2281879,10.4759732 10.1234899,10.6818792 10.0519463,10.9209396 C9.98040268,11.16 9.94899329,11.4793289 9.95771812,11.8824161 L8.8514094,11.8824161 C8.8514094,11.4130201 8.88979866,11.0378523 8.96483221,10.7586577 C9.03986577,10.4777181 9.15328859,10.2334228 9.3033557,10.0240268 C9.45342282,9.81463087 9.72563758,9.50751678 10.12,9.1009396 C10.5143624,8.69436242 10.7673826,8.39946309 10.8808054,8.21449664 C10.9942282,8.0295302 11.0500671,7.75557047 11.0500671,7.39087248 C11.0500671,7.0261745 10.9209396,6.7033557 10.6609396,6.42416107 C10.3991946,6.14147651 10.0222819,6.00013423 9.52845638,6.00013423 C8.41516779,6.00013423 7.85677852,6.66147651 7.85677852,7.98590604 L6.75221477,7.98590604 Z M10.0432215,14.1805369 L8.8252349,14.1805369 L8.8252349,12.8997315 L10.0432215,12.8997315 L10.0432215,14.1805369 Z" id="形状结合" stroke-width="0.24" fill="#FFFFFF"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/rag.png b/web/src/assets/images/workflow/rag.png
deleted file mode 100644
index 3749dbfa..00000000
Binary files a/web/src/assets/images/workflow/rag.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/rag.svg b/web/src/assets/images/workflow/rag.svg
new file mode 100644
index 00000000..e9648fc8
--- /dev/null
+++ b/web/src/assets/images/workflow/rag.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 14</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-模板渲染" transform="translate(-30, -462)">
+            <g id="编组-27" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="编组-19" transform="translate(12, 174)">
+                        <g id="4" transform="translate(0, 164)">
+                            <g id="编组-14" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#369F21" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="帮助中心-审核" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-18" transform="translate(4.2, 3)">
+                                        <path d="M9.48078771,2.55062917 L9.48078771,0 C4.35080394,0.467502623 1.44537275,0.743886037 0.764494143,0.829150241 C-0.256823766,0.957046548 -0.311157659,2.75411023 0.944673484,2.75411023 C1.78189425,2.75411023 5.06700309,2.79305261 10.8,2.87093739 L10.8,12.06 C10.8,12.6896046 10.2896046,13.2 9.66,13.2 L1.14037851,13.2001567 C0.510773893,13.2001567 0.000378507282,12.6897613 0.000378507282,12.0601567 C0.000378507282,12.0601045 0.000378510873,12.0600522 0.000378518053,12.06 L0.00194834538,1.77977 L0.00194834538,1.77977" id="路径-8" stroke-linejoin="round"></path>
+                                        <circle id="椭圆形" cx="5.4" cy="7.8" r="2.4"></circle>
+                                        <line x1="6.80824993" y1="9.32294069" x2="8.47693376" y2="11.1123957" id="路径-9"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/reasoning_control.png b/web/src/assets/images/workflow/reasoning_control.png
deleted file mode 100644
index 649e165c..00000000
Binary files a/web/src/assets/images/workflow/reasoning_control.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/refresh_active.svg b/web/src/assets/images/workflow/refresh_active.svg
new file mode 100644
index 00000000..f9b0b3d8
--- /dev/null
+++ b/web/src/assets/images/workflow/refresh_active.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>刷新</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-条件分支" transform="translate(-1882, -334)" fill-rule="nonzero">
+            <g id="节点属性备份-2" transform="translate(1830, 74)">
+                <g id="1" transform="translate(12, 186)">
+                    <g id="编组-34" transform="translate(8, 70)">
+                        <g id="刷新" transform="translate(32, 4)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="12" height="12"></rect>
+                            <path d="M1.64308594,6.29538281 L3.02308594,5.14614844 L2.47385156,4.94307422 L2.64,4.99385156 C3.07385156,3.54923438 4.41691406,2.49230859 6,2.49230859 C7.58308594,2.49230859 8.92614844,3.54922266 9.36,4.99385156 L10.421543,4.67538281 C9.85385156,2.76923438 8.08614844,1.38461719 6,1.38461719 C3.93230859,1.38461719 2.18308594,2.74614844 1.59691406,4.62 L1.33845703,4.52308594 L1.64307422,6.29538281 L1.64308594,6.29538281 Z M10.698457,7.53692578 L10.4076914,5.73230859 L9.01385156,6.91385156 L9.35538281,7.03845703 C8.91229687,8.46461719 7.57846875,9.50769141 6.00461719,9.50769141 C4.42153125,9.50769141 3.07845703,8.45077734 2.64461719,7.00614844 L1.58307422,7.32461719 C2.14617187,9.23076563 3.91385156,10.6153828 6,10.6153828 C8.05385156,10.6153828 9.78923437,9.27692578 10.3892344,7.42154297 L10.698457,7.53692578 Z" id="形状" fill="#155EEF"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/return.svg b/web/src/assets/images/workflow/return.svg
new file mode 100644
index 00000000..b7cfe153
--- /dev/null
+++ b/web/src/assets/images/workflow/return.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>退出</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1402, -24)" stroke="#171719" stroke-width="1.2">
+            <g id="退出" transform="translate(1394, 17)">
+                <g transform="translate(8, 7)" id="编组-7">
+                    <g transform="translate(2.5, 2)">
+                        <path d="M4,12 L1,12 C0.44771525,12 0,11.5522847 0,11 L0,1 C0,0.44771525 0.44771525,1.11022302e-16 1,0 L4,0 L4,0" id="路径"></path>
+                        <line x1="11" y1="6" x2="4.5" y2="6" id="路径-6"></line>
+                        <polyline id="路径" points="8 3 11 6 8 9"></polyline>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/robot-2-line@2x.png b/web/src/assets/images/workflow/robot-2-line@2x.png
deleted file mode 100644
index f1dc247e..00000000
Binary files a/web/src/assets/images/workflow/robot-2-line@2x.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/run.svg b/web/src/assets/images/workflow/run.svg
new file mode 100644
index 00000000..5d320106
--- /dev/null
+++ b/web/src/assets/images/workflow/run.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 31</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1325, -24)" stroke="#171719" stroke-width="1.2">
+            <g id="运行" transform="translate(1318, 17)">
+                <g id="编组-31" transform="translate(7, 7)">
+                    <path d="M4.5,3.55424764 L4.5,12.4457524 C4.5,12.9980371 4.94771525,13.4457524 5.5,13.4457524 C5.68741972,13.4457524 5.87106734,13.3930829 6.02999894,13.2937507 L13.1432027,8.8479983 C13.6115392,8.55528797 13.7539124,7.93833759 13.4612021,7.47000106 C13.3807214,7.34123193 13.2719718,7.2324824 13.1432027,7.1520017 L6.02999894,2.70624934 C5.56166241,2.41353901 4.94471203,2.55591217 4.6520017,3.0242487 C4.55266944,3.1831803 4.5,3.36682792 4.5,3.55424764 Z" id="路径-46"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/save.svg b/web/src/assets/images/workflow/save.svg
new file mode 100644
index 00000000..681c7633
--- /dev/null
+++ b/web/src/assets/images/workflow/save.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>保存</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1363, -24)" stroke="#171719" stroke-width="1.2">
+            <g id="保存" transform="translate(1356, 17)">
+                <g transform="translate(7, 7)" id="编组-12">
+                    <g transform="translate(2, 1.5)">
+                        <path d="M1.5,0 L8.66667187,0 L8.66667187,0 L12,3.60846604 L12,11.5 C12,12.3284271 11.3284271,13 10.5,13 L1.5,13 C0.671572875,13 0,12.3284271 0,11.5 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 Z" id="矩形"></path>
+                        <path d="M3,0.5 L3,3.5 C3,4.05228475 3.44771525,4.5 4,4.5 L8,4.5 L8,4.5" id="路径-12" stroke-linecap="round"></path>
+                        <path d="M3,12.5 L3,8.5 C3,7.94771525 3.44771525,7.5 4,7.5 L8,7.5 C8.55228475,7.5 9,7.94771525 9,8.5 L9,12.5 L9,12.5" id="路径" stroke-linecap="round"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/self_optimization.png b/web/src/assets/images/workflow/self_optimization.png
deleted file mode 100644
index 08ed8598..00000000
Binary files a/web/src/assets/images/workflow/self_optimization.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/self_reflection.png b/web/src/assets/images/workflow/self_reflection.png
deleted file mode 100644
index 099aac60..00000000
Binary files a/web/src/assets/images/workflow/self_reflection.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/sensitive_detection.png b/web/src/assets/images/workflow/sensitive_detection.png
deleted file mode 100644
index 637a4f13..00000000
Binary files a/web/src/assets/images/workflow/sensitive_detection.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/start.png b/web/src/assets/images/workflow/start.png
deleted file mode 100644
index f6828988..00000000
Binary files a/web/src/assets/images/workflow/start.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/start.svg b/web/src/assets/images/workflow/start.svg
new file mode 100644
index 00000000..7b89c1f7
--- /dev/null
+++ b/web/src/assets/images/workflow/start.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 12</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-30, -150)">
+            <g id="节点" transform="translate(10, 116)">
+                <g id="编组-21" transform="translate(12, 0)">
+                    <g id="编组-5" transform="translate(0, 26)">
+                        <g id="编组-12" transform="translate(8, 8)">
+                            <rect id="矩形" fill="#155EEF" x="0" y="0" width="24" height="24" rx="8"></rect>
+                            <g id="编组-10" transform="translate(6.6, 6)" stroke="#FFFFFF" stroke-linejoin="round" stroke-width="1.2">
+                                <path d="M0.485726939,3.64020227 L4.68572694,0.529091156 C5.1100434,0.214782665 5.6899566,0.214782665 6.11427306,0.529091156 L10.3142731,3.64020227 C10.6198042,3.86652163 10.8,4.22424764 10.8,4.6044709 L10.8,10.8 C10.8,11.4627417 10.2627417,12 9.6,12 L1.2,12 C0.5372583,12 2.22044605e-16,11.4627417 2.22044605e-16,10.8 L2.22044605e-16,4.6044709 C2.22044605e-16,4.22424764 0.180195805,3.86652163 0.485726939,3.64020227 Z" id="矩形"></path>
+                                <path d="M4.575,6.652677 L6.225,6.652677 C6.8877417,6.652677 7.425,7.1899353 7.425,7.852677 L7.425,11.9860103 L7.425,11.9860103 L3.375,11.9860103 L3.375,7.852677 C3.375,7.1899353 3.9122583,6.652677 4.575,6.652677 Z" id="矩形"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/task_planning.png b/web/src/assets/images/workflow/task_planning.png
deleted file mode 100644
index 33f322fd..00000000
Binary files a/web/src/assets/images/workflow/task_planning.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/template_rendering.png b/web/src/assets/images/workflow/template_rendering.png
deleted file mode 100644
index 064caeb6..00000000
Binary files a/web/src/assets/images/workflow/template_rendering.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/template_rendering.svg b/web/src/assets/images/workflow/template_rendering.svg
new file mode 100644
index 00000000..e52bf30d
--- /dev/null
+++ b/web/src/assets/images/workflow/template_rendering.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 13</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-30, -486)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="外部交互备份" transform="translate(12, 199)">
+                        <g id="4" transform="translate(0, 163)">
+                            <g id="编组-13" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#6473E9" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="34模板、框架-线性" transform="translate(2.4, 2.4)" stroke="#FFFFFF" stroke-width="1.2">
+                                    <g id="编组-9" transform="translate(3.6, 3.6)">
+                                        <rect id="矩形" x="0" y="0" width="12" height="12" rx="2.4"></rect>
+                                        <line x1="0" y1="3.49879128" x2="12" y2="3.49879128" id="路径-12"></line>
+                                        <line x1="4.5" y1="3" x2="4.5" y2="11.998791" id="路径-13"></line>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/tools.png b/web/src/assets/images/workflow/tools.png
deleted file mode 100644
index 49ff2fa4..00000000
Binary files a/web/src/assets/images/workflow/tools.png and /dev/null differ
diff --git a/web/src/assets/images/workflow/tools.svg b/web/src/assets/images/workflow/tools.svg
new file mode 100644
index 00000000..7c772245
--- /dev/null
+++ b/web/src/assets/images/workflow/tools.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 6</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-知识检索" transform="translate(-30, -394)">
+            <g id="节点名称" transform="translate(10, 74)">
+                <g id="节点" transform="translate(0, 42)">
+                    <g id="外部交互备份" transform="translate(12, 199)">
+                        <g id="2" transform="translate(0, 71)">
+                            <g id="编组-6" transform="translate(8, 8)">
+                                <rect id="矩形" fill="#4DA8FF" x="0" y="0" width="24" height="24" rx="8"></rect>
+                                <g id="工具2" transform="translate(5.16, 4.8)" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="1.2">
+                                    <path d="M4.508,0.814 L4.69697709,0.881575822 C5.23333374,1.09421285 5.68689854,1.45145663 6.01665197,1.89898026 C6.38596564,2.40019294 6.6,3.01484764 6.6,3.66652977 C6.6,4.72595072 6.03443992,5.72513278 5.1012245,6.26933022 L5.1012245,12.8032854 C5.1012245,13.0805791 4.99218007,13.3308497 4.81280254,13.5113323 C4.63474923,13.6904824 4.38801097,13.8 4.11428572,13.8 L3.08571429,13.8 C2.81198905,13.8 2.56525078,13.6904824 2.38719748,13.5113323 C2.20781994,13.3308497 2.09877552,13.0805791 2.09877552,12.8032854 L2.09877552,6.26933022 C1.16556008,5.72513278 0.6,4.72595072 0.6,3.66652977 C0.6,3.01484764 0.814034356,2.40019294 1.18334803,1.89898026 C1.55432064,1.39551618 2.08199202,1.00631253 2.70479062,0.809711488 L2.691,0.814 L2.69142857,3.55687884 L4.50857143,3.55687884 L4.508,0.814 Z" id="路径"></path>
+                                    <path d="M11.9334354,0.6 L12.2053982,2.76753289 L11.6859429,4.47052747 L11.6859429,7.83000001 L12.6,7.83000001 L12.6,12.3213593 C12.5873532,12.723262 12.4126536,13.0965061 12.141233,13.3687157 C11.8802824,13.6304249 11.5270604,13.8 11.136,13.8 L10.104,13.8 C9.70523456,13.8 9.33915201,13.6320701 9.07265662,13.3648 C8.80758976,13.0989626 8.64,12.7333636 8.64,12.33 L8.64,7.83000001 L9.55405715,7.83000001 L9.55405715,4.43902776 L9.03479285,2.76601057 L9.30656464,0.6 L11.9334354,0.6 Z" id="路径"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/assets/images/workflow/variable.svg b/web/src/assets/images/workflow/variable.svg
new file mode 100644
index 00000000..cdb8338e
--- /dev/null
+++ b/web/src/assets/images/workflow/variable.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>聊天</title>
+    <g id="空间里层页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理-工作流-配置-开始" transform="translate(-1287, -24)" fill-rule="nonzero" stroke="#171719">
+            <g id="聊天变量" transform="translate(1280, 17)">
+                <g id="聊天" transform="translate(7, 7)">
+                    <g id="编组-33" transform="translate(1, 1.5)">
+                        <path d="M11.6052632,0 C12.9278398,0 14,1.04117982 14,2.32554022 L14,8.58661006 C14,9.87097046 12.9278398,10.9121503 11.6052632,10.9121503 L8.14425438,10.9121503 L4.51100878,12.9285129 C4.15517545,13.1258857 3.71583334,12.8918409 3.68574562,12.504549 L3.68421053,12.4625104 L3.68421053,10.9121503 L2.39473684,10.9121503 C1.10180961,10.9121412 0.0423365236,9.91548324 0.00122806538,8.66055031 L0,8.58661006 L0,2.32554022 C0,1.04117982 1.0721602,0 2.39473684,0 L11.6052632,0 Z" id="路径" stroke-width="1.2"></path>
+                        <path d="M3.10551727,8.99854824 C2.95234052,9.00822601 2.799977,8.96934058 2.66928223,8.88721458 C2.56494178,8.81932801 2.5013017,8.70218572 2.5001432,8.57588036 C2.49697286,8.46736073 2.54660892,8.36427058 2.63271163,8.30054623 C2.72675055,8.23401171 2.83974645,8.20118771 2.95401049,8.20721263 C3.03564129,8.20854597 3.1172721,8.21387932 3.19824986,8.22454601 C3.35694014,8.24454607 3.51628348,8.2545461 3.67562682,8.25521277 C3.83112667,8.27120046 3.98683295,8.22694075 4.11186184,8.13121241 C4.16410556,8.07987893 4.27185823,7.91654513 4.40312057,7.39587697 L5.11428816,4.71520259 L4.23267544,4.71520259 L4.36654997,4.21386782 L5.23902003,4.21386782 L5.2625297,4.13120091 C5.35722144,3.72653308 5.51395259,3.33786529 5.72945792,2.9771976 C5.92761883,2.67678848 6.19607537,2.43160427 6.51050148,2.2638622 C6.78478099,2.10186174 7.10020243,2.01052814 7.42346042,2.00119479 C7.57300806,1.9925281 7.72059656,2.03119488 7.84402234,2.1111951 C7.94525052,2.17569025 8.00766373,2.28806964 8.00989614,2.40986263 C8.01069224,2.51180934 7.96774069,2.60900461 7.89234777,2.67586339 C7.81085766,2.74556611 7.70738041,2.78275178 7.60108905,2.78053036 C7.42610914,2.77156458 7.25231402,2.74612317 7.08191713,2.70453014 C7.00030947,2.68636718 6.91724274,2.67587883 6.83375947,2.67319672 C6.71947634,2.67319672 6.60911149,2.74853027 6.50593015,2.8985307 C6.36752518,3.1219189 6.26912558,3.36864744 6.21532448,3.62719946 L6.06969512,4.21786783 L8.21625882,4.16986769 L8.28613478,4.16986769 C8.39669858,4.15910216 8.50394314,4.21204398 8.56433257,4.30720142 C8.63094331,4.41720173 8.6799218,4.53520207 8.70930889,4.65853576 L8.76938917,4.86920303 L8.91436548,4.69853588 C9.05672961,4.51786869 9.22260341,4.35520156 9.40937469,4.21520115 C9.59991804,4.06196908 9.83046563,3.96944956 10.0722168,3.94920038 C10.1783217,3.94523919 10.2820966,3.98158171 10.3634756,4.05120068 C10.4379229,4.11786754 10.4797178,4.21120114 10.4784117,4.30853475 C10.4741349,4.42168559 10.4145328,4.52509771 10.3197214,4.58386888 C10.2642125,4.61986898 10.1740921,4.65720242 9.84822191,4.67720248 C9.70455169,4.68186916 9.5654528,4.73053597 9.45247575,4.81520288 C9.23697042,4.99520339 9.05411741,5.20653734 8.90848806,5.44053801 L8.88432534,5.47920478 L9.10962636,6.47320764 C9.19386936,6.85987542 9.46749582,7.21320976 9.63206353,7.22787648 C9.76267282,7.22787648 9.79728429,7.13454288 9.82079396,7.07187603 L9.83254879,7.04320928 C9.88011168,6.8878533 10.0218445,6.78272329 10.1812756,6.78454187 C10.2673216,6.78358385 10.3499697,6.81877904 10.4098419,6.88187549 C10.468616,6.94587567 10.5012684,7.02854258 10.5,7.11320948 C10.4888129,7.28711576 10.391227,7.44308888 10.2413559,7.52654401 L10.2282949,7.53654404 C10.0846247,7.66321107 9.89654734,7.73654461 9.69998036,7.74121129 C9.4067625,7.74787798 9.12529948,7.63587766 8.92285508,7.43454374 C8.67887201,7.16118259 8.48983209,6.84158253 8.3664595,6.49387437 L8.2920122,6.29120712 L8.15944377,6.46387428 C7.96876847,6.73669301 7.74246154,6.98162708 7.48680593,7.19187637 C7.32550345,7.31521006 7.12763038,7.38587693 6.92061465,7.39454363 C6.79266391,7.39864585 6.66722568,7.35768715 6.56535738,7.27854329 C6.47026817,7.20916987 6.41307562,7.09784149 6.41123841,6.97854243 C6.4109998,6.8823413 6.44948623,6.79026469 6.51768499,6.72387503 C6.58501907,6.65149764 6.6785137,6.61052383 6.77629139,6.61054137 C6.89383975,6.61854139 7.00159242,6.67720823 7.0675501,6.76920849 L7.14134435,6.85454208 L7.23277086,6.78454187 C7.29154504,6.73920841 7.34509484,6.68920826 7.39472637,6.63587478 C7.51227473,6.51720777 7.62198654,6.39120741 7.72190265,6.25854036 L8.14638285,5.66653866 L7.91977572,4.74386934 L5.92798404,4.71186925 L5.37877197,6.84254204 C5.19265373,7.53921071 4.89159932,8.08121227 4.48018005,8.44254664 C4.1049625,8.79485722 3.61528182,8.99291543 3.10551727,8.99854824 L3.10551727,8.99854824 Z" id="路径" stroke-width="0.4" fill="#171719"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/web/src/components/AudioRecorder/index.tsx b/web/src/components/AudioRecorder/index.tsx
index 639a9109..8df31398 100644
--- a/web/src/components/AudioRecorder/index.tsx
+++ b/web/src/components/AudioRecorder/index.tsx
@@ -2,12 +2,13 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-06 21:11:51 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-17 18:39:09
+ * @Last Modified time: 2026-03-20 14:25:26
  */
 import { type FC, useRef, useState } from 'react'
 import RecordRTC from 'recordrtc'
-import { App } from 'antd'
+import { App, Tooltip } from 'antd'
 import { useTranslation } from 'react-i18next';
+import clsx from 'clsx';
 
 import { fileUploadUrlWithoutApiPrefix } from '@/api/fileStorage'
 import { request } from '@/utils/request'
@@ -91,14 +92,17 @@ const AudioRecorder: FC<AudioRecorderProps> = ({
   // Toggle between recording/idle states on click;
   // swap background image to reflect current state
   return (
-    <div
-      className={`rb:size-5.5 rb:bg-cover ${disabled ? 'rb:opacity-65 rb:cursor-not-allowed' : 'rb:cursor-pointer'} ${className} ${
-        isRecording
-          ? `rb:bg-[url('@/assets/images/conversation/audio_ing.gif')]`
-          : `rb:bg-[url('@/assets/images/conversation/audio.svg')]`
-      }`}
-      onClick={isRecording ? stopRecording : startRecording}
-    />
+    <Tooltip title={isRecording ? t('memoryConversation.stopAudioRecorder') : t('memoryConversation.startAudioRecorder')}>
+      <div
+        className={clsx("rb:bg-cover", className, {
+          'rb:cursor-pointer': !disabled,
+          'rb:opacity-65 rb:cursor-not-allowed': disabled,
+          "rb:size-4 rb:bg-[url('@/assets/images/conversation/audio.svg')]": !isRecording,
+          "rb:size-6 rb:bg-[url('@/assets/images/conversation/audio_ing.gif')]": isRecording,
+        })}
+        onClick={isRecording ? stopRecording : startRecording}
+      />
+    </Tooltip>
   )
 }
 
diff --git a/web/src/components/BtnTabs/index.tsx b/web/src/components/BtnTabs/index.tsx
new file mode 100644
index 00000000..772a4c8d
--- /dev/null
+++ b/web/src/components/BtnTabs/index.tsx
@@ -0,0 +1,49 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-19 14:05:09 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-19 14:05:09 
+ */
+import { type FC } from 'react'
+import { Flex } from 'antd';
+import clsx from 'clsx'
+
+/** A single tab item with a display label and unique key */
+interface Tab {
+  label: string
+  key: string
+}
+
+/** Props for the BtnTabs component */
+interface BtnTabsProps {
+  /** List of tab items to render */
+  items: Tab[]
+  /** Key of the currently active tab */
+  activeKey: string
+  /** Callback fired when a tab is clicked */
+  onChange: (key: string) => void;
+  /** Optional extra class name for the container */
+  className?: string;
+}
+
+/** Button-style tab switcher — renders tabs as pill-shaped buttons with active highlight */
+const BtnTabs: FC<BtnTabsProps> = ({ items, activeKey, onChange, className }) => {
+  return (
+    <Flex align="center" gap={8} className={className || ''}>
+      {items.map((tab) => (
+        <div
+          key={tab.key}
+          onClick={() => onChange(tab.key)}
+          className={clsx('rb:px-2 rb:py-1 rb:rounded-[13px] rb:text-[12px] rb:leading-4.5 rb:cursor-pointer', {
+            'rb:bg-[#F6F6F6]': activeKey !== tab.key,
+            'rb:bg-[#171719] rb:text-white': activeKey === tab.key,
+          })}
+        >
+          {tab.label}
+        </div>
+      ))}
+    </Flex>
+  )
+}
+
+export default BtnTabs
diff --git a/web/src/components/ButtonCheckbox/index.tsx b/web/src/components/ButtonCheckbox/index.tsx
index 18bca7c6..8c52701b 100644
--- a/web/src/components/ButtonCheckbox/index.tsx
+++ b/web/src/components/ButtonCheckbox/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:01:59 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 13:41:26
+ * @Last Modified time: 2026-03-19 20:45:13
  */
 
 /**
@@ -64,13 +64,11 @@ const ButtonCheckbox: FC<ButtonCheckboxProps> = ({
       align="center"
       justify={cicle ? 'center' : 'start'}
       gap={4}
-      className={clsx("rb:flex rb:items-center rb:cursor-pointer rb:px-2! rb:border rb:hover:bg-[#F6F6F6]", {
-        'rb:size-7 rb:rounded-[14px] rb:border-[0.5px] rb:border-[#EBEBEB]': cicle,
-        'rb:rounded-lg rb:text-[12px] rb:h-6': !cicle,
+      className={clsx("rb:border rb:rounded-lg rb:px-2! rb:text-[12px] rb:h-6 rb:cursor-pointer", {
         // Checked state: blue background and border
-        "rb:bg-[rgba(21,94,239,0.06)] rb:border-[rgba(21,94,239,0.25)] rb:hover:bg-[rgba(21,94,239,0.06)] rb:text-[#155EEF]": checked,
+        "rb:bg-[#FAFAFA] rb:border-[#171719]": checked,
         // Unchecked state: gray border and dark text
-        "rb:border-[#DFE4ED] rb:text-[#212332]": !checked,
+        "rb:border-[#EBEBEB] rb:text-[#212332] rb:hover:bg-[#F0F3F8]": !checked,
         "rb:opacity-65 rb:cursor-not-allowed!": disabled
       })} 
       onClick={handleChange}
diff --git a/web/src/components/Charts/AreaLineChart.tsx b/web/src/components/Charts/AreaLineChart.tsx
new file mode 100644
index 00000000..40bfabb1
--- /dev/null
+++ b/web/src/components/Charts/AreaLineChart.tsx
@@ -0,0 +1,306 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-10 13:36:03 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-25 13:51:52
+ */
+/*
+ * AreaLineChart Component
+ * 
+ * A reusable area line chart component built with ECharts that displays time-series data
+ * with gradient-filled areas under the lines. Supports multiple data series with
+ * customizable colors and responsive behavior.
+ * 
+ * Features:
+ * - Multiple line series with gradient area fills
+ * - Gradient line colors (white to color to white)
+ * - Customizable x-axis key for flexible data structures
+ * - Date-based x-axis with formatted labels (DD/MM)
+ * - Responsive resizing using ResizeObserver
+ * - Interactive tooltips on hover
+ * - Customizable grid layout and colors
+ * - Legend at the bottom for series identification
+ * - Empty state when no data is available
+ * - Smooth rendering with requestAnimationFrame
+ */
+import { type FC, useEffect, useRef, useMemo } from 'react'
+import ReactEcharts from 'echarts-for-react';
+import * as echarts from 'echarts';
+
+import { formatDateTime } from '@/utils/format';
+import Empty from '@/components/Empty'
+
+/** Base configuration for all line series */
+const SeriesConfig = {
+  type: 'line',
+  stack: 'Total',
+  symbol: 'circle',
+  symbolSize: 5,
+  showSymbol: true,
+  label: {
+    show: false,
+    position: 'top'
+  },
+  emphasis: {
+    focus: 'series'
+  },
+}
+
+/** Default color palette for area line series */
+const Colors = ['#155EEF', '#FFB048', '#4DA8FF']
+
+/**
+ * Data structure for chart data points
+ * Flexible structure allowing any string key with string or number values
+ * 
+ * @interface ChartData
+ * @property {string | number} [key: string] - Dynamic properties for x-axis and data series
+ */
+export interface ChartData {
+  [key: string]: string | number;
+}
+
+/**
+ * Props for the AreaLineChart component
+ * 
+ * @interface AreaLineChartProps
+ * @property {string} xAxisKey - Key name in chartData to use for x-axis values
+ * @property {ChartData[]} chartData - Array of data points with dynamic properties
+ * @property {Record<string, string>} seriesList - Map of data keys to display names
+ * @property {string} [className] - Additional CSS classes for the container
+ * @property {number} [height] - Height of the chart in pixels
+ * @property {string[]} [colors] - Custom color array for line series and gradients
+ * @property {any} [grid] - ECharts grid configuration for chart positioning
+ */
+interface AreaLineChartProps {
+  xAxisKey: string;
+  chartData: ChartData[];
+  seriesList: Record<string, string>;
+  className?: string;
+  height?: number;
+  colors?: string[];
+  grid?: any;
+  lineStyle?: any;
+  showLegend?: boolean;
+  smooth?: boolean;
+}
+
+/**
+ * AreaLineChart Component
+ * 
+ * Renders a multi-series area line chart with gradient fills.
+ * The area gradient goes from the series color at the top to white at the bottom.
+ * The line gradient goes from white to the series color and back to white.
+ * Automatically resizes when container dimensions change.
+ * 
+ * @param {AreaLineChartProps} props - Component props
+ * @returns {JSX.Element} Rendered area line chart or empty state
+ * 
+ * @example
+ * ```tsx
+ * <AreaLineChart 
+ *   xAxisKey="date"
+ *   chartData={[
+ *     { date: '2024-01-01', revenue: 1000, profit: 200 },
+ *     { date: '2024-01-02', revenue: 1500, profit: 300 }
+ *   ]}
+ *   seriesList={{ revenue: 'Revenue', profit: 'Profit' }}
+ *   height={300}
+ * />
+ * ```
+ */
+const AreaLineChart: FC<AreaLineChartProps> = ({
+  xAxisKey,
+  chartData,
+  seriesList,
+  height,
+  colors = Colors,
+  grid = {
+    top: 7,
+    left: 4,
+    right: 16,
+    bottom: 32,
+    containLabel: true
+  },
+  lineStyle,
+  showLegend = true,
+  smooth = true
+}) => {
+  /** Reference to the ECharts instance for programmatic control */
+  const chartRef = useRef<ReactEcharts>(null);
+  /** Flag to prevent multiple simultaneous resize operations */
+  const resizeScheduledRef = useRef(false)
+
+  /**
+   * Generate series configuration for each data series with gradient effects
+   * Creates area fills with vertical gradients (color to white)
+   * and line colors with horizontal gradients (white to color to white)
+   * 
+   * @returns {Array} Array of ECharts series configurations with gradient styles
+   */
+  const getSeries = () => {
+    return Object.entries(seriesList).map(([key, name], index) => ({
+      ...SeriesConfig,
+      name: name,
+      data: chartData.map(vo => vo[key as keyof ChartData]),
+      areaStyle: {
+        opacity: 0.8,
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          {
+            offset: 0,
+            color: colors[index]
+          },
+          {
+            offset: 1,
+            color: '#FFFFFF'
+          }
+        ])
+      },
+      lineStyle: lineStyle || {
+        width: 3,
+        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+          {
+            offset: 0,
+            color: '#FFFFFF'
+          },
+          {
+            offset: 0.8,
+            color: colors[index]
+          },
+          {
+            offset: 1,
+            color: '#FFFFFF'
+          }
+        ])
+      },
+      smooth
+    }))
+  }
+  /**
+   * Memoized legend data to prevent unnecessary recalculations
+   * Formats series list for display in chart legend
+   */
+  const formatSeriesList = useMemo(() => {
+    return Object.entries(seriesList).map(([_key, name]) => ({
+      ...SeriesConfig,
+      name: name,
+    }))
+  }, [seriesList])
+
+  /**
+   * Set up responsive behavior using ResizeObserver
+   * Resizes chart when parent container dimensions change
+   */
+  useEffect(() => {
+    const handleResize = () => {
+      if (chartRef.current && !resizeScheduledRef.current) {
+        resizeScheduledRef.current = true
+        requestAnimationFrame(() => {
+          chartRef.current?.getEchartsInstance().resize();
+          resizeScheduledRef.current = false
+        });
+      }
+    }
+
+    const resizeObserver = new ResizeObserver(handleResize)
+    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
+    if (chartElement) {
+      resizeObserver.observe(chartElement)
+    }
+
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [chartData])
+
+  return (
+    <div style={{ height: `${height}px` }}>
+      {chartData && chartData.length > 0
+        ? <ReactEcharts
+          ref={chartRef}
+          option={{
+            color: colors,
+            tooltip: {
+              trigger: 'axis',
+              extraCssText: 'box-shadow: 0px 2px 6px 0px rgba(33,35,50,0.16); border-radius: 8px;',
+              axisPointer: {
+                type: 'line',
+                crossStyle: {
+                  color: '#5F6266',
+                },
+                lineStyle: {
+                  color: '#5F6266',
+                },
+                label: {
+                  show: false
+                }
+              },
+            },
+            legend: {
+              show: showLegend,
+              data: formatSeriesList,
+              textStyle: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 16,
+              },
+              itemGap: 8,
+              padding: 0,
+              itemWidth: 26,
+              itemHeight: 10,
+              bottom: 0,
+              lineStyle: {
+                width: 3,
+              },
+            },
+            grid: grid,
+            xAxis: {
+              type: 'category',
+              data: chartData.map(item => formatDateTime(item[xAxisKey], 'DD/MM')),
+              boundaryGap: false,
+              axisLabel: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 17,
+              },
+              axisLine: {
+                show: false,
+                lineStyle: {
+                  color: '#EBEBEB',
+                }
+              },
+              splitLine: {
+                show: false,
+              },
+              axisTick: {
+                show: false
+              }
+            },
+            yAxis: {
+              type: 'value',
+              axisLabel: {
+                color: '#A8A9AA',
+                fontFamily: 'PingFangSC, PingFang SC',
+                align: 'right',
+                lineHeight: 17,
+              },
+              axisLine: {
+                lineStyle: {
+                  color: '#EBEBEB',
+                }
+              },
+            },
+            series: getSeries()
+          }}
+          style={{ height: `${height}px`, width: '100%', minWidth: '100%', boxSizing: 'border-box' }}
+          opts={{ renderer: 'canvas' }}
+          notMerge={true}
+          lazyUpdate={true}
+        />
+        : <Empty size={120} className="rb:h-full!" />
+      }
+    </div>
+  )
+}
+
+export default AreaLineChart
diff --git a/web/src/components/Charts/BarChart.tsx b/web/src/components/Charts/BarChart.tsx
new file mode 100644
index 00000000..e476a2cb
--- /dev/null
+++ b/web/src/components/Charts/BarChart.tsx
@@ -0,0 +1,295 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-10 13:36:03 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-25 13:49:04
+ */
+/*
+ * BarChart Component
+ * 
+ * A reusable area line chart component built with ECharts that displays time-series data
+ * with gradient-filled areas under the lines. Supports multiple data series with
+ * customizable colors and responsive behavior.
+ * 
+ * Features:
+ * - Multiple line series with gradient area fills
+ * - Gradient line colors (white to color to white)
+ * - Customizable x-axis key for flexible data structures
+ * - Date-based x-axis with formatted labels (DD/MM)
+ * - Responsive resizing using ResizeObserver
+ * - Interactive tooltips on hover
+ * - Customizable grid layout and colors
+ * - Legend at the bottom for series identification
+ * - Empty state when no data is available
+ * - Smooth rendering with requestAnimationFrame
+ */
+import { type FC, useEffect, useRef, useMemo } from 'react'
+import ReactEcharts from 'echarts-for-react';
+import * as echarts from 'echarts';
+
+import { formatDateTime } from '@/utils/format';
+import Empty from '@/components/Empty'
+
+/** Base configuration for all line series */
+const SeriesConfig = {
+  type: 'bar',
+  stack: 'Total',
+  symbol: 'circle',
+  symbolSize: 5,
+  showSymbol: true,
+  label: {
+    show: false,
+    position: 'top'
+  },
+  emphasis: {
+    focus: 'series'
+  },
+  showBackground: true,
+}
+
+/** Default color palette for area line series */
+const Colors = ['#155EEF', '#FFB048', '#4DA8FF']
+
+/**
+ * Data structure for chart data points
+ * Flexible structure allowing any string key with string or number values
+ * 
+ * @interface ChartData
+ * @property {string | number} [key: string] - Dynamic properties for x-axis and data series
+ */
+export interface ChartData {
+  [key: string]: string | number;
+}
+
+/**
+ * Props for the BarChart component
+ * 
+ * @interface BarChartProps
+ * @property {string} xAxisKey - Key name in chartData to use for x-axis values
+ * @property {ChartData[]} chartData - Array of data points with dynamic properties
+ * @property {Record<string, string>} seriesList - Map of data keys to display names
+ * @property {string} [className] - Additional CSS classes for the container
+ * @property {number} [height] - Height of the chart in pixels
+ * @property {string[]} [colors] - Custom color array for line series and gradients
+ * @property {any} [grid] - ECharts grid configuration for chart positioning
+ */
+interface BarChartProps {
+  xAxisKey: string;
+  chartData: ChartData[];
+  seriesList: Record<string, string>;
+  className?: string;
+  height?: number;
+  colors?: string[];
+  grid?: any;
+  itemStyle?: any;
+  showLegend?: boolean;
+  showBackground?: boolean;
+}
+
+/**
+ * BarChart Component
+ * 
+ * Renders a multi-series area line chart with gradient fills.
+ * The area gradient goes from the series color at the top to white at the bottom.
+ * The line gradient goes from white to the series color and back to white.
+ * Automatically resizes when container dimensions change.
+ * 
+ * @param {BarChartProps} props - Component props
+ * @returns {JSX.Element} Rendered area line chart or empty state
+ * 
+ * @example
+ * ```tsx
+ * <BarChart 
+ *   xAxisKey="date"
+ *   chartData={[
+ *     { date: '2024-01-01', revenue: 1000, profit: 200 },
+ *     { date: '2024-01-02', revenue: 1500, profit: 300 }
+ *   ]}
+ *   seriesList={{ revenue: 'Revenue', profit: 'Profit' }}
+ *   height={300}
+ * />
+ * ```
+ */
+const BarChart: FC<BarChartProps> = ({
+  xAxisKey,
+  chartData,
+  seriesList,
+  height,
+  colors = Colors,
+  grid = {
+    top: 7,
+    left: 4,
+    right: 16,
+    bottom: 32,
+    containLabel: true
+  },
+  itemStyle,
+  showLegend = true,
+  showBackground = true,
+}) => {
+  /** Reference to the ECharts instance for programmatic control */
+  const chartRef = useRef<ReactEcharts>(null);
+  /** Flag to prevent multiple simultaneous resize operations */
+  const resizeScheduledRef = useRef(false)
+
+  /**
+   * Generate series configuration for each data series with gradient effects
+   * Creates area fills with vertical gradients (color to white)
+   * and line colors with horizontal gradients (white to color to white)
+   * 
+   * @returns {Array} Array of ECharts series configurations with gradient styles
+   */
+  const getSeries = () => {
+    return Object.entries(seriesList).map(([key, name], index) => ({
+      ...SeriesConfig,
+      name: name,
+      data: chartData.map(vo => vo[key as keyof ChartData]),
+      barWidth: 16,
+      itemStyle: itemStyle || {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          {
+            offset: 0,
+            color: colors[index]
+          },
+          {
+            offset: 1,
+            color: '#FFFFFF'
+          }
+        ]),
+      },
+      emphasis: {
+        itemStyle: {
+        }
+      },
+      barGap: '-100%',
+      showBackground: showBackground,
+    }))
+  }
+  /**
+   * Memoized legend data to prevent unnecessary recalculations
+   * Formats series list for display in chart legend
+   */
+  const formatSeriesList = useMemo(() => {
+    return Object.entries(seriesList).map(([_key, name]) => ({
+      ...SeriesConfig,
+      name: name,
+    }))
+  }, [seriesList])
+
+  /**
+   * Set up responsive behavior using ResizeObserver
+   * Resizes chart when parent container dimensions change
+   */
+  useEffect(() => {
+    const handleResize = () => {
+      if (chartRef.current && !resizeScheduledRef.current) {
+        resizeScheduledRef.current = true
+        requestAnimationFrame(() => {
+          chartRef.current?.getEchartsInstance().resize();
+          resizeScheduledRef.current = false
+        });
+      }
+    }
+
+    const resizeObserver = new ResizeObserver(handleResize)
+    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
+    if (chartElement) {
+      resizeObserver.observe(chartElement)
+    }
+
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [chartData])
+
+  return (
+    <div style={{ height: `${height}px` }}>
+      {chartData && chartData.length > 0
+        ? <ReactEcharts
+          ref={chartRef}
+          option={{
+            color: colors,
+            tooltip: {
+              trigger: 'axis',
+              extraCssText: 'box-shadow: 0px 2px 6px 0px rgba(33,35,50,0.16); border-radius: 8px;',
+              axisPointer: {
+                type: 'line',
+                crossStyle: {
+                  color: '#5F6266',
+                },
+                lineStyle: {
+                  color: '#5F6266',
+                },
+                label: {
+                  show: false
+                }
+              },
+            },
+            legend: {
+              show: showLegend,
+              data: formatSeriesList,
+              textStyle: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 16,
+              },
+              itemGap: 8,
+              padding: 0,
+              itemWidth: 26,
+              itemHeight: 10,
+              bottom: 0,
+              itemStyle: {
+                width: 3,
+              },
+            },
+            grid: grid,
+            xAxis: {
+              type: 'category',
+              data: chartData.map(item => formatDateTime(item[xAxisKey], 'DD/MM')),
+              boundaryGap: false,
+              axisLabel: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 17,
+              },
+              axisLine: {
+                show: false,
+                itemStyle: {
+                  color: '#EBEBEB',
+                }
+              },
+              splitLine: {
+                show: false,
+              },
+              axisTick: {
+                show: false
+              }
+            },
+            yAxis: {
+              type: 'value',
+              axisLabel: {
+                color: '#A8A9AA',
+                fontFamily: 'PingFangSC, PingFang SC',
+                align: 'right',
+                lineHeight: 17,
+              },
+              axisLine: {
+                itemStyle: {
+                  color: '#EBEBEB',
+                }
+              },
+            },
+            series: getSeries()
+          }}
+          style={{ height: `${height}px`, width: '100%', minWidth: '100%', boxSizing: 'border-box' }}
+          opts={{ renderer: 'canvas' }}
+          notMerge={true}
+          lazyUpdate={true}
+        />
+        : <Empty size={120} className="rb:h-full!" />
+      }
+    </div>
+  )
+}
+
+export default BarChart
diff --git a/web/src/components/Charts/GraphNetworkChart.tsx b/web/src/components/Charts/GraphNetworkChart.tsx
new file mode 100644
index 00000000..8f4ec796
--- /dev/null
+++ b/web/src/components/Charts/GraphNetworkChart.tsx
@@ -0,0 +1,200 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-10 14:06:09 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-10 14:06:09 
+ */
+/**
+ * GraphNetworkChart Component
+ * 
+ * A force-directed graph visualization component built with ECharts.
+ * Displays nodes and edges in an interactive network diagram with physics-based layout.
+ * Supports zooming, panning, dragging nodes, and click interactions.
+ */
+import { type FC, useEffect, useRef, type SetStateAction, type Dispatch } from 'react'
+import ReactEcharts from 'echarts-for-react';
+
+import PageEmpty from '@/components/Empty/PageEmpty'
+
+// Default color palette for node categories
+const Colors = ['#171719', '#155EEF', '#9C6FFF', '#FF8A4C']
+
+/**
+ * Node interface representing a graph node/vertex
+ */
+export interface Node {
+  id: string;              // Unique identifier for the node
+  label: string;           // Display label for the node
+  category: number;        // Category index for grouping and coloring
+  symbolSize: number;      // Size of the node symbol in pixels
+  name: string;            // Node name (used in ECharts)
+  itemStyle: {
+    color: string;         // Custom color for this node
+  }
+  caption: string;         // Additional description or caption
+  [key: string]: any;      // Allow additional custom properties
+}
+
+/**
+ * Edge interface representing a connection between two nodes
+ */
+export interface Edge {
+  id: string;              // Unique identifier for the edge
+  source: string;          // Source node ID
+  target: string;          // Target node ID
+  type: string;            // Type/category of the relationship
+  caption: string;         // Description of the relationship
+  value: number;           // Numeric value associated with the edge
+  weight: number;          // Weight/strength of the connection
+}
+
+/**
+ * Props for the GraphNetworkChart component
+ */
+interface GraphNetworkChartProps {
+  nodes: Node[];                                    // Array of nodes to display in the graph
+  links: Edge[];                                    // Array of edges connecting the nodes
+  categories: { name: string }[];                   // Category definitions for node grouping
+  colors?: string[];                                // Optional custom color palette (defaults to Colors)
+  onNodeClick: Dispatch<SetStateAction<Node | null>>;  // Callback when a node is clicked
+}
+
+const GraphNetworkChart: FC<GraphNetworkChartProps> = ({
+  nodes,
+  links,
+  categories,
+  colors = Colors,
+  onNodeClick,
+}) => {
+  // Reference to the ECharts instance for programmatic control
+  const chartRef = useRef<ReactEcharts>(null);
+  
+  // Flag to prevent multiple simultaneous resize operations (debouncing)
+  const resizeScheduledRef = useRef(false)
+
+  /**
+   * Effect: Handle responsive chart resizing
+   * 
+   * Uses ResizeObserver to detect container size changes and resize the chart accordingly.
+   * Implements requestAnimationFrame for smooth, debounced resize operations.
+   * Re-runs when nodes change to ensure proper sizing with new data.
+   */
+  useEffect(() => {
+    const handleResize = () => {
+      if (chartRef.current && !resizeScheduledRef.current) {
+        resizeScheduledRef.current = true
+        // Use requestAnimationFrame for smooth, optimized resize
+        requestAnimationFrame(() => {
+          chartRef.current?.getEchartsInstance().resize();
+          resizeScheduledRef.current = false
+        });
+      }
+    }
+
+    // Observe the chart container for size changes
+    const resizeObserver = new ResizeObserver(handleResize)
+    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
+    if (chartElement) {
+      resizeObserver.observe(chartElement)
+    }
+
+    // Cleanup: disconnect observer when component unmounts
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [nodes])
+
+  return (
+    <div className="rb:w-full rb:h-full">
+      {/* Render chart only if nodes exist, otherwise show empty state */}
+      {nodes && nodes.length > 0
+        ? <ReactEcharts
+            ref={chartRef}
+            option={{
+              // Color palette for node categories
+              colors: colors,
+              
+              // Disable default tooltip (custom interaction via onNodeClick)
+              tooltip: {
+                show: false
+              },
+              
+              // Hide legend (categories not displayed in legend)
+              legend: {
+                show: false,
+                bottom: 12,
+              },
+              
+              series: [
+                {
+                  type: 'graph',              // Graph/network chart type
+                  layout: 'force',            // Force-directed layout algorithm
+                  data: nodes || [],          // Node data
+                  links: links || [],         // Edge data
+                  categories: categories,     // Category definitions
+                  roam: true,                 // Enable zoom and pan interactions
+                  
+                  // Dynamic zoom level based on node count for better initial view
+                  zoom: nodes.length < 50 ? 3 : nodes.length < 100 ? 2 : 1,
+                  
+                  // Node label configuration
+                  label: {
+                    show: true,               // Display labels
+                    position: 'right',        // Position label to the right of node
+                    formatter: '{b}',         // Use node name as label text
+                  },
+                  
+                  // Edge styling
+                  lineStyle: {
+                    color: '#5B6167',         // Gray color for edges
+                    curveness: 0.3            // Slight curve for better visibility
+                  },
+                  
+                  // Force-directed layout physics configuration
+                  force: {
+                    repulsion: 100,           // Repulsion force between nodes
+                    edgeLength: 80,           // Ideal distance between connected nodes
+                    gravity: 0.3,             // Gravity pulling nodes to center
+                    layoutAnimation: true,    // Animate layout changes
+                    preventOverlap: true,     // Prevent nodes from overlapping
+                    edgeSymbol: ['none', 'arrow'],  // Arrow on target end of edge
+                    edgeSymbolSize: [4, 10],  // Size of edge symbols
+                    initLayout: 'force'       // Use force-directed for initial layout
+                  },
+                  
+                  selectedMode: 'single',     // Allow selecting one node at a time
+                  draggable: true,            // Enable dragging nodes
+                  animationDurationUpdate: 0, // Disable animation on data update for performance
+                  
+                  // Styling for selected nodes
+                  select: {
+                    itemStyle: {
+                      borderWidth: 2,         // Thicker border when selected
+                      borderColor: '#ffffff', // White border for contrast
+                      shadowBlur: 10,         // Glow effect on selection
+                    }
+                  }
+                }
+              ]
+            }}
+            style={{ height: '100%', width: '100%' }}
+            notMerge={false}      // Merge options instead of replacing (better performance)
+            lazyUpdate={true}     // Batch updates for better performance
+            
+            // Event handlers
+            onEvents={{
+              click: (params: { dataType: string; data: Node; name: string }) => {
+                // Only trigger callback for node clicks (not edges or background)
+                if (params.dataType === 'node') {
+                  onNodeClick(params.data)
+                }
+              }
+            }}
+          />
+        : <PageEmpty />
+      }
+    </div>
+  )
+}
+
+export default GraphNetworkChart
diff --git a/web/src/components/Charts/LineChart.tsx b/web/src/components/Charts/LineChart.tsx
new file mode 100644
index 00000000..e5217336
--- /dev/null
+++ b/web/src/components/Charts/LineChart.tsx
@@ -0,0 +1,260 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-10 13:35:55 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-10 13:35:55 
+ */
+/*
+ * LineChart Component
+ * 
+ * A reusable line chart component built with ECharts for displaying time-series data
+ * with multiple data series. Supports customizable colors, responsive behavior,
+ * and interactive tooltips.
+ * 
+ * Features:
+ * - Multiple line series with different colors
+ * - Date-based x-axis with formatted labels (DD/MM)
+ * - Responsive resizing using ResizeObserver
+ * - Interactive tooltips on hover
+ * - Customizable grid layout and colors
+ * - Legend at the bottom for series identification
+ * - Empty state when no data is available
+ * - Smooth rendering with requestAnimationFrame
+ */
+import { type FC, useEffect, useRef, useMemo } from 'react'
+import ReactEcharts from 'echarts-for-react';
+
+import { formatDateTime } from '@/utils/format';
+import Empty from '@/components/Empty'
+
+/** Base configuration for all line series */
+const SeriesConfig = {
+  type: 'line',
+  stack: 'Total',
+  symbol: 'circle',
+  symbolSize: 5,
+  showSymbol: true,
+  label: {
+    show: false,
+    position: 'top'
+  },
+  emphasis: {
+    focus: 'series'
+  },
+}
+
+/** Default color palette for line series */
+const Colors = ['#171719', '#155EEF', '#FF5D34']
+
+/**
+ * Data structure for chart data points
+ * 
+ * @interface ChartData
+ * @property {string | number} date - Date value for x-axis (timestamp or date string)
+ * @property {string | number} [key: string] - Dynamic properties for different data series
+ */
+export interface ChartData {
+  date: string | number;
+  [key: string]: string | number;
+}
+
+/**
+ * Props for the LineChart component
+ * 
+ * @interface LineChartProps
+ * @property {ChartData[]} chartData - Array of data points with date and series values
+ * @property {Record<string, string>} seriesList - Map of data keys to display names
+ * @property {string} [className] - Additional CSS classes for the container
+ * @property {number} [height] - Height of the chart in pixels
+ * @property {string[]} [colors] - Custom color array for line series
+ * @property {any} [grid] - ECharts grid configuration for chart positioning
+ */
+interface LineChartProps {
+  chartData: ChartData[];
+  seriesList: Record<string, string>;
+  className?: string;
+  height?: number;
+  colors?: string[];
+  grid?: any;
+}
+
+/**
+ * LineChart Component
+ * 
+ * Renders a multi-series line chart with date-based x-axis.
+ * Automatically resizes when container dimensions change.
+ * 
+ * @param {LineChartProps} props - Component props
+ * @returns {JSX.Element} Rendered line chart or empty state
+ * 
+ * @example
+ * ```tsx
+ * <LineChart 
+ *   chartData={[
+ *     { date: '2024-01-01', users: 100, sessions: 200 },
+ *     { date: '2024-01-02', users: 150, sessions: 250 }
+ *   ]}
+ *   seriesList={{ users: 'Active Users', sessions: 'Sessions' }}
+ *   height={300}
+ * />
+ * ```
+ */
+const LineChart: FC<LineChartProps> = ({
+  chartData,
+  seriesList,
+  height,
+  colors = Colors,
+  grid = {
+    top: 7,
+    right: 16,
+  }
+}) => {
+  /** Reference to the ECharts instance for programmatic control */
+  const chartRef = useRef<ReactEcharts>(null);
+  /** Flag to prevent multiple simultaneous resize operations */
+  const resizeScheduledRef = useRef(false)
+
+  /**
+   * Generate series configuration for each data series
+   * Maps seriesList keys to chart series with corresponding data and colors
+   * 
+   * @returns {Array} Array of ECharts series configurations
+   */
+  const getSeries = () => {
+    return Object.entries(seriesList).map(([key, name], index) => ({
+      ...SeriesConfig,
+      name: name,
+      data: chartData.map(vo => vo[key as keyof ChartData]),
+      lineStyle: {
+        width: 2,
+        color: colors[index]
+      },
+    }))
+  }
+  /**
+   * Memoized legend data to prevent unnecessary recalculations
+   * Formats series list for display in chart legend
+   */
+  const formatSeriesList = useMemo(() => {
+    return Object.entries(seriesList).map(([_key, name]) => ({
+      ...SeriesConfig,
+      name: name,
+    }))
+  }, [seriesList])
+
+  /**
+   * Set up responsive behavior using ResizeObserver
+   * Resizes chart when parent container dimensions change
+   */
+  useEffect(() => {
+    const handleResize = () => {
+      if (chartRef.current && !resizeScheduledRef.current) {
+        resizeScheduledRef.current = true
+        requestAnimationFrame(() => {
+          chartRef.current?.getEchartsInstance().resize();
+          resizeScheduledRef.current = false
+        });
+      }
+    }
+
+    const resizeObserver = new ResizeObserver(handleResize)
+    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
+    if (chartElement) {
+      resizeObserver.observe(chartElement)
+    }
+
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [chartData])
+
+  return (
+    <div style={{ height: `${height}px` }}>
+      {chartData && chartData.length > 0
+        ? <ReactEcharts
+          ref={chartRef}
+          option={{
+            color: colors,
+            tooltip: {
+              trigger: 'axis',
+              extraCssText: 'box-shadow: 0px 2px 6px 0px rgba(33,35,50,0.16); border-radius: 8px;',
+              axisPointer: {
+                type: 'line',
+                crossStyle: {
+                  color: '#5F6266',
+                },
+                lineStyle: {
+                  color: '#5F6266',
+                },
+                label: {
+                  show: false
+                }
+              },
+            },
+            legend: {
+              data: formatSeriesList,
+              textStyle: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 16,
+              },
+              itemGap: 8,
+              padding: 0,
+              itemWidth: 26,
+              itemHeight: 10,
+              bottom: 0,
+              lineStyle: {
+                width: 3,
+              },
+            },
+            grid: grid,
+            xAxis: {
+              type: 'category',
+              data: chartData.map(item => formatDateTime(item.date, 'DD/MM')),
+              boundaryGap: false,
+              axisLabel: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 17,
+              },
+              axisLine: {
+                show: false,
+                lineStyle: {
+                  color: '#EBEBEB',
+                }
+              },
+              splitLine: {
+                show: false,
+              },
+              axisTick: {
+                show: false
+              }
+            },
+            yAxis: {
+              type: 'value',
+              axisLabel: {
+                color: '#A8A9AA',
+                fontFamily: 'PingFangSC, PingFang SC',
+                align: 'right',
+                lineHeight: 17,
+              },
+              axisLine: {
+                lineStyle: {
+                  color: '#EBEBEB',
+                }
+              },
+            },
+            series: getSeries()
+          }}
+          style={{ height: '100%', width: '100%', minWidth: '100%', boxSizing: 'border-box' }}
+          opts={{ renderer: 'canvas' }}
+          notMerge={true}
+          lazyUpdate={true}
+        />
+        : <Empty size={120} className="rb:h-full!" />
+      }
+    </div>
+  )
+}
+
+export default LineChart
diff --git a/web/src/components/Charts/PieChart.tsx b/web/src/components/Charts/PieChart.tsx
new file mode 100644
index 00000000..b0c67549
--- /dev/null
+++ b/web/src/components/Charts/PieChart.tsx
@@ -0,0 +1,204 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-10 13:35:45 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-16 11:34:30
+ */
+/*
+ * PieChart Component
+ * 
+ * A reusable pie chart component built with ECharts that displays data distribution
+ * in a donut chart format with customizable colors and responsive behavior.
+ * 
+ * Features:
+ * - Donut-style pie chart with percentage labels
+ * - Customizable color palette
+ * - Responsive resizing using ResizeObserver
+ * - Hover tooltips showing percentage values
+ * - Legend at the bottom with horizontal layout
+ * - Empty state when no data is available
+ * - Shadow effects for better visual depth
+ */
+import { type FC, useEffect, useRef } from 'react'
+import ReactEcharts from 'echarts-for-react';
+
+import Empty from '@/components/Empty'
+
+/** Default color palette for pie chart segments */
+const Colors = ['#171719', '#155EEF', '#4DA8FF', '#9C6FFF', '#ABEBFF', '#DFE4ED']
+
+/**
+ * Data structure for each pie chart segment
+ * 
+ * @interface ChartData
+ * @property {string} name - Label for the segment (displayed in legend)
+ * @property {number} value - Numeric value for the segment (determines size)
+ */
+export interface ChartData {
+  name: string;
+  value: number;
+}
+
+/**
+ * Props for the PieChart component
+ * 
+ * @interface PieChartProps
+ * @property {ChartData[]} chartData - Array of data points to display in the chart
+ * @property {number} [height=260] - Height of the chart in pixels
+ * @property {string[]} [colors] - Custom color array for chart segments (defaults to Colors)
+ */
+interface PieChartProps {
+  chartData: ChartData[];
+  height?: number;
+  colors?: string[];
+  itemGap?: number;
+  seriesWidth?: number;
+  seriesHeight?: number;
+  seriesLabel?: boolean;
+  seriesTop?: number;
+}
+
+/**
+ * PieChart Component
+ * 
+ * Renders a donut-style pie chart with percentage labels and legend.
+ * Automatically resizes when container dimensions change.
+ * 
+ * @param {PieChartProps} props - Component props
+ * @returns {JSX.Element} Rendered pie chart or empty state
+ * 
+ * @example
+ * ```tsx
+ * <PieChart 
+ *   chartData={[
+ *     { name: 'Category A', value: 30 },
+ *     { name: 'Category B', value: 70 }
+ *   ]}
+ *   height={300}
+ * />
+ * ```
+ */
+const PieChart: FC<PieChartProps> = ({
+  chartData,
+  height = 260,
+  seriesWidth = 182,
+  seriesHeight = 182,
+  colors = Colors,
+  itemGap = 48,
+  seriesLabel = true,
+  seriesTop = 24,
+}) => {
+  /** Reference to the ECharts instance for programmatic control */
+  const chartRef = useRef<ReactEcharts>(null);
+  /** Flag to prevent multiple simultaneous resize operations */
+  const resizeScheduledRef = useRef(false)
+
+  /**
+   * Set up responsive behavior using ResizeObserver
+   * Resizes chart when parent container dimensions change
+   */
+  useEffect(() => {
+    const handleResize = () => {
+      if (chartRef.current && !resizeScheduledRef.current) {
+        resizeScheduledRef.current = true
+        // Use requestAnimationFrame for smooth resize performance
+        requestAnimationFrame(() => {
+          chartRef.current?.getEchartsInstance().resize();
+          resizeScheduledRef.current = false
+        });
+      }
+    }
+
+    const resizeObserver = new ResizeObserver(handleResize)
+    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
+    if (chartElement) {
+      resizeObserver.observe(chartElement)
+    }
+
+    // Cleanup: disconnect observer when component unmounts
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [chartData])
+
+  return (
+    <div style={{ height: `${height}px` }}>
+      {chartData && chartData.length > 0
+        ? <ReactEcharts
+          ref={chartRef}
+          option={{
+            color: colors,
+            tooltip: {
+              trigger: 'item',
+              textStyle: {
+                color: '#5B6167',
+                fontSize: 12,
+                width: 27,
+                height: 16,
+              },
+              formatter: '{d}%',
+              padding: [8, 5],
+              backgroundColor: '#FFFFFF',
+              borderColor: '#DFE4ED',
+              extraCssText: 'width: 36px; height: 36px; box-shadow: 0px 2px 4px 0px rgba(33,35,50,0.12);border-radius: 36px;'
+            },
+            legend: {
+              bottom: 0,
+              padding: 0,
+              itemWidth: 12,
+              itemHeight: 12,
+              borderRadius: 2,
+              orient: 'horizontal',
+              itemGap: itemGap,
+              textStyle: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 16,
+              }
+            },
+            series: [
+              {
+                type: 'pie',
+                radius: ['60%', '100%'],
+                avoidLabelOverlap: false,
+                percentPrecision: 0,
+                padAngle: 1,
+                width: seriesWidth,
+                height: seriesHeight,
+                left: 'center',
+                top: seriesTop,
+                itemStyle: {
+                  borderRadius: 2,
+                  shadowBlur: 4,
+                  shadowOffsetX: 0,
+                  shadowOffsetY: 2,
+                  shadowColor: 'rgba(0,0,0,0.25)',
+                },
+                label: {
+                  show: seriesLabel,
+                  fontWeight: 'bold',
+                  color: '#171719',
+                  formatter: '{d}%',
+                  fontFamily: 'MiSans-Demibold',
+                },
+                labelLine: {
+                  lineStyle: {
+                    color: '#DFE4ED'
+                  }
+                },
+                data: chartData
+              }
+            ]
+          }}
+          style={{ height: `${height}px`, width: '100%', minWidth: '100%', boxSizing: 'border-box' }}
+          opts={{ renderer: 'canvas' }}
+          notMerge={true}
+          lazyUpdate={true}
+        />
+        : <Empty size={120} className="rb:h-full!" />
+      }
+    </div>
+  )
+}
+
+export default PieChart
diff --git a/web/src/components/Chat/ChatContent.tsx b/web/src/components/Chat/ChatContent.tsx
index c7d3cffb..0276916f 100644
--- a/web/src/components/Chat/ChatContent.tsx
+++ b/web/src/components/Chat/ChatContent.tsx
@@ -2,15 +2,15 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-10 16:46:17 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 19:45:40
+ * @Last Modified time: 2026-03-27 14:17:38
  */
 import { type FC, useRef, useEffect, useState } from 'react'
 import clsx from 'clsx'
 import Markdown from '@/components/Markdown'
 import type { ChatContentProps } from './types'
-import { Spin, Divider, Space, Image, Flex } from 'antd'
+import { Spin, Divider, Space, Image, Flex, Button } from 'antd'
 import { SoundOutlined } from '@ant-design/icons'
-
+import { t } from 'i18next'
 
 const getFileUrl = (file: any) => {
   return file.thumbUrl || file.url || (file.originFileObj ? URL.createObjectURL(file.originFileObj) : undefined)
@@ -29,17 +29,19 @@ const ChatContent: FC<ChatContentProps> = ({
   labelPosition = 'bottom',
   labelFormat,
   errorDesc,
-  renderRuntime
+  renderRuntime,
+  onSend
 }) => {
   // Scroll container reference for controlling auto-scroll to bottom
   const scrollContainerRef = useRef<(HTMLDivElement | null)>(null)
   const prevDataLengthRef = useRef(data.length);
   const isScrolledToBottomRef = useRef(true);
   const audioRef = useRef<HTMLAudioElement | null>(null)
-  const [playingIndex, setPlayingIndex] = useState<number | null>(null)
+  const [playingIndex, setPlayingIndex] = useState<string | null>(null)
 
-  const handlePlay = (index: number, audio_url: string) => {
-    if (playingIndex === index) {
+  const handlePlay = (audio_url: string, audio_status?: string) => {
+    if (audio_status !== 'completed' && typeof audio_status === 'string') return
+    if (playingIndex === audio_url) {
       audioRef.current?.pause()
       setPlayingIndex(null)
       return
@@ -50,7 +52,7 @@ const ChatContent: FC<ChatContentProps> = ({
     const audio = new Audio(audio_url)
     audioRef.current = audio
     audio.play()
-    setPlayingIndex(index)
+    setPlayingIndex(audio_url)
     audio.onended = () => setPlayingIndex(null)
   }
   
@@ -77,12 +79,16 @@ const ChatContent: FC<ChatContentProps> = ({
       }
     };
   }, []);
-  
+
   // Auto-scroll to bottom when data changes to show latest messages
   // When data array length remains unchanged, if data is updated and user manually scrolled up, don't auto-scroll to bottom
   // When data array length changes, auto-scroll to bottom
   // If already scrolled to bottom, will auto-scroll to bottom
   useEffect(() => {
+    if (playingIndex && !data.some(item => item.meta_data?.audio_url === playingIndex)) {
+      audioRef.current?.pause()
+      setPlayingIndex(null)
+    }
     setTimeout(() => {
       if (scrollContainerRef.current) {
         // Auto-scroll if data length changed OR user is currently at bottom
@@ -114,7 +120,7 @@ const ChatContent: FC<ChatContentProps> = ({
               : <>
                 {/* Top label (such as timestamp, username, etc.) */}
                 {labelPosition === 'top' &&
-                  <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:font-regular">
+                  <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:font-regular rb:px-1">
                     {labelFormat(item)}
                   </div>
                 }
@@ -162,26 +168,56 @@ const ChatContent: FC<ChatContentProps> = ({
                   })}
                 </Flex>}
                 {/* Message bubble */}
-                <div className={clsx('rb:border rb:text-left rb:rounded-lg rb:mt-1.5 rb:leading-4.5 rb:p-[10px_12px_2px_12px] rb:inline-block rb:max-w-130 rb:wrap-break-word', contentClassNames, {
+                <div className={clsx('rb:text-left rb:rounded-lg rb:leading-5 rb:p-[10px_12px_2px_12px] rb:inline-block rb:max-w-130 rb:wrap-break-word rb:relative', contentClassNames, {
                   // Error message style (content is null and not assistant message)
-                  'rb:border-[rgba(255,93,52,0.30)] rb:bg-[rgba(255,93,52,0.08)] rb:text-[#FF5D34]': errorDesc && item.role === 'assistant' && item.content === null && !renderRuntime,
+                  'rb:bg-[rgba(255,93,52,0.08)] rb:text-[#FF5D34]': (item.status && item.status !== 'completed') || (errorDesc && item.role === 'assistant' && item.content === null && !renderRuntime),
                   // Assistant message style
-                  'rb:bg-[rgba(21,94,239,0.08)] rb:border-[rgba(21,94,239,0.30)]': item.role === 'user',
+                  'rb:bg-[#E3EBFD]': item.role === 'user',
                   // User message style
-                  'rb:bg-[#FFFFFF] rb:border-[#EBEBEB]': item.role === 'assistant' && (item.content || item.content === '' || typeof renderRuntime === 'function'),
+                  'rb:bg-[#F6F6F6] rb:text-[#212332]': item.role === 'assistant' && (item.content || item.content === '' || typeof renderRuntime === 'function'),
+                  'rb:mt-1.5': labelPosition === 'top',
+                  'rb:mb-1.5': labelPosition === 'bottom',
                 })}>
+                  {item.status && <div className="rb:size-5 rb:bg-cover rb:bg-[url('@/assets/images/conversation/exclamation_circle.svg')] rb:absolute rb:-left-7"></div>}
                   {item.subContent && renderRuntime && renderRuntime(item, index)}
                   {/* Render message content using Markdown component */}
                   <Markdown content={renderRuntime ? item.content ?? '' : item.content ?? errorDesc ?? ''} />
 
+                  {item.meta_data?.suggested_questions && item.meta_data?.suggested_questions?.length > 0 && <Flex wrap className="rb:my-1!">
+                    {item.meta_data?.suggested_questions?.map((question, idx) => (
+                      <Button key={idx} size="small" className="rb:text-[12px]! rb:text-[#155EEF]!"
+                        onClick={() => onSend?.(question)}
+                      >{question}</Button>
+                    ))}
+                  </Flex>}
+                  {item.meta_data?.citations && item.meta_data?.citations.length > 0 && <div className="rb:mt-2 rb:pt-2 rb:border-t rb:border-[#E3EBFD]">
+                    <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-medium">{t('memoryConversation.citations')}</div>
+                    {item.meta_data?.citations?.map((citation, idx) => (
+                      <Button
+                        type="link"
+                        key={idx}
+                        size="small"
+                        className="rb:text-[12px]!"
+                        onClick={() => {
+                          const params = new URLSearchParams({ documentId: citation.document_id, parentId: citation.knowledge_id });
+                          window.open(`/#/knowledge-base/${citation.knowledge_id}/DocumentDetails?${params}`, '_blank');
+                        }}
+                      >{citation.file_name}</Button>
+                    ))}
+                  </div>}
                   {item.meta_data?.audio_url && <>
                     <Divider className="rb:my-3!" />
                     <Space size={12} className="rb:pb-2 rb:pl-1">
-                      {playingIndex !== index
-                        ? <SoundOutlined className="rb:cursor-pointer rb:hover:text-[#155EEF]! rb:size-5.5" onClick={() => handlePlay(index, item.meta_data?.audio_url!)} />
+                      {playingIndex !== item.meta_data?.audio_url && item.meta_data?.audio_status === 'pending'
+                        ? <Spin />
+                        : playingIndex !== item.meta_data?.audio_url
+                        ? <SoundOutlined className={clsx("rb:cursor-pointer rb:size-5.5", {
+                          'rb:text-[#FF5D34]': item.meta_data?.audio_status === 'error',
+                          'rb:hover:text-[#155EEF]!': !item.meta_data?.audio_status || !['pending', 'error'].includes(item.meta_data?.audio_status)
+                        })} onClick={() => handlePlay(item.meta_data?.audio_url!, item.meta_data?.audio_status)} />
                         : <div
                             className="rb:size-5.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/audio_ing.gif')]"
-                            onClick={() => handlePlay(index, item.meta_data?.audio_url!)}
+                            onClick={() => handlePlay(item.meta_data?.audio_url!, item.meta_data?.audio_status)}
                           />
                       }
                     </Space>
@@ -189,7 +225,7 @@ const ChatContent: FC<ChatContentProps> = ({
                 </div>
                 {/* Bottom label (such as timestamp, username, etc.) */}
                 {labelPosition === 'bottom' &&
-                  <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:font-regular rb:mt-2">
+                  <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:font-regular">
                     {labelFormat(item)}
                   </div>
                 }
diff --git a/web/src/components/Chat/ChatInput.tsx b/web/src/components/Chat/ChatInput.tsx
index aa0dd2f6..6495ff06 100644
--- a/web/src/components/Chat/ChatInput.tsx
+++ b/web/src/components/Chat/ChatInput.tsx
@@ -2,15 +2,12 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-10 16:46:14 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 18:44:51
+ * @Last Modified time: 2026-03-23 17:46:25
  */
-import { type FC, useEffect, useMemo } from 'react'
-import { Flex, Input, Form, Spin } from 'antd'
+import { type FC, useEffect, useMemo, useState } from 'react'
+import { Flex, Input, Spin } from 'antd'
 import clsx from 'clsx'
 
-import SendIcon from '@/assets/images/conversation/send.svg'
-import SendDisabledIcon from '@/assets/images/conversation/sendDisabled.svg'
-import LoadingIcon from '@/assets/images/conversation/loading.svg'
 import type { ChatInputProps } from './types'
 
 /**
@@ -27,37 +24,27 @@ const ChatInput: FC<ChatInputProps> = ({
   className = '',
   onChange
 }) => {
-  const [form] = Form.useForm()
-  const values = Form.useWatch([], form)
-  // Monitor form value changes to control send button state
+  const [inputValue, setInputValue] = useState('')
+  const [isFocus, setIsFocus] = useState(false)
 
-  // Clear form when external message is empty
+  // Clear input when external message is cleared
   useEffect(() => {
-    if (!message) {
-      form.setFieldsValue({
-        message: undefined,
-      })
-    }
-  }, [form, message])
-  
+    if (!message) setInputValue('')
+  }, [message])
+
   // Clear input when loading
   useEffect(() => {
-    if (loading) {
-      form.setFieldsValue({
-        message: undefined,
-      })
-    }
+    if (loading) setInputValue('')
   }, [loading])
 
-
   const handleDelete = (file: any) => {
     fileChange?.(fileList?.filter(item => {
       return item.thumbUrl && file.thumbUrl ? item.thumbUrl !== file.thumbUrl
         : item.url && file.url ? item.url !== file.url
-        : item.uid !== file.uid
+          : item.uid !== file.uid
     }) || [])
   }
-  // Convert file object to preview URL
+
   const previewFileList = useMemo(() => {
     return fileList?.map(file => ({
       ...file,
@@ -66,24 +53,27 @@ const ChatInput: FC<ChatInputProps> = ({
   }, [fileList])
 
   const handleSend = () => {
-    if (loading || !values || !values?.message || values?.message?.trim() === '') return
-    onSend(values.message)
+    if (loading || !inputValue || inputValue.trim() === '') return
+    onSend(inputValue)
   }
 
-  console.log('previewFileList', previewFileList)
+  const canSend = !loading && inputValue.trim() !== ''
 
   return (
     <div className={`rb:absolute rb:bottom-3 rb:left-0 rb:right-0 rb:w-full ${className}`}>
-      <Flex vertical justify="space-between" className="rb:border rb:border-[#DFE4ED] rb:rounded-xl rb:min-h-30">
-        {previewFileList.length > 0 && <div className="rb:overflow-x-auto rb:max-w-full"><Flex gap={14} className="rb:mx-3! rb:mt-3! rb:w-max!">
+      <Flex gap={0} vertical justify="space-between" className={clsx("rb-border rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)] rb:rounded-3xl rb:min-h-30", {
+        ' rb:border-[#171719]!': isFocus
+      })}>
+        {previewFileList.length > 0 && <div className="rb:overflow-x-auto rb:max-w-full">
+          <Flex gap={14} className="rb:mx-3! rb:mt-3! rb:w-max!">
           {previewFileList.map((file) => {
-            if (file.type.includes('image')) {
+            if (file.type?.includes('image')) {
               return (
                 <Spin key={`${file.url || file.uid}_${file.status}`} spinning={file.status === 'uploading'}>
-                  <div key={file.url || file.uid} className={clsx("rb:inline-block rb:group rb:relative rb:rounded-lg", {
-                    'rb:border rb:border-[#FF5D34]': file.status === 'error'
+                  <div className={clsx("rb:inline-block rb:group rb:relative rb:rounded-lg rb:bg-[#F6F6F6] rb:border rb:border-[#F6F6F6]", {
+                    'rb:border-[#FF5D34]': file.status === 'error'
                   })}>
-                    <img src={file.url} alt={file.name} className="rb:size-12! rb:rounded-lg rb:object-cover rb:cursor-pointer" />
+                    <img src={file.url} alt={file.name} className="rb:size-12! rb:rounded-lg rb:object-cover" />
                     <div
                       className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')] rb:hover:bg-[url('@/assets/images/conversation/delete_hover.svg')]"
                       onClick={() => handleDelete(file)}
@@ -92,30 +82,30 @@ const ChatInput: FC<ChatInputProps> = ({
                 </Spin>
               )
             }
-            if (file.type.includes('video')) {
+            if (file.type?.includes('video')) {
               return (
                 <Spin key={`${file.url || file.uid}_${file.status}`} spinning={file.status === 'uploading'}>
-                  <div key={file.url || file.uid} className={clsx("rb:w-45 rb:h-16 rb:inline-block rb:group rb:relative rb:rounded-lg", {
-                    'rb:border rb:border-[#FF5D34]': file.status === 'error'
+                  <div className={clsx("rb:w-45 rb:h-12 rb:inline-block rb:group rb:relative rb:rounded-lg rb:border rb:border-[#F6F6F6]", {
+                    'rb:border-[#FF5D34]': file.status === 'error'
                   })}>
-                    <video src={file.url} controls className="rb:w-45 rb:h-15.5 rb:rounded-lg rb:object-cover rb:cursor-pointer" />
+                    <video src={file.url} controls className="rb:w-45 rb:h-12 rb:rounded-lg rb:object-cover" />
                     <div
-                      className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')] rb:hover:bg-[url('@/assets/images/conversation/delete_hover.svg')]"
+                      className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')]"
                       onClick={() => handleDelete(file)}
                     ></div>
                   </div>
                 </Spin>
               )
             }
-            if (file.type.includes('audio')) {
+            if (file.type?.includes('audio')) {
               return (
                 <Spin key={`${file.url || file.uid}_${file.status}`} spinning={file.status === 'uploading'}>
-                  <div key={file.url || file.uid} className={clsx("rb:w-45 rb:h-16 rb:inline-flex rb:items-center rb:group rb:relative rb:rounded-lg rb:bg-[#F0F3F8] rb:py-2 rb:px-2.5 rb:gap-2", {
-                    'rb:border rb:border-[#FF5D34]': file.status === 'error'
+                  <div className={clsx("rb:w-45 rb:h-12rb:inline-flex rb:items-center rb:group rb:relative rb:rounded-lg rb:bg-[#F6F6F6] rb:py-2 rb:px-2.5 rb:gap-2 rb:border rb:border-[#F6F6F6]", {
+                    'rb:border-[#FF5D34]': file.status === 'error'
                   })}>
-                    <audio src={file.url} controls className="rb:w-45 rb:h-15.5" />
+                    <audio src={file.url} controls className="rb:w-45 rb:h-12" />
                     <div
-                      className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')] rb:hover:bg-[url('@/assets/images/conversation/delete_hover.svg')]"
+                      className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')]"
                       onClick={() => handleDelete(file)}
                     ></div>
                   </div>
@@ -124,68 +114,86 @@ const ChatInput: FC<ChatInputProps> = ({
             }
             return (
               <Spin key={`${file.url || file.uid}_${file.status}`} spinning={file.status === 'uploading'}>
-                <div key={file.url || file.uid} className={clsx("rb:w-45 rb:text-[12px] rb:gap-2.5 rb:flex rb:items-center rb:group rb:relative rb:rounded-lg rb:bg-[#F0F3F8] rb:py-2 rb:px-2.5", {
-                  'rb:border rb:border-[#FF5D34]': file.status === 'error'
+                <Flex
+                  align="center"
+                  gap={10}
+                  className={clsx("rb:w-45 rb:text-[12px] rb:group rb:relative rb:rounded-lg rb:bg-[#F6F6F6] rb:py-2! rb:px-2.5! rb:border rb:border-[#F6F6F6]", {
+                  'rb:border-[#FF5D34]': file.status === 'error'
                 })}>
-                  {file.type.includes('pdf')
-                    ? <div
-                      className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/pdf_disabled.svg')] rb:hover:bg-[url('@/assets/images/conversation/pdf.svg')]"
-                    ></div>
-                    : (file.type.includes('excel') || file.type.includes('spreadsheetml.sheet') || file.type.includes('csv'))
-                    ? <div
-                      className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/excel_disabled.svg')] rb:hover:bg-[url('@/assets/images/conversation/excel.svg')]"
-                    ></div>
-                    : (file.type.includes('doc') || file.type.includes('docx') || file.type.includes('word') || file.type.includes('wordprocessingml.document'))
-                    ? <div
-                      className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/word_disabled.svg')] rb:hover:bg-[url('@/assets/images/conversation/word.svg')]"
-                    ></div>
-                    : null
-                  }
+                  <div
+                    className={clsx(
+                      "rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/pdf_disabled.svg')]",
+                      file.type?.includes('pdf')
+                        ? "rb:bg-[url('@/assets/images/file/pdf.svg')]"
+                        : (file.type?.includes('excel') || file.type?.includes('spreadsheetml.sheet'))
+                        ? "rb:bg-[url('@/assets/images/file/excel.svg')]"
+                        : file.type?.includes('csv')
+                        ? "rb:bg-[url('@/assets/images/file/csv.svg')]"
+                        : file.type?.includes('html')
+                        ? "rb:bg-[url('@/assets/images/file/html.svg')]"
+                        : file.type?.includes('json')
+                        ? "rb:bg-[url('@/assets/images/file/json.svg')]"
+                        : file.type?.includes('ppt')
+                        ? "rb:bg-[url('@/assets/images/file/ppt.svg')]"
+                        : file.type?.includes('text')
+                        ? "rb:bg-[url('@/assets/images/file/txt.svg')]"
+                        : file.type?.includes('markdown')
+                        ? "rb:bg-[url('@/assets/images/file/md.svg')]"
+                        : (file.type?.includes('doc') || file.type?.includes('docx') || file.type?.includes('word') || file.type?.includes('wordprocessingml.document'))
+                        ? "rb:bg-[url('@/assets/images/file/word.svg')]"
+                        : null
+                    )}
+                  ></div>
                   <div className="rb:flex-1 rb:w-32.5">
                     <div className="rb:leading-4 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{file.name}</div>
-                    <div className="rb:leading-3.5 rb:mt-0.5 rb:text-[#5B6167] rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{file.type} · {file.size}</div>
+                    <div className="rb:leading-3.5 rb:mt-0.5 rb:text-[#5B6167] rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{file.type?.split('/')[file.type?.split('/').length - 1]} · {file.size}</div>
                   </div>
                   <div
-                    className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')] rb:hover:bg-[url('@/assets/images/conversation/delete_hover.svg')]"
+                    className="rb:hidden rb:group-hover:block rb:absolute rb:-right-1 rb:-top-1 rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/delete.svg')]"
                     onClick={() => handleDelete(file)}
                   ></div>
-                  </div>
+                </Flex>
               </Spin>
             )
           })}
-        </Flex></div>}
-        {/* Message input form */}
-        <Form form={form} layout="vertical">
-          <Form.Item name="message" noStyle>
-            <Input.TextArea
-              className="rb:m-[10px_12px_10px_12px]! rb:p-0! rb:w-[calc(100%-24px)]! rb:flex-[1_1_auto]"
-              variant="borderless"
-              autoSize={{ minRows: 2, maxRows: 2 }}
-              onChange={(e) => onChange?.(e.target.value)}
-              onKeyDown={(e) => {
-                // Enter to send, Shift+Enter for new line
-                if (e.key === 'Enter' && !e.shiftKey && (e.target as HTMLTextAreaElement).value?.trim() !== '' && !loading) {
-                  e.preventDefault();
-                  handleSend();
-                }
-              }}
-            />
-          </Form.Item>
-        </Form>
+        </Flex>
+        </div>}
+        {/* Message input area */}
+        <Input.TextArea
+          value={inputValue}
+          className="rb:m-[10px_12px_10px_12px]! rb:p-0! rb:w-[calc(100%-24px)]! rb:flex-[1_1_auto] rb:h-15! rb:resize-none! rb:rounded-none!"
+          variant="borderless"
+          onChange={(e) => {
+            setInputValue(e.target.value)
+            onChange?.(e.target.value)
+          }}
+          onKeyDown={(e) => {
+            // Enter to send, Shift+Enter for new line
+            if (e.key === 'Enter' && !e.shiftKey && (e.target as HTMLTextAreaElement).value?.trim() !== '' && !loading) {
+              e.preventDefault();
+              handleSend();
+            }
+          }}
+          onFocus={() => setIsFocus(true)}
+          onBlur={() => setIsFocus(false)}
+        />
 
         {/* Bottom action area */}
-        <Flex align="center" justify="space-between" className="rb:m-[0_10px_10px_10px]!">
-          {/* Child component content (such as buttons) */}
+        <Flex align="center" justify="space-between" gap={8} className="rb:mx-2.5! rb:mb-2.5!">
           <div className="rb:flex-1">{children}</div>
-          <div className="rb:flex rb:items-center">
-            {/* Send button - display different icons based on state */}
-            {loading
-              ? <img src={LoadingIcon} className="rb:w-5.5 rb:h-5.5 rb:cursor-pointer" />
-              : !values || !values?.message || values?.message?.trim() === ''
-                ? <img src={SendDisabledIcon} className="rb:w-5.5 rb:h-5.5 rb:cursor-pointer" />
-                : <img src={SendIcon} className="rb:w-5.5 rb:h-5.5 rb:cursor-pointer" onClick={handleSend} />
-            }
-          </div>
+          <Flex align="center" justify="center"
+            className={clsx('rb:size-7 rb:rounded-full rb:shadow-[0px 2px 12px 0px rgba(23,23,25,0.1)]', {
+              'rb:cursor-not-allowed rb:bg-[#F6F6F6]': !canSend,
+              'rb:cursor-pointer rb:bg-[#171719]': canSend
+            })}
+            onClick={handleSend}
+          >
+            <div className={clsx("rb:size-4 rb:bg-cover", {
+              "rb:bg-[url('@/assets/images/conversation/loading.svg')]": loading,
+              "rb:bg-[url('@/assets/images/conversation/sendDisabled.svg')]": !loading && !canSend,
+              "rb:bg-[url('@/assets/images/conversation/send.svg')]": canSend
+            })}></div>
+          </Flex>
         </Flex>
       </Flex>
     </div>
diff --git a/web/src/components/Chat/ChatToolbar.tsx b/web/src/components/Chat/ChatToolbar.tsx
index 936e7e63..c5db0c4c 100644
--- a/web/src/components/Chat/ChatToolbar.tsx
+++ b/web/src/components/Chat/ChatToolbar.tsx
@@ -2,12 +2,11 @@
  * @Author: ZhaoYing 
  * @Date: 2026-03-17 14:22:25 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 18:59:37
+ * @Last Modified time: 2026-03-27 17:54:47
  */
 // Toolbar component for chat input area, supporting file upload, audio recording, and variable configuration
 import { useRef, forwardRef, useImperativeHandle, type ReactNode, useEffect } from 'react'
-import { Flex, Dropdown, Divider, App, Form, type MenuProps } from 'antd'
-import { SettingOutlined } from '@ant-design/icons'
+import { Flex, Dropdown, Divider, App, Form, type MenuProps, Tooltip } from 'antd'
 import { useTranslation } from 'react-i18next'
 import clsx from 'clsx'
 
@@ -19,6 +18,8 @@ import type { FeaturesConfigForm } from '@/views/ApplicationConfig/types'
 import type { UploadFileListModalRef } from '@/views/Conversation/types'
 import type { VariableConfigModalRef } from '@/views/Workflow/types'
 import type { Variable } from '@/views/Workflow/components/Properties/VariableList/types'
+import { getFileInfoByUrl } from '@/api/fileStorage';
+import { transform_file_type } from '@/views/Conversation/components/FileUpload'
 
 // Exposed methods via ref for parent components to access/set form state
 export interface ChatToolbarRef {
@@ -31,7 +32,8 @@ export interface ChatToolbarRef {
 // Props for configuring toolbar features, upload settings, and event callbacks
 export interface ChatToolbarProps {
   features: FeaturesConfigForm
-  extra?: ReactNode
+  leftExtra?: ReactNode;
+  rightExtra?: ReactNode
   uploadAction?: string
   uploadRequestConfig?: {
     data?: Record<string, string | number | boolean>
@@ -52,7 +54,8 @@ interface FormValues {
 const max_file_count = 1;
 const ChatToolbar = forwardRef<ChatToolbarRef, ChatToolbarProps>(({
   features,
-  extra,
+  leftExtra,
+  rightExtra,
   uploadAction,
   uploadRequestConfig,
   onFilesChange,
@@ -96,8 +99,6 @@ const ChatToolbar = forwardRef<ChatToolbarRef, ChatToolbarProps>(({
     }
     form.setFieldValue('files', [...lastFiles])
     onFilesChange?.([...lastFiles])
-
-    console.log('lastFiles', lastFiles)
   }
 
   // Append recorded audio file to the file list and notify parent
@@ -111,9 +112,33 @@ const ChatToolbar = forwardRef<ChatToolbarRef, ChatToolbarProps>(({
   // Merge a batch of files (e.g. from remote URL modal) into the file list
   const addFileList = (list?: any[]) => {
     if (!list?.length) return
-    const files = [...(queryValues?.files || []), ...list]
+    const uploadingList = list.map(f => ({ ...f, status: 'uploading' }))
+    const files = [...(queryValues?.files || []), ...uploadingList]
     form.setFieldValue('files', files)
     onFilesChange?.(files)
+
+    uploadingList.forEach(file => {
+      getFileInfoByUrl(file.url)
+        .then((res) => {
+          const { file_name, file_size, content_type } = res as { file_name: string; file_size: number; content_type: string; }
+          const current: any[] = form.getFieldValue('files') || []
+          const updated = current.map(f => f.uid === file.uid ? {
+            ...f,
+            status: 'done',
+            name: file_name,
+            size: file_size,
+            type: transform_file_type[content_type] || content_type,
+           } : f)
+          form.setFieldValue('files', updated)
+          onFilesChange?.(updated)
+        })
+        .catch(() => {
+          const current: any[] = form.getFieldValue('files') || []
+          const updated = current.map(f => f.uid === file.uid ? { ...f, status: 'error' } : f)
+          form.setFieldValue('files', updated)
+          onFilesChange?.(updated)
+        })
+    })
   }
 
   // Persist variable values from the config modal and notify parent
@@ -163,28 +188,34 @@ const ChatToolbar = forwardRef<ChatToolbarRef, ChatToolbarProps>(({
   return (
     <Form form={form} initialValues={{ files: [], variables: [] }}>
       <Flex justify="space-between" className="rb:flex-1">
-        <Flex gap={8} align="center">
+        <Flex gap={8} align="center" justify="start">
           <Form.Item name="files" noStyle hidden={!file_upload?.enabled || fileMenus.length === 0}>
             <Dropdown menu={{ items: fileMenus }}>
-              <div className="rb:size-6 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/conversation/link.svg')] rb:hover:bg-[url('@/assets/images/conversation/link_hover.svg')]" />
+              <Flex justify="center" align="center" className="rb:size-7 rb-border rb:cursor-pointer rb:hover:bg-[#F6F6F6] rb:rounded-full rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)]">
+                <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/conversation/link.svg')]" />
+              </Flex>
             </Dropdown>
           </Form.Item>
-          {extra}
+
+          {leftExtra}
           <Form.Item name="variables" className="rb:mb-0!" hidden={queryValues?.variables?.length < 1}>
-            <div
-              className={clsx('rb:flex rb:items-center rb:border rb:rounded-lg rb:px-2 rb:text-[12px] rb:h-6 rb:cursor-pointer rb:hover:bg-[#F0F3F8] rb:text-[#212332]', {
-                'rb:border-[#FF5D34] rb:text-[#FF5D34]': isNeedVariableConfig,
-                'rb:border-[#DFE4ED]': !isNeedVariableConfig,
-              })}
-              onClick={() => variableConfigModalRef.current?.handleOpen(queryValues.variables)}
-            >
-              <SettingOutlined className="rb:mr-1" />
-              {t('memoryConversation.variableConfig')}
-            </div>
+            <Tooltip title={t('memoryConversation.variableConfig')}>
+              <Flex justify="center" align="center"
+                className={clsx("rb:size-7 rb:border rb:cursor-pointer rb:hover:bg-[#F6F6F6] rb:rounded-full rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)]", {
+                  'rb:border-[#FF5D34]': isNeedVariableConfig,
+                  'rb:border-[#EBEBEB]': !isNeedVariableConfig,
+                })}
+                onClick={() => variableConfigModalRef.current?.handleOpen(queryValues.variables)}
+              >
+                <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/conversation/variables.svg')]" />
+              </Flex>
+            </Tooltip>
           </Form.Item>
         </Flex>
-        {file_upload?.audio_enabled && file_upload?.allowed_transfer_methods?.includes('local_file') && (
-          <Flex align="center">
+        
+        <Flex align="center" justify="end" gap={8}>
+          {rightExtra}
+          {file_upload?.audio_enabled && file_upload?.allowed_transfer_methods?.includes('local_file')  &&
             <AudioRecorder
               disabled={(queryValues?.files?.length || 0) >= max_file_count}
               action={uploadAction}
@@ -192,9 +223,9 @@ const ChatToolbar = forwardRef<ChatToolbarRef, ChatToolbarProps>(({
               onRecordingComplete={handleRecordingComplete}
               maxSize={file_upload?.audio_max_size_mb}
             />
-            <Divider type="vertical" className="rb:ml-1.5! rb:mr-3!" />
-          </Flex>
-        )}
+          }
+          {(rightExtra || (file_upload?.audio_enabled && file_upload?.allowed_transfer_methods?.includes('local_file'))) && <Divider type="vertical" className="rb:ml-1.5! rb:mr-0! rb:h-4!" />}
+        </Flex>
       </Flex>
 
       <UploadFileListModal
diff --git a/web/src/components/Chat/index.tsx b/web/src/components/Chat/index.tsx
index 9a49b0f7..49feaf33 100644
--- a/web/src/components/Chat/index.tsx
+++ b/web/src/components/Chat/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-10 16:46:09 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-12 13:57:49
+ * @Last Modified time: 2026-03-26 13:32:46
  */
 import { type FC } from 'react'
 import ChatInput from './ChatInput'
@@ -26,10 +26,11 @@ const Chat: FC<ChatProps> = ({
   errorDesc,
   fileList,
   fileChange,
+  className,
   renderRuntime
 }) => {
   return (
-    <div className="rb:h-full rb:relative rb:pt-2">
+    <div className={`rb:h-full rb:relative rb:pt-2 ${className}`}>
       {/* Chat content display area */}
       <ChatContent
         classNames={contentClassName}
@@ -39,6 +40,7 @@ const Chat: FC<ChatProps> = ({
         labelFormat={labelFormat}
         errorDesc={errorDesc}
         renderRuntime={renderRuntime}
+        onSend={onSend}
       />
 
       {/* Chat input area */}
diff --git a/web/src/components/Chat/types.ts b/web/src/components/Chat/types.ts
index a1d0a7e1..312dbe50 100644
--- a/web/src/components/Chat/types.ts
+++ b/web/src/components/Chat/types.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-10 16:45:54 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 20:47:42
+ * @Last Modified time: 2026-03-26 12:30:51
  */
 import { type ReactNode } from 'react'
 
@@ -25,7 +25,15 @@ export interface ChatItem {
   error?: string;
   meta_data?: {
     audio_url?: string;
+    audio_status?: string;
     files?: any[];
+    suggested_questions?: string[];
+    citations?: {
+      document_id: string;
+      file_name: string;
+      knowledge_id: string;
+      score: string;
+    }[]
   },
 }
 
@@ -56,6 +64,7 @@ export interface ChatProps {
   fileList?: any[];
   /** Attachment update */
   fileChange?: (fileList: any[]) => void;
+  className?: string;
   renderRuntime?: (item: ChatItem, index: number) => ReactNode;
 }
 
@@ -99,4 +108,6 @@ export interface ChatContentProps {
   labelFormat: (item: ChatItem) => any;
   errorDesc?: string;
   renderRuntime?: (item: ChatItem, index: number) => ReactNode;
+  /** Send message callback */
+  onSend?: (msg: string) => void;
 }
\ No newline at end of file
diff --git a/web/src/components/CustomSelect/index.tsx b/web/src/components/CustomSelect/index.tsx
index ea5ca718..c2de26ac 100644
--- a/web/src/components/CustomSelect/index.tsx
+++ b/web/src/components/CustomSelect/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:02:17 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-02 15:46:29
+ * @Last Modified time: 2026-03-04 14:43:42
  */
 /**
  * CustomSelect - A select component that fetches options from an API
@@ -13,7 +13,7 @@
  * @component
  */
 
-import { useEffect, useState, useMemo, type FC, type Key } from 'react';
+import { useEffect, useState, useMemo, type FC } from 'react';
 import { Select } from 'antd';
 import type { SelectProps, DefaultOptionType } from 'antd/es/select';
 import { useTranslation } from 'react-i18next';
@@ -22,7 +22,7 @@ import { request } from '@/utils/request';
 
 // Generic option type for API response data
 interface OptionType {
-  [key: string]: Key | string | number;
+  [key: string]: any;
 }
 
 // API response structure
@@ -104,7 +104,7 @@ const CustomSelect: FC<CustomSelectProps> = ({
       {/* Render options from API data */}
       {displayOptions.map((option) => (
         <Select.Option key={option[valueKey]} value={option[valueKey]}>
-          {String(option[labelKey])}
+          {option[labelKey]}
         </Select.Option>
       ))}
     </Select>
diff --git a/web/src/components/D3Graph/CommunityGraph.tsx b/web/src/components/D3Graph/CommunityGraph.tsx
index 549d69f3..41ebc83a 100644
--- a/web/src/components/D3Graph/CommunityGraph.tsx
+++ b/web/src/components/D3Graph/CommunityGraph.tsx
@@ -1,8 +1,15 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-13 15:17:06 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-24 12:19:57 
+ */
 import React, { useState, useRef, useMemo, useEffect, type FC } from 'react'
-import Empty from '@/components/Empty'
+
 import { GRAPH_COLORS, initCommunityGraph } from './utils'
 import { useD3Graph } from './hooks'
 import type { CommunityD3Node, D3Link, CommunityGraphProps } from './types'
+import PageEmpty from '@/components/Empty/PageEmpty'
 
 // ─── Component ────────────────────────────────────────────────────────────────
 // Renders a D3-powered community graph with optional tooltip and legend.
@@ -51,7 +58,7 @@ const CommunityGraph: FC<CommunityGraphProps> = ({
     ? renderTooltipRef.current(tooltip.node)
     : null
 
-  if (isEmpty) return <Empty className="rb:h-full" />
+  if (isEmpty) return <PageEmpty className="rb:h-full" />
   return (
     <div className="rb:w-full rb:h-full rb:relative">
       <div ref={containerRef} className="rb:w-full rb:h-full" />
diff --git a/web/src/components/D3Graph/utils.ts b/web/src/components/D3Graph/utils.ts
index 87d888ac..d3919142 100644
--- a/web/src/components/D3Graph/utils.ts
+++ b/web/src/components/D3Graph/utils.ts
@@ -3,7 +3,7 @@ import type { CommunityD3Node, D3Link, HullDatum, CommunityGraphData, RawCommuni
 
 // ─── Colors ───────────────────────────────────────────────────────────────────
 
-export const GRAPH_COLORS = ['#155EEF', '#369F21', '#4DA8FF', '#FF5D34', '#9C6FFF', '#FF8A4C', '#8BAEF7', '#FFB048']
+export const GRAPH_COLORS = ['#171719', '#155EEF', '#369F21', '#4DA8FF', '#FF5D34', '#9C6FFF', '#FF8A4C', '#8BAEF7', '#FFB048']
 export const colorAt = (i: number) => GRAPH_COLORS[i % GRAPH_COLORS.length]
 
 export function connectionToRadius(connections: number): number {
@@ -45,13 +45,13 @@ export function addZoom(
 
 // ─── Node drag ────────────────────────────────────────────────────────────────
 
-export function makeNodeDrag<N extends d3.SimulationNodeDatum>(
-  simulation: d3.Simulation<N, d3.SimulationLinkDatum<N>>
+export function makeNodeDrag<N extends d3.SimulationNodeDatum & { x?: number; y?: number }>(
+  simulation: d3.Simulation<N, d3.SimulationLinkDatum<N>>,
 ) {
   return d3.drag<SVGGElement, N>()
-    .on('start', (e, d) => { if (!e.active) simulation.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y })
-    .on('drag', (e, d) => { d.fx = e.x; d.fy = e.y })
-    .on('end', (e, d) => { if (!e.active) simulation.alphaTarget(0); d.fx = e.x; d.fy = e.y })
+    .on('start', (e, d) => { d.fx = d.x; d.fy = d.y })
+    .on('drag', (e, d) => { d.fx = e.x; d.fy = e.y; d.x = e.x; d.y = e.y; simulation.alpha(0).restart() })
+    .on('end', (e, d) => { d.fx = e.x; d.fy = e.y })
 }
 
 // ─── Cluster force ────────────────────────────────────────────────────────────
@@ -241,12 +241,14 @@ export function buildHullData(
     const color = getColor(ci++)
     if (!pts.length) return
     let pathPoints: [number, number][]
+    const pad = Math.min(40, 15 + pts.length * 3)
     if (pts.length < CIRCLE_THRESHOLD) {
       const cx = pts.reduce((s, p) => s + p[0], 0) / pts.length
       const cy = pts.reduce((s, p) => s + p[1], 0) / pts.length
-      pathPoints = circlePoints(cx, cy, 60)
+      const maxDist = Math.max(0, ...pts.map(([x, y]) => Math.sqrt((x - cx) ** 2 + (y - cy) ** 2)))
+      pathPoints = circlePoints(cx, cy, maxDist + pad)
     } else {
-      pathPoints = expandPoints(toHullPoints(pts), 60) as [number, number][]
+      pathPoints = expandPoints(toHullPoints(pts), pad) as [number, number][]
     }
     const path = smoothLine(pathPoints)
     if (!path) return
@@ -276,7 +278,6 @@ export function renderHulls(
   let dragStart = { x: 0, y: 0 }
   const communityDrag = d3.drag<SVGPathElement, HullDatum>()
     .on('start', (event, d) => {
-      if (!event.active) simulation.alphaTarget(0.3).restart()
       dragNodes = nodes.filter(n => n.community === d.id)
       dragStart = { x: event.x, y: event.y }
       dragNodes.forEach(n => { n.fx = n.x; n.fy = n.y })
@@ -284,9 +285,13 @@ export function renderHulls(
     .on('drag', (event) => {
       const dx = event.x - dragStart.x, dy = event.y - dragStart.y
       dragStart = { x: event.x, y: event.y }
-      dragNodes.forEach(n => { n.fx = (n.fx ?? n.x ?? 0) + dx; n.fy = (n.fy ?? n.y ?? 0) + dy })
+      dragNodes.forEach(n => {
+        n.fx = (n.fx ?? n.x ?? 0) + dx; n.fy = (n.fy ?? n.y ?? 0) + dy
+        n.x = n.fx; n.y = n.fy
+      })
+      simulation.alpha(0).restart()
     })
-    .on('end', (event) => { if (!event.active) simulation.alphaTarget(0) })
+    .on('end', () => { dragNodes = [] })
 
   const pathSel = hullG.selectAll<SVGPathElement, HullDatum>('path.hull').data(hulls, d => d.id)
   pathSel.enter().append('path').attr('class', 'hull').style('cursor', 'grab')
@@ -336,7 +341,6 @@ export function initCommunityGraph(
   const svg = d3.select(container).append('svg')
     .attr('width', width).attr('height', height)
     .style('width', '100%').style('height', '100%')
-    .style('background', '#F6F8FC')
 
   const g = svg.append('g')
 
@@ -375,6 +379,21 @@ export function initCommunityGraph(
         d.vy = (d.vy ?? 0) + (c.y - (d.y ?? 0)) * 0.4 * alpha
       })
     })
+    .force('cohesion', (alpha: number) => {
+      const centroids = new Map<string, { x: number; y: number; n: number }>()
+      nodes.forEach(d => {
+        const c = centroids.get(d.community)
+        if (c) { c.x += d.x ?? 0; c.y += d.y ?? 0; c.n++ }
+        else centroids.set(d.community, { x: d.x ?? 0, y: d.y ?? 0, n: 1 })
+      })
+      centroids.forEach(c => { c.x /= c.n; c.y /= c.n })
+      nodes.forEach(d => {
+        const c = centroids.get(d.community)
+        if (!c || c.n < 2) return
+        d.vx = (d.vx ?? 0) + (c.x - (d.x ?? 0)) * 0.15 * alpha
+        d.vy = (d.vy ?? 0) + (c.y - (d.y ?? 0)) * 0.15 * alpha
+      })
+    })
 
   const hullG = g.append('g').attr('class', 'hulls')
   const hiddenCommunities = new Set<string>()
diff --git a/web/src/components/Empty/BodyWrapper.tsx b/web/src/components/Empty/BodyWrapper.tsx
index 22bd226a..5d23b55c 100644
--- a/web/src/components/Empty/BodyWrapper.tsx
+++ b/web/src/components/Empty/BodyWrapper.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:02:47 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-02 15:47:24
+ * @Last Modified time: 2026-03-26 14:58:24
  */
 /**
  * BodyWrapper Component
@@ -24,16 +24,17 @@ interface BodyWrapperProps {
   /** Whether to show loading state */
   loading?: boolean
   /** Whether the content is empty */
-  empty: boolean
+  empty: boolean;
+  className?: string;
 }
-const BodyWrapper: FC<BodyWrapperProps> = ({ children, loading = false, empty }) => {
+const BodyWrapper: FC<BodyWrapperProps> = ({ children, loading = false, empty, className = 'rb:max-h-[calc(100%-48px)]!' }) => {
   // Show loading spinner while data is being fetched
   if (loading) {
-    return <PageLoading />
+    return <PageLoading className={className} />
   }
   // Show empty state when no data is available
   if (!loading && empty) {
-    return <PageEmpty />
+    return <PageEmpty className={className} />
   }
   // Render actual content when data is loaded and available
   return children
diff --git a/web/src/components/Empty/PageEmpty.tsx b/web/src/components/Empty/PageEmpty.tsx
index c54b47d1..d2899f3f 100644
--- a/web/src/components/Empty/PageEmpty.tsx
+++ b/web/src/components/Empty/PageEmpty.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:04:18 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-02 15:49:01
+ * @Last Modified time: 2026-02-09 13:50:04
  */
 /**
  * PageEmpty Component
@@ -22,7 +22,7 @@ import Empty from './index'
 /**
  * @param size - Icon size in pixels - single number or [width, height] array (default: [240, 210])
  */
-const PageEmpty: FC<{ size?: number | number[] }> = ({ size = [240, 210] }) => {
+const PageEmpty: FC<{ size?: number | number[]; className?: string; }> = ({ size = [240, 210], className = '' }) => {
   const { t } = useTranslation()
   return (
     <Empty
@@ -30,7 +30,7 @@ const PageEmpty: FC<{ size?: number | number[] }> = ({ size = [240, 210] }) => {
       title={t('empty.pageEmpty')}
       subTitle={t('empty.pageEmptyDesc')}
       size={size}
-      className="rb:h-full"
+      className={`rb:h-full ${className}`}
     />
   )
 }
diff --git a/web/src/components/Empty/PageLoading.tsx b/web/src/components/Empty/PageLoading.tsx
index 5f146bf6..eaa68ff7 100644
--- a/web/src/components/Empty/PageLoading.tsx
+++ b/web/src/components/Empty/PageLoading.tsx
@@ -22,7 +22,7 @@ import Empty from './index'
 /**
  * @param size - Icon size in pixels - single number or [width, height] array (default: [240, 210])
  */
-const PageLoading: FC<{ size?: number | number[] }> = ({ size = [240, 210] }) => {
+const PageLoading: FC<{ size?: number | number[]; className?: string; }> = ({ size = [240, 210], className = '' }) => {
   const { t } = useTranslation()
   return (
     <Empty
@@ -30,7 +30,7 @@ const PageLoading: FC<{ size?: number | number[] }> = ({ size = [240, 210] }) =>
       title={t('empty.loadingEmpty')}
       subTitle={t('empty.loadingEmptyDesc')}
       size={size}
-      className="rb:h-full"
+      className={`rb:h-full ${className}`}
     />
   )
 }
diff --git a/web/src/components/Empty/index.tsx b/web/src/components/Empty/index.tsx
index 48bfa33c..ed30ccdb 100644
--- a/web/src/components/Empty/index.tsx
+++ b/web/src/components/Empty/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:03:25 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-25 11:14:25
+ * @Last Modified time: 2026-03-04 14:02:53
  */
 /**
  * Empty Component
@@ -15,6 +15,7 @@
 
 import { type FC, type ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Flex } from 'antd';
 
 import emptyIcon from '@/assets/images/empty/empty.svg';
 
@@ -48,14 +49,19 @@ const  Empty: FC<EmptyProps> = ({
   // Use custom subtitle or default translation if subtitle is needed
   const curSubTitle = isNeedSubTitle ? (subTitle || t('empty.tableEmpty')) : null;
   return (
-    <div className={`rb:flex rb:items-center rb:justify-center rb:flex-col ${className}`}>
+    <Flex 
+      align="center"
+      justify="center"
+      vertical
+      className={className}
+    >
       {/* Empty state icon */}
       <img src={url || emptyIcon} alt="404" style={{ width: `${width}px`, height: `${height}px` }} />
       {/* Optional title */}
-      {title && <div className="rb:mt-2 rb:leading-5">{title}</div>}
+      {title && <div className="rb:mt-2 rb:leading-5 rb:text-[#212332]">{title}</div>}
       {/* Optional subtitle with conditional styling */}
-      {curSubTitle && <div className={`rb:mt-[${url ? 8 : 5}px] rb:leading-4 rb:text-[12px] rb:text-[#A8A9AA]`}>{curSubTitle}</div>}
-    </div>
+      {curSubTitle && <div className={`rb:mt-[${url ? 8 : 5}px] rb:leading-4 rb:text-[12px] rb:text-[#5B6167]`}>{curSubTitle}</div>}
+    </Flex>
   );
 }
 export default Empty;
\ No newline at end of file
diff --git a/web/src/components/FormItem/SwitchFormItem.tsx b/web/src/components/FormItem/SwitchFormItem.tsx
index 8ac52f98..44be6089 100644
--- a/web/src/components/FormItem/SwitchFormItem.tsx
+++ b/web/src/components/FormItem/SwitchFormItem.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:06:24 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-02 15:50:49
+ * @Last Modified time: 2026-02-25 14:52:52
  */
 /**
  * SwitchFormItem Component
@@ -13,7 +13,7 @@
  * @component
  */
 
-import { Switch, Form } from "antd";
+import { Switch, Form, Flex } from "antd";
 import type { FC, ReactNode } from "react";
 
 import LabelWrapper from './LabelWrapper'
@@ -43,10 +43,14 @@ const SwitchFormItem: FC<SwitchFormItemProps> = ({
   disabled
 }) => {
   return (
-    <div className={`${className} rb:flex rb:items-center rb:justify-between`}>
+    <Flex
+      align="center"
+      justify="space-between"
+      className={className}
+    >
       {/* Label and description section */}
       <LabelWrapper title={title}>
-        {desc && <DescWrapper desc={desc} className="rb:mt-2" />}
+        {desc && <DescWrapper desc={desc} className="rb:mt-1" />}
       </LabelWrapper>
       {/* Switch control */}
       <Form.Item
@@ -56,7 +60,7 @@ const SwitchFormItem: FC<SwitchFormItemProps> = ({
       >
         <Switch disabled={disabled} size={size} />
       </Form.Item>
-    </div>
+    </Flex>
   )
 }
 
diff --git a/web/src/components/Header/UserInfoModal.tsx b/web/src/components/Header/UserInfoModal.tsx
index 94a4db7c..25006060 100644
--- a/web/src/components/Header/UserInfoModal.tsx
+++ b/web/src/components/Header/UserInfoModal.tsx
@@ -15,7 +15,7 @@
  */
 
 import { forwardRef, useImperativeHandle, useState, useRef } from 'react';
-import { Button, Space } from 'antd';
+import { Button, Flex, Space } from 'antd';
 import { UnlockOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
 
@@ -79,49 +79,67 @@ const UserInfoModal = forwardRef<UserInfoModalRef>((_props, ref) => {
       footer={null}
     >
       {/* Basic Information Section */}
-      <div className="rb:text-[#5B6167] rb:font-medium">{t('header.basicInfo')}</div>
-
-      {/* Username */}
-      <div className="rb:flex rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3 rb:mt-3">
-        <span className="rb:whitespace-nowrap">{t('user.username')}</span>
-        <span className="rb:text-[#212332]">{user.username}</span>
-      </div>
-      {/* Email */}
-      <div className="rb:flex rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3">
-        <span className="rb:whitespace-nowrap">{t('user.email')}</span>
-        <Space size={8} className="rb:text-[#212332]">
-          {user.email}
-          <div
-            className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]"
-            onClick={handleEditEmail}
-          ></div>
-        </Space>
-      </div>
-      {/* Role */}
-      <div className="rb:flex rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3">
-        <span className="rb:whitespace-nowrap">{t('user.role')}</span>
-        <span className="rb:text-[#212332]">{user.is_superuser ? t('user.superuser') : t('user.normalUser')}</span>
-      </div>
-      {/* Created Date */}
-      <div className="rb:flex rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3">
-        <span className="rb:whitespace-nowrap">{t('user.createdAt')}</span>
-        <span className="rb:text-[#212332]">{formatDateTime(user.created_at, 'YYYY-MM-DD HH:mm:ss')}</span>
-      </div>
+      <Flex vertical gap={12}>
+        <div className="rb:text-[#5B6167] rb:font-medium">{t('header.basicInfo')}</div>
+        {/* Username */}
+        <Flex
+          justify="space-between"
+          className="rb:text-[#5B6167] rb:leading-5"
+        >
+          <span className="rb:whitespace-nowrap">{t('user.username')}</span>
+          <span className="rb:text-[#212332]">{user.username}</span>
+        </Flex>
+        {/* Email */}
+        <Flex
+          justify="space-between"
+          className="rb:text-[#5B6167] rb:leading-5"
+        >
+          <span className="rb:whitespace-nowrap">{t('user.email')}</span>
+          <Space size={8} className="rb:text-[#212332]">
+            {user.email}
+            <div
+              className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]"
+              onClick={handleEditEmail}
+            ></div>
+          </Space>
+        </Flex>
+        {/* Role */}
+        <Flex
+          justify="space-between"
+          className="rb:text-[#5B6167] rb:leading-5"
+        >
+          <span className="rb:whitespace-nowrap">{t('user.role')}</span>
+          <span className="rb:text-[#212332]">{user.is_superuser ? t('user.superuser') : t('user.normalUser')}</span>
+        </Flex>
+        {/* Created Date */}
+        <Flex
+          justify="space-between"
+          className="rb:text-[#5B6167] rb:leading-5"
+        >
+          <span className="rb:whitespace-nowrap">{t('user.createdAt')}</span>
+          <span className="rb:text-[#212332]">{formatDateTime(user.created_at, 'YYYY-MM-DD HH:mm:ss')}</span>
+        </Flex>
+      </Flex>
       
       {/* Security Settings Section */}
-      <div className="rb:text-[#5B6167] rb:font-medium rb:mt-6">{t('header.securitySettings')}</div>
+      <div className="rb:text-[#5B6167] rb:font-medium rb:mt-6 rb:mb-3">{t('header.securitySettings')}</div>
 
       {/* Password Change Card */}
-       <div className="rb:mt-3 rb:bg-[#F0F3F8] rb:p-[10px_12px] rb:rounded-md rb:flex rb:items-center rb:justify-between rb:gap-2">
-        <div className="rb:flex rb:items-center rb:gap-3">
+      <Flex
+        align="center"
+        justify="space-between"
+        gap={8}
+        className="rb:bg-[#F0F3F8] rb:px-3! rb:py-2.5! rb:rounded-md"
+      >
+        <Flex align="center" gap={12}>
           <UnlockOutlined className="rb:text-[24px]" />
           <div>
             <div className="rb:leading-5">{t('header.changePassword')}</div>
             <div className="rb:text-[#5B6167] rb:text-[12px] rb:mt-1 rb:leading-4">{t('header.changePasswordDesc')}</div>
           </div>
-        </div>
+        </Flex>
         <Button onClick={() => resetPasswordModalRef.current?.handleOpen(user)}>{t('common.change')}</Button>
-      </div>
+      </Flex>
 
       <ResetPasswordModal
         ref={resetPasswordModalRef}
diff --git a/web/src/components/Header/index.module.css b/web/src/components/Header/index.module.css
index edf0b38b..ca7c79cf 100644
--- a/web/src/components/Header/index.module.css
+++ b/web/src/components/Header/index.module.css
@@ -1,13 +1,10 @@
 .header {
-  width: 100%;
   display: flex;
+  align-items: center;
   justify-content: space-between;
-  padding: 16px 46px 16px 21px;
-  height: 64px;
-  border-bottom: 1px solid #EAECEE;
+  padding: 16px 24px 16px 20px;
   color: #212332;
   z-index: 0;
-  line-height: 32px;
   font-size: 14px;
 }
 .title {
@@ -17,4 +14,14 @@
 }
 .header :global(.ant-breadcrumb) {
   line-height: 31px;
+}
+.header :global(.ant-breadcrumb .ant-breadcrumb-item a) {
+  height: inherit;
+  color: #5B6167;
+  font-weight: normal;
+}
+.header :global(.ant-breadcrumb .ant-breadcrumb-separator:nth-last-child(2)),
+.header :global(.ant-breadcrumb .ant-breadcrumb-item:last-child a) {
+  color: #212332;
+  font-weight: 600;
 }
\ No newline at end of file
diff --git a/web/src/components/Header/index.tsx b/web/src/components/Header/index.tsx
index b58f157b..7a5d17b9 100644
--- a/web/src/components/Header/index.tsx
+++ b/web/src/components/Header/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:07:49 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:07:49 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-05 13:43:59
  */
 /**
  * AppHeader Component
@@ -121,7 +121,7 @@ const AppHeader: FC<{source?: 'space' | 'manage';}> = ({source = 'manage'}) => {
    * - Disables navigation for the last breadcrumb item
    */
   const formatBreadcrumbNames = () => {
-    return breadcrumbs.map((menu, index) => {
+    return breadcrumbs.filter(item => item.type !== 'group').map((menu, index) => {
       const item: any = {
         title: menu.i18nKey ? t(menu.i18nKey) : menu.label,
       };
@@ -150,14 +150,14 @@ const AppHeader: FC<{source?: 'space' | 'manage';}> = ({source = 'manage'}) => {
   return (
     <Header className={styles.header}>
       {/* Breadcrumb navigation */}
-      <Breadcrumb separator=">" items={formatBreadcrumbNames() as BreadcrumbProps['items']} />
+      <Breadcrumb separator="<" items={formatBreadcrumbNames() as BreadcrumbProps['items']} className="rb:font-medium!" />
       {/* User info dropdown menu */}
       <Dropdown
         menu={{
           items: userMenuItems
         }}
       >
-        <div className="rb:cursor-pointer">{user.username}</div>
+        <div className="rb:cursor-pointer rb:font-medium">{user.username}</div>
       </Dropdown>
       <SettingModal
         ref={settingModalRef}
diff --git a/web/src/components/Layout/AuthLayout.tsx b/web/src/components/Layout/AuthLayout.tsx
index 356f4678..d71bf147 100644
--- a/web/src/components/Layout/AuthLayout.tsx
+++ b/web/src/components/Layout/AuthLayout.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:11:02 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:11:02 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:01:02
  */
 /**
  * AuthLayout Component
@@ -54,14 +54,14 @@ const AuthLayout: FC = () => {
   }, []);
 
   return (
-    <Layout style={{ minHeight: '100vh' }}>
+    <Layout className="rb:min-h-screen!">
       {/* Sidebar navigation */}
       <Sider />
-      <Layout style={{maxHeight: '100vh', width: '100vh', overflowY: 'auto' }}>
+      <Layout className="rb:max-h-screen! rb:w-screen! rb:overflow-y-auto!">
         {/* Header with breadcrumbs and user menu */}
         <AppHeader />
         {/* Main content area - renders child routes */}
-        <Content style={{ padding: '16px 17px 24px 16px', zIndex: 0 }}>
+        <Content className="rb:px-3! rb:pb-3! rb:z-0! rb:flex-1!">
           <Outlet />
         </Content> 
       </Layout>
diff --git a/web/src/components/Layout/AuthSpaceLayout.tsx b/web/src/components/Layout/AuthSpaceLayout.tsx
index d47f13f2..129f67bc 100644
--- a/web/src/components/Layout/AuthSpaceLayout.tsx
+++ b/web/src/components/Layout/AuthSpaceLayout.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:11:43 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:11:43 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:00:54
  */
 /**
  * AuthSpaceLayout Component
@@ -56,14 +56,14 @@ const AuthSpaceLayout: FC = () => {
   }, []);
 
   return (
-    <Layout style={{ minHeight: '100vh' }}>
+    <Layout className="rb:min-h-screen!">
       {/* Sidebar navigation configured for space mode */}
       <Sider source="space" />
-      <Layout style={{maxHeight: '100vh', width: '100vh', overflowY: 'auto' }}>
+      <Layout className="rb:max-h-screen! rb:w-screen! rb:overflow-y-auto!">
         {/* Header with breadcrumbs and user menu configured for space mode */}
         <AppHeader source="space" />
         {/* Main content area for knowledge base pages - renders child routes */}
-        <Content style={{ padding: '16px 17px 24px 16px', zIndex: 0, height: 'calc(100vh - 64px)', overflowY: 'auto' }}>
+        <Content className="rb:px-3! rb:pb-3! rb:z-0! rb:flex-1! rb:overflow-y-auto!">
           <Outlet />
         </Content> 
       </Layout>
diff --git a/web/src/components/Layout/BasicAuthLayout.tsx b/web/src/components/Layout/BasicAuthLayout.tsx
index f279a48b..2f40ac37 100644
--- a/web/src/components/Layout/BasicAuthLayout.tsx
+++ b/web/src/components/Layout/BasicAuthLayout.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:12:42 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-28 17:28:41
+ * @Last Modified time: 2026-03-26 15:36:25
  */
 /**
  * BasicAuthLayout Component
@@ -35,7 +35,7 @@ const BasicAuthLayout: FC = () => {
   }, [getUserInfo]);
 
   return (
-    <div className="rb:relative rb:h-full rb:w-full">
+    <div className="rb:relative rb:min-h-screen rb:w-screen">
       {/* Render child routes without additional UI */}
       <Outlet />
     </div>
diff --git a/web/src/components/Layout/BasicLayout.tsx b/web/src/components/Layout/BasicLayout.tsx
index cadcafb2..3aaa3895 100644
--- a/web/src/components/Layout/BasicLayout.tsx
+++ b/web/src/components/Layout/BasicLayout.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:12:42 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:12:42 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-24 15:07:38
  */
 /**
  * BasicLayout Component
@@ -19,6 +19,7 @@
 
 import { Outlet } from 'react-router-dom';
 import { useEffect, type FC } from 'react';
+import { Layout } from 'antd';
 
 import { useUser } from '@/store/user';
 
@@ -36,10 +37,10 @@ const BasicLayout: FC = () => {
   }, [getUserInfo, getStorageType]);
 
   return (
-    <div className="rb:relative rb:h-full rb:w-full">
+    <Layout className="rb:min-h-screen!">
       {/* Render child routes without additional UI */}
       <Outlet />
-    </div>
+    </Layout>
   )
 };
 
diff --git a/web/src/components/Layout/LayoutBg.tsx b/web/src/components/Layout/LayoutBg.tsx
deleted file mode 100644
index ec76f196..00000000
--- a/web/src/components/Layout/LayoutBg.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * @Author: ZhaoYing 
- * @Date: 2026-02-02 15:13:20 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:13:20 
- */
-/**
- * LayoutBg Component
- * 
- * A decorative background component that displays styled background elements.
- * Provides visual aesthetics with positioned decorative shapes.
- * 
- * @component
- */
-
-import { type FC } from 'react';
-import clsx from 'clsx';
-
-import styles from './layout.module.css';
-
-/**
- * Background layout component with decorative elements.
- * Renders a fixed full-screen background with styled shapes.
- */
-const LayoutBg: FC = () => {
-  return (
-    <div className="rb:fixed rb:top-0 rb:right-0 rb:left-0 rb:bottom-0 rb:bg-[#FBFDFF]">
-      {/* Top section with decorative background shapes */}
-      <div className={clsx('rb:h-60', styles.bgTop)}>
-        {/* Left decorative element 1 */}
-        <div className={clsx(styles.left1)}></div>
-        {/* Left decorative element 2 */}
-        <div className={clsx(styles.left2)}></div>
-        {/* Right decorative element */}
-        <div className={clsx(styles.right1)}></div>
-      </div>
-    </div>
-  )
-};
-
-export default LayoutBg;
\ No newline at end of file
diff --git a/web/src/components/Layout/PageHeader.tsx b/web/src/components/Layout/PageHeader.tsx
new file mode 100644
index 00000000..88117da0
--- /dev/null
+++ b/web/src/components/Layout/PageHeader.tsx
@@ -0,0 +1,72 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-10 11:08:27 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:38:31
+ */
+/*
+ * PageHeader Component
+ * 
+ * A reusable page header component that provides a consistent layout for page titles,
+ * subtitles, and action buttons across the application.
+ * 
+ * Features:
+ * - Displays a main title and optional subtitle
+ * - Supports custom action buttons or extra content on the right side
+ * - Fixed height (64px) with responsive layout
+ * - Text overflow handling with ellipsis
+ * - Consistent spacing and styling using Tailwind CSS
+ */
+import { type FC, type ReactNode } from 'react';
+import { Layout, Flex } from 'antd';
+import clsx from 'clsx';
+
+const { Header } = Layout;
+interface ConfigHeaderProps {
+  avatarUrl?: string | null;
+  avatarText?: string;
+  avatarClassName?: string;
+  title?: ReactNode | string;
+  operation?: ReactNode;
+  extra?: ReactNode;
+  centerContent?: ReactNode;
+}
+
+const PageHeader: FC<ConfigHeaderProps> = ({
+  avatarUrl,
+  avatarText,
+  avatarClassName,
+  title,
+  operation,
+  extra,
+  centerContent
+}) => {
+  return (
+    // Main header container: full width, 64px height, flex layout with space between
+    <Header className={`rb:w-full rb:h-16! rb:grid rb:grid-cols-${extra && centerContent ? '3' : ((extra && !centerContent) || (!extra && centerContent)) ? '2': 1} rb:gap-6 rb:px-4! rb:bg-white!`}>
+      <Flex align="center" gap={8}>
+        {avatarUrl
+          ? <img src={avatarUrl} alt={avatarUrl} className="rb:size-8 rb:rounded-lg rb:mr-2" />
+          : avatarText
+            ? <Flex align="center" justify="center" className={clsx(avatarClassName, "rb:size-8 rb:rounded-lg rb:text-[24px] rb:text-[#ffffff] rb:bg-[#155EEF] rb:mr-2")}>{avatarText}</Flex> : null
+        }
+        {/* Left section: Title and subtitle */}
+        <div>
+          {/* Main title: 18px font, semibold, [#212332] color, single line with ellipsis */}
+          <div className="rb:leading-5 rb:text-[14px] rb:text-[#212332] rb:font-medium rb:wrap-break-word rb:line-clamp-1">{title}</div>
+        </div>
+        {operation}
+      </Flex>
+
+      {centerContent && <Flex align="center" justify="center">
+        {centerContent}
+      </Flex>}
+      {/* Right section: Extra content (buttons, filters, etc.) */}
+      <Flex align="center" justify="end" gap={12}>
+        {extra}
+      </Flex>
+    </Header>
+  );
+};
+
+export default PageHeader;
\ No newline at end of file
diff --git a/web/src/components/Layout/layout.module.css b/web/src/components/Layout/layout.module.css
deleted file mode 100644
index f6e78f92..00000000
--- a/web/src/components/Layout/layout.module.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.bg-top {
-  width: 100%;
-  height: 240px;
-  background: linear-gradient(to bottom, rgba(229, 242, 254, 1), rgba(251, 253, 255, 1));
-  opacity: 0.8;
-}
-
-.left1 {
-  width: 748px;
-  height: 354px;
-  background: radial-gradient(circle, rgba(138, 239, 255, 1) 100%, rgba(232, 244, 255, 0.71) 100%);
-  opacity: 0.24;
-  filter: blur(50px);
-  position: absolute;
-  left: -374px;
-  top: -187px;
-}
-.left2 {
-  width: 558px;
-  height: 504px;
-  background: radial-gradient(circle, #155EEF 0%, rgba(232, 244, 255, 0) 100%);
-  opacity: 0.22399999999999998;
-  filter: blur(50px);
-  position: absolute;
-  left: -279px;
-  top: -252px;
-}
-.right1 {
-  width: 470px;
-  height: 474px;
-  background: radial-gradient(circle, rgba(21, 94, 239, 1) 0%, rgba(232, 244, 255, 0) 100%);
-  opacity: 0.32;
-  filter: blur(50px);
-  position: absolute;
-  right: -235px;
-  top: -237px;
-}
\ No newline at end of file
diff --git a/web/src/components/Markdown/RbButton.tsx b/web/src/components/Markdown/RbButton.tsx
index 9af94de8..48ea2ff6 100644
--- a/web/src/components/Markdown/RbButton.tsx
+++ b/web/src/components/Markdown/RbButton.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:16:10 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:16:10 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-25 14:02:17
  */
 /**
  * RbButton Component
@@ -14,19 +14,12 @@
  */
 
 import { memo } from 'react'
-import type { FC, ReactNode } from 'react'
-import { Button } from 'antd'
+import type { FC } from 'react'
+import { Button, type ButtonProps } from 'antd'
 
-/** Props interface for RbButton component */
-interface RbButtonProps {
-  node: {
-    children: ReactNode;
-  };
-  children: string[]
-}
 
 /** Button component for rendering buttons in markdown */
-const RbButton: FC<RbButtonProps> = (props) => {
+const RbButton: FC<ButtonProps> = (props) => {
   const { children } = props;
 
   return (
diff --git a/web/src/components/ModelSelect/index.tsx b/web/src/components/ModelSelect/index.tsx
new file mode 100644
index 00000000..3a6e42b6
--- /dev/null
+++ b/web/src/components/ModelSelect/index.tsx
@@ -0,0 +1,94 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-07 16:49:59 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 11:21:59
+ */
+import { useEffect, useState, type FC } from 'react';
+import { Select, Flex, Space } from 'antd';
+import type { SelectProps } from 'antd/es/select';
+import { useTranslation } from 'react-i18next';
+
+import { getModelList } from '@/api/models';
+import type { Query, Model } from '@/views/ModelManagement/types';
+import { getListLogoUrl } from '@/views/ModelManagement/utils';
+import Tag from '@/components/Tag';
+
+/** Extends AntD SelectProps; omits filterOption since it's handled internally */
+interface ModelSelectProps extends SelectProps {
+  /** Extra query params passed to getModelList */
+  params?: Query;
+  placeholder?: string;
+  fontClassName?: string;
+  isAutoFetch?: boolean;
+  initialData?: Model[];
+}
+
+const ModelSelect: FC<ModelSelectProps> = ({
+  params,
+  placeholder,
+  fontClassName,
+  isAutoFetch = true,
+  initialData = [],
+  ...props
+}) => {
+  const { t } = useTranslation();
+  const [options, setOptions] = useState<Model[]>([]);
+
+  // Fetch active models whenever params change; stringify for stable deep comparison
+  useEffect(() => {
+    if (!isAutoFetch) return
+    getModelList({
+      ...(params ?? {}),
+      pagesize: 100,
+      is_active: true
+    }).then((res) => {
+      setOptions((res as { items: Model[] }).items ?? []);
+    });
+  }, [JSON.stringify(params), isAutoFetch]);
+
+  // Render the selected value inside the trigger with logo + truncated name
+  const labelRender: SelectProps['labelRender'] = ({ value }) => {
+    const item = options.find((o) => o.id === value);
+    if (!item) return undefined;
+    const logo = getListLogoUrl(item.provider, item.logo as string);
+    return (
+      <Flex align="center" gap={8}>
+        {logo && <img src={logo} className="rb:size-5 rb:rounded-md" alt="" />}
+        <div className={`rb:flex-1 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap ${fontClassName}`}>{item.name}</div>
+      </Flex>
+    );
+  };
+
+  return (
+    <Select
+      placeholder={placeholder ?? t('common.pleaseSelect')}
+      options={[...options, ...initialData]}
+      fieldNames={{ label: 'name', value: 'id' }}
+      allowClear
+      popupMatchSelectWidth={false}
+      labelRender={labelRender}
+      // Each dropdown option shows logo, name, and capability tags
+      optionRender={(option) => {
+        const { data } = option;
+        const logo = getListLogoUrl(data.provider, data.logo as string);
+        return (
+          <Flex align="center" gap={8}>
+            <Flex align="center" gap={8}>
+              {logo && <img src={logo} className="rb:size-5 rb:rounded-md" alt="" />}
+              <span className="rb:wrap-break-word rb:line-clamp-1">{data.name as string}</span>
+            </Flex>
+            {data.capability?.length > 0 && (
+              <Space size={4}>
+                {data.capability.map((vo: string) => <Tag key={vo}>{vo}</Tag>)}
+              </Space>
+            )}
+          </Flex>
+        );
+      }}
+      {...props}
+    />
+  );
+};
+
+export default ModelSelect;
diff --git a/web/src/components/PageScrollList/index.tsx b/web/src/components/PageScrollList/index.tsx
index 0a32dfdb..fd449848 100644
--- a/web/src/components/PageScrollList/index.tsx
+++ b/web/src/components/PageScrollList/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:18:19 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-12 18:36:19
+ * @Last Modified time: 2026-03-27 15:52:37
  */
 /**
  * PageScrollList Component
@@ -17,7 +17,7 @@
  */
 
 import React, { useEffect, useState, useRef, forwardRef, useImperativeHandle } from 'react';
-import { List } from 'antd';
+import { Row, Col } from 'antd';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
 import { request } from '@/utils/request';
@@ -56,8 +56,11 @@ interface PageScrollListProps<T, Q = Record<string, unknown>> {
   /** Additional CSS classes */
   className?: string;
   needLoading?: boolean;
+  heightClass?: string;
 }
 
+const defaultHeightClass = 'rb:h-[calc(100vh-116px)]!';
+
 /** Infinite scroll list component with pagination support */
 const PageScrollList = forwardRef(<T, Q = Record<string, unknown>>({
   renderItem,
@@ -66,6 +69,7 @@ const PageScrollList = forwardRef(<T, Q = Record<string, unknown>>({
   column = 4,
   className = '',
   needLoading = true,
+  heightClass,
 }: PageScrollListProps<T, Q>, ref: React.Ref<PageScrollListRef>) => {
   /** Expose refresh method to parent component */
   useImperativeHandle(ref, () => ({
@@ -138,29 +142,29 @@ const PageScrollList = forwardRef(<T, Q = Record<string, unknown>>({
       <div
         ref={scrollRef}
         id="scrollableDiv"
-        className={`rb:overflow-y-auto rb:overflow-x-hidden rb:h-[calc(100vh-148px)] ${className}`}
+        className={`rb:overflow-y-auto rb:overflow-x-hidden ${heightClass || defaultHeightClass} ${className}`}
       >
         <InfiniteScroll
           dataLength={data.length}
           next={() => loadMoreData()}
           hasMore={hasMore}
-          loader={loading && needLoading ? <PageLoading /> : false}
+          loader={loading && needLoading ? <PageLoading className={heightClass || defaultHeightClass} /> : false}
           // endMessage={<Divider plain>It is all, nothing more 🤐</Divider>}
           scrollableTarget="scrollableDiv"
           className='rb:h-full!'
         >
           {/* Render grid list or empty state */}
           {data.length > 0 ? (
-            <List
-              grid={{ gutter: 16, column: column }}
-              dataSource={data}
-              renderItem={(item) => (
-                <List.Item>
+            <Row
+              gutter={[12, 12]}
+            >
+              {data.map((item, index) => (
+                <Col key={(item as any).id || index} span={24/column}>
                   {renderItem(item)}
-                </List.Item>
-              )}
-            />
-          ) : !loading ? <PageEmpty /> : null}
+                </Col>
+              ))}
+            </Row>
+          ) : !loading ? <PageEmpty className={heightClass || defaultHeightClass} /> : null}
         </InfiniteScroll>
       </div>
     </>
diff --git a/web/src/components/PageTabs/index.module.css b/web/src/components/PageTabs/index.module.css
index 6eab8a48..5e071b38 100644
--- a/web/src/components/PageTabs/index.module.css
+++ b/web/src/components/PageTabs/index.module.css
@@ -1,5 +1,4 @@
 .page-tabs:global(.ant-segmented) {
-  background-color: rgba(91, 97, 103, 0.08);
   padding: 4px;
 }
 .page-tabs:global(.ant-segmented .ant-segmented-item-label) {
diff --git a/web/src/components/RadioGroupButton/index.tsx b/web/src/components/RadioGroupButton/index.tsx
new file mode 100644
index 00000000..25ed6ef2
--- /dev/null
+++ b/web/src/components/RadioGroupButton/index.tsx
@@ -0,0 +1,96 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-16 14:53:33 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-16 14:53:33 
+ */
+/**
+ * RadioGroupButton Component
+ *
+ * A pill / chip-style radio group that renders each option as a small
+ * rounded tag. The selected option is highlighted with a dark background
+ * and white text; unselected options use a light grey background.
+ *
+ * Features:
+ * - Pill-shaped selectable tags laid out horizontally via Ant Design Space
+ * - Optional "allowClear" mode: clicking the active option deselects it
+ * - Disabled state per option
+ * - Two callbacks: onChange (controlled value) and onValueChange (side-effect)
+ *
+ * @component
+ */
+
+import { type FC, type Key, type ReactNode, useEffect } from 'react';
+import { type RadioGroupProps, Space } from 'antd';
+import clsx from 'clsx'
+
+/** Describes a single selectable option within the radio group. */
+interface RadioCardOption {
+  /** Unique value that identifies this option. */
+  value: string | number | boolean | null | undefined | Key;
+  /** Display content rendered inside the pill tag. */
+  label: string | ReactNode;
+  /** When true the option is visually muted and cannot be selected. */
+  disabled?: boolean;
+}
+
+/** Props for the RadioGroupButton component. */
+interface RadioCardProps extends Omit<RadioGroupProps, 'onChange'> {
+  /** List of selectable options to render as pill tags. */
+  options: RadioCardOption[];
+  /** Side-effect callback invoked whenever the value changes (including on mount). */
+  onValueChange?: (value: string | null | undefined, option?: RadioCardOption) => void;
+  /** Controlled callback invoked when the user clicks an option. */
+  onChange?: (value: string | null | undefined, option?: RadioCardOption) => void;
+  /** If true, clicking the already-selected option will deselect it (set value to null). */
+  allowClear?: boolean;
+}
+
+/** Renders a horizontal row of pill-shaped radio options. */
+const RadioGroupButton: FC<RadioCardProps> = ({
+  options,
+  value,
+  onValueChange,
+  onChange,
+  allowClear = false,
+}) => {
+  /* Notify parent of value changes (useful for side-effects like analytics). */
+  useEffect(() => {
+    if (onValueChange) {
+      onValueChange(value);
+    }
+  }, [value, onValueChange]);
+
+  /* Toggle selection; supports allowClear and respects disabled state. */
+  const handleChange = (option: RadioCardOption) => {
+    // Ignore clicks on disabled options
+    if (option.disabled) return
+    if (onChange) {
+      // Clear selection if allowClear is true and option is already selected
+      if (allowClear && value === option.value) {
+        onChange(null, undefined);
+      } else {
+        onChange(String(option.value), option);
+      }
+    }
+  }
+  
+  return (
+    <Space size={12}>
+      {options.map(option => (
+        <div
+          key={String(option.value)}
+          className={clsx('rb:rounded-[14px] rb:py-1 rb:px-2 rb:text-[12px] rb:leading-4.5 rb:cursor-pointer', {
+            'rb:bg-[#171719] rb:font-medium rb:text-white': value === option.value,
+            'rb:bg-[#F6F6F6]': value !== option.value,
+          })}
+          onClick={() => handleChange(option)}
+        >
+          {option.label}
+        </div>
+      ))}
+    </Space>
+  );
+};
+
+export default RadioGroupButton;
\ No newline at end of file
diff --git a/web/src/components/RadioGroupCard/index.tsx b/web/src/components/RadioGroupCard/index.tsx
index e09466cd..49020b38 100644
--- a/web/src/components/RadioGroupCard/index.tsx
+++ b/web/src/components/RadioGroupCard/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:19:30 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:19:30 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-04 10:11:37
  */
 /**
  * RadioGroupCard Component
@@ -95,22 +95,23 @@ const RadioGroupCard: FC<RadioCardProps> = ({
     })}>
       {/* Render each option as a selectable card */}
       {options.map(option => (
-        <div key={String(option.value)} className={clsx("rb:relative rb:border rb:rounded-lg rb:w-full rb:p-[20px_12px] rb:text-center rb:cursor-pointer", {
-          'rb:bg-[rgba(21,94,239,0.06)] rb:border-[#155EEF]': option.value === value,
-          'rb:border-[#EBEBEB] rb:bg-[#ffffff]': option.value !== value,
+        <div key={String(option.value)} className={clsx("rb:relative rb:border rb:rounded-lg rb:w-full rb:text-center rb:cursor-pointer", {
+          'rb:border rb:border-[#171719]!': option.value === value,
+          'rb:border-[#EBEBEB] rb:bg-white': option.value !== value,
           'rb:opacity-[0.75]': option.disabled,
-          'rb:flex rb:items-center rb:text-left rb:gap-4': block,
+          'rb:py-5 rb:px-3 rb:leading-5.5': !block,
+          'rb:flex rb:items-center rb:text-left rb:gap-4 rb:py-3 rb:px-4 rb:leading-4': block,
         })} onClick={() => handleChange(option)}>
-          {option.recommend && <div className="rb:absolute rb:right-0 rb:top-0 rb:bg-[#FF5D34] rb:rounded-[0px_7px_0px_8px] rb:text-[12px] rb:text-white rb:font-regular rb:leading-4 rb:p-[4px_8px]">{t('common.recommend')}</div>}
+          {option.recommend && <div className="rb:absolute rb:right-0 rb:top-0 rb:bg-[#FF5D34] rb:rounded-[0px_7px_0px_8px] rb:text-[12px] rb:text-white rb:font-regular rb:leading-4 rb:py-1 rb:px-2">{t('common.recommend')}</div>}
           {/* Use custom render or default card layout */}
           {itemRender ? itemRender(option) : (
             <>
-              {option.icon && <img src={option.icon} className={clsx("rb:w-10 rb:h-10", {
+              {option.icon && <img src={option.icon} className={clsx("rb:size-10", {
                 'rb:m-[0_auto] rb:mb-3': !block,
               })} />}
               <div>
-                <div className="rb:text-[14px] rb:font-medium">{option.label}</div>
-                <div className="rb:mt-1.5 rb:text-[#5B6167] rb:text-[12px] rb:font-regular">{option.labelDesc}</div>
+                <div className="rb:font-medium rb:text-[#212332]">{option.label}</div>
+                <div className="rb:mt-2 rb:text-[#5B6167] rb:text-[12px] rb:font-regular">{option.labelDesc}</div>
               </div>
             </>
           )}
diff --git a/web/src/components/RbAlert/index.tsx b/web/src/components/RbAlert/index.tsx
index 6099fe0b..1c07b6c8 100644
--- a/web/src/components/RbAlert/index.tsx
+++ b/web/src/components/RbAlert/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:19:59 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:19:59 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-11 15:02:24
  */
 /**
  * RbAlert Component
@@ -14,6 +14,7 @@
  */
 
 import { type FC, type ReactNode } from 'react'
+import { Flex } from 'antd';
 
 /** Props interface for RbAlert component */
 interface RbAlertProps {
@@ -38,10 +39,10 @@ const colors = {
 /** Custom alert component with color themes and optional icon */
 const RbAlert: FC<RbAlertProps> = ({ color = 'blue', icon, className, children }) => {
   return (
-    <div className={`${colors[color]} ${className} rb:p-[6px_9px] rb:flex rb:items-center rb:text-[12px] rb:font-regular rb:leading-4 rb:border rb:rounded-md`}>
+    <Flex align="center" className={`${colors[color]} ${className} rb:px-2.25! rb:py-1.5! rb:text-[12px] rb:font-regular rb:leading-4 rb:border rb:rounded-md`}>
       {icon && <span className="rb:text-[16px] rb:mr-2.25">{icon}</span>}
       {children}
-    </div>
+    </Flex>
   )
 }
 export default RbAlert
diff --git a/web/src/components/RbButton/index.module.css b/web/src/components/RbButton/index.module.css
new file mode 100644
index 00000000..b5b51658
--- /dev/null
+++ b/web/src/components/RbButton/index.module.css
@@ -0,0 +1,27 @@
+.rbButton {
+  border-radius: 8px;
+}
+.rbButton:global(:not(.ant-btn-disabled):hover) {
+  opacity: 0.7;
+}
+.rbButton:global(.ant-btn-color-dangerous.ant-btn-variant-outlined),
+.rbButton:global(.ant-btn-color-dangerous.ant-btn-variant-dashed) {
+  border-color: #EBEBEB;
+  color: #171719;
+}
+.rbButton:global(.ant-btn-color-dangerous.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover),
+.rbButton:global(.ant-btn-color-dangerous.ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover) {
+  border-color: #FF5D34;
+  background-color: rgba(255, 93, 52, 0.06);
+  color: #FF5D34;
+  opacity: 1 !important;
+}
+.rbButton:global(.ant-btn-color-primary.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):hover) {
+  color: #171719;
+  border-color: #171719;
+}
+.rbButton:global(.ant-btn-color-primary.ant-btn-background-ghost:not(:disabled):not(.ant-btn-disabled):active) {
+  color: #171719;
+  border-color: #171719;
+  background-color: #FAFAFA;
+}
\ No newline at end of file
diff --git a/web/src/components/RbButton/index.tsx b/web/src/components/RbButton/index.tsx
new file mode 100644
index 00000000..9ce6c3ff
--- /dev/null
+++ b/web/src/components/RbButton/index.tsx
@@ -0,0 +1,22 @@
+import { type FC } from 'react'
+import clsx from 'clsx'
+import { Button, type ButtonProps } from 'antd'
+
+import styles from './index.module.css'
+
+const RbButton: FC<ButtonProps> = ({
+  children,
+  className,
+  ...props
+}) => {
+  return (
+    <Button
+      className={clsx(styles.rbButton, className, "rb:hover:shadow-[0px_2px_8px_0px_rgba(23,23,25,0.16)]")}
+      {...props}
+    >
+      {children}
+    </Button>
+  )
+}
+
+export default RbButton
\ No newline at end of file
diff --git a/web/src/components/RbCard/Card.tsx b/web/src/components/RbCard/Card.tsx
index 896dc201..db45915d 100644
--- a/web/src/components/RbCard/Card.tsx
+++ b/web/src/components/RbCard/Card.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:21:14 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-04 13:49:05
+ * @Last Modified time: 2026-02-25 16:20:39
  */
 /**
  * RbCard Component
@@ -27,6 +27,7 @@ interface RbCardProps {
   headerClassName?: string;
   /** Card title (string, ReactNode, or function) */
   title?: string | ReactNode | (() => ReactNode);
+  titleClassName?: string;
   /** Subtitle text displayed below title */
   subTitle?: string | ReactNode;
   /** Extra content displayed in header (top-right) */
@@ -51,13 +52,14 @@ interface RbCardProps {
   className?: string;
   /** Click handler */
   onClick?: () => void;
-  variant?: 'borderL';
+  variant?: 'borderL' | 'borderless' | 'outlined';
 }
 
 /** Custom card component with flexible styling and header options */
 const RbCard: FC<RbCardProps> = ({
   headerClassName,
   title,
+  titleClassName,
   subTitle,
   extra,
   children,
@@ -66,10 +68,10 @@ const RbCard: FC<RbCardProps> = ({
   bodyPadding,
   bodyClassName: bodyClassNames,
   headerType = 'border',
-  bgColor = '#FBFDFF',
+  bgColor = '#FFFFFF',
   height = 'auto',
   className,
-  variant,
+  variant = 'borderless',
   ...props
 }) => {
   /** Calculate body padding based on header type and avatar presence */
@@ -78,7 +80,7 @@ const RbCard: FC<RbCardProps> = ({
     : headerType === 'borderL'
     ? 'rb:p-[0_16px_12px_16px]!'
     : avatarUrl || avatar
-    ? 'rb:p-[16px_20px_16px_16px]!'
+    ? 'rb:p-4!'
     : (headerType === 'borderless')
     ? 'rb:p-[0_20px_16px_16px]!'
     : (headerType === 'border' && !avatarUrl && !avatar) || headerType === 'borderBL'
@@ -88,15 +90,15 @@ const RbCard: FC<RbCardProps> = ({
   if (variant === 'borderL') {
     return (
       <div
-        className="rb:p-[12px_16px] rb:rounded-lg rb:shadow-[inset_4px_0px_0px_0px_#155EEF] rb:border rb:border-[#DFE4ED]"
+        className="rb:p-[12px_16px] rb:rounded-lg rb:shadow-[inset_4px_0px_0px_0px_#155EEF] rb-border"
       >
         <Flex justify="space-between" className={`rb:mb-3! ${headerClassName || ''}`}>
           <Flex vertical gap={4}>
             <div className="rb:font-medium rb:leading-5.5">
               {typeof title === 'function' ? title() : title ?
-                <div className="rb:flex rb:items-center">
+                <Flex align="center">
                   {avatarUrl
-                    ? <img src={avatarUrl} className="rb:mr-3.25 rb:w-12 rb:h-12 rb:rounded-lg" />
+                    ? <img src={avatarUrl} alt={avatarUrl} className="rb:mr-3.25 rb:size-12 rb:rounded-lg" />
                     : avatar ? avatar : null
                   }
                   <div className={
@@ -107,10 +109,10 @@ const RbCard: FC<RbCardProps> = ({
                       }
                     )
                   }>
-                    <div className="rb:w-full rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{title}</div>
+                    <div className={`rb:w-full rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap ${titleClassName}`}>{title}</div>
                     {subTitle && <div className="rb:text-[#5B6167] rb:text-[12px]">{subTitle}</div>}
                   </div>
-                </div> : null
+                </Flex> : null
               }
             </div>
             {subTitle && <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{subTitle}</div>}
@@ -125,12 +127,13 @@ const RbCard: FC<RbCardProps> = ({
   }
   return (
     <Card
+      variant={variant}
       {...props}
       title={typeof title === 'function' ? title() : title ?
-        <div className="rb:flex rb:items-center rb:gap-2">
+        <Flex align="center" gap={12}>
           {/* Avatar image or custom avatar component */}
           {avatarUrl 
-            ? <img src={avatarUrl} className="rb:mr-3.25 rb:w-12 rb:h-12 rb:rounded-lg" />
+            ? <img src={avatarUrl} alt={avatarUrl} className="rb:mr-3.25 rb:size-12 rb:rounded-lg" />
             : avatar ? avatar : null
           }
           <div className={
@@ -142,11 +145,11 @@ const RbCard: FC<RbCardProps> = ({
             )
           }>
             {/* Title with tooltip for overflow text */}
-            <Tooltip title={title}><div className="rb:w-full rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{title}</div></Tooltip>
+            <Tooltip title={title}><div className={`rb:w-full rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap ${titleClassName}`}>{title}</div></Tooltip>
             {/* Optional subtitle */}
             {subTitle && <div className="rb:text-[#5B6167] rb:text-[12px]">{subTitle}</div>}
           </div>
-        </div> : null
+        </Flex> : null
       }
       extra={extra}
       classNames={{
@@ -154,11 +157,11 @@ const RbCard: FC<RbCardProps> = ({
           'rb:font-medium',
           {
             /** Borderless header style */
-            'rb:border-[0]! rb:text-[16px] rb:p-[0_16px]!': headerType === 'borderless',
+            'rb:border-[0]! rb:text-[16px] rb:p-[0_16px]! rb:min-h-10!': headerType === 'borderless',
             /** Header with avatar */
             'rb:border-[0]! rb:text-[16px] rb:p-[16px_16px_0_16px]!': avatarUrl || avatar,
             /** Standard border header */
-            'rb:text-[18px] rb:p-[0]! rb:m-[0_20px]!': headerType === 'border' && !avatarUrl && !avatar,
+            'rb:text-[18px] rb:p-[0]! rb:m-[0_20px]! rb:border-b-[0.5px]!': headerType === 'border' && !avatarUrl && !avatar,
             /** Border bottom-left style */
             "rb:m-[0_16px]!  rb:p-[0]! rb:relative rb:before:content-[''] rb:before:w-[4px] rb:before:h-[16px] rb:before:bg-[#5B6167] rb:before:absolute rb:before:top-[50%] rb:before:left-[-16px] rb:before:translate-y-[-50%] rb:before:bg-[#5B6167]! rb:before:h-[16px]!": headerType === 'borderBL',
             /** Border left style */
@@ -170,9 +173,13 @@ const RbCard: FC<RbCardProps> = ({
       }}
       style={{
         background: bgColor,
-        height: height
+        height: height,
+        border: variant === 'outlined' ? '1px solid #EBEBEB' :  'none'
       }}
-      className={`rb:hover:shadow-[0px_2px_4px_0px_rgba(0,0,0,0.15)] ${className}`}
+      className={clsx({
+        'rb:shadow-none!': variant === 'borderless' || variant === 'outlined',
+        'rb:hover:shadow-[0px_2px_8px_0px_rgba(23,23,25,0.16)]!': variant !== 'borderless' && variant !== 'outlined'
+      }, className)}
     >
       {children}
     </Card>
diff --git a/web/src/components/RbCard/ResultCard.tsx b/web/src/components/RbCard/ResultCard.tsx
new file mode 100644
index 00000000..495148f9
--- /dev/null
+++ b/web/src/components/RbCard/ResultCard.tsx
@@ -0,0 +1,80 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:30:51 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-19 15:44:02
+ */
+/**
+ * ResultCard Component
+ * Collapsible card wrapper for configuration sections
+ */
+
+import { type FC, type ReactNode } from 'react'
+import clsx from 'clsx';
+import { Flex, Space, Tooltip } from 'antd';
+
+import RbCard from '@/components/RbCard/Card'
+
+/**
+ * Component props
+ */
+interface ResultCardProps {
+  title: string | ReactNode;
+  subTitle?: string | ReactNode;
+  children: ReactNode;
+  expanded?: boolean;
+  handleExpand?: () => void;
+  className?: string;
+  headerClassName?: string;
+  bodyClassName?: string;
+  extra?: ReactNode;
+  isMiSans?: boolean;
+}
+
+const ResultCard: FC<ResultCardProps> = ({
+  title,
+  subTitle,
+  children,
+  expanded,
+  handleExpand,
+  extra,
+  className,
+  headerClassName,
+  bodyClassName,
+  isMiSans = true,
+}) => {
+  return (
+    <RbCard
+      title={() => <Flex
+        align="center"
+        justify="space-between"
+        className={`${isMiSans ? 'rb:font-[MiSans-Bold] rb:font-bold' : 'rb:font-medium'} rb:cursor-pointer`}
+        onClick={handleExpand}
+      >
+        <Space size={4}>
+          {title}
+          {subTitle && <Tooltip title={subTitle}>
+            <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+          </Tooltip>}
+        </Space>
+        <Space size={4}>
+          {extra}
+          {handleExpand && <div
+            className={clsx("rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/arrow_up.svg')] rb:transition-transform", {
+              'rb:rotate-180': !expanded,
+              'rb:rotate-0': expanded,
+            })}
+          ></div>}
+        </Space>
+      </Flex>}
+      headerType="borderless"
+      headerClassName={headerClassName ?? "rb:min-h-[40px]! rb:text-[#212332]! rb:text-[14px]!"}
+      bodyClassName={bodyClassName ?? "rb:py-0! rb:px-3!"}
+      className={className ?? "rb:bg-[#F6F6F6]!"}
+    >
+      {((expanded && handleExpand) || (!handleExpand))&& children}
+    </RbCard>
+  )
+}
+
+export default ResultCard
\ No newline at end of file
diff --git a/web/src/components/RbCard/index.tsx b/web/src/components/RbCard/index.tsx
new file mode 100644
index 00000000..ec2b7301
--- /dev/null
+++ b/web/src/components/RbCard/index.tsx
@@ -0,0 +1,89 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-02 15:21:14 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-20 20:24:43
+ */
+/**
+ * RbCard Component
+ * 
+ * A customizable card component that extends Ant Design's Card with:
+ * - Multiple header styles (border, borderless, borderBL, borderL)
+ * - Avatar support with image or custom component
+ * - Flexible padding and styling options
+ * - Tooltip support for long titles
+ * - Hover effects
+ * 
+ * @component
+ */
+
+import { type FC, type ReactNode } from 'react'
+import { Card, Tooltip, Flex, type CardProps } from 'antd';
+import clsx from 'clsx';
+
+/** Props interface for RbCard component */
+interface RbCardProps extends CardProps {
+  isNeedTooltip?: boolean;
+  children?: ReactNode;
+  /** Custom avatar component */
+  avatarText?: string;
+  avatarClassName?: string;
+  /** Avatar image URL */
+  avatarUrl?: string | null;
+  /** Click handler */
+  onClick?: () => void;
+  footer?: ReactNode;
+  headerClassName?: string;
+  titleClassName?: string;
+}
+
+/** Custom card component with flexible styling and header options */
+const RbCard: FC<RbCardProps> = ({
+  isNeedTooltip = true,
+  title,
+  children,
+  avatarText,
+  avatarClassName,
+  avatarUrl,
+  footer,
+  headerClassName,
+  titleClassName,
+  className,
+  ...props
+}) => {
+  return (
+    <Card
+      variant="borderless"
+      {...props}
+      title={<Flex align="center" gap={12}>
+        {avatarUrl
+          ? <img src={avatarUrl} alt={avatarUrl} className="rb:size-12 rb:rounded-lg" />
+          : avatarText
+            ? <Flex align="center" justify="center" className={clsx(avatarClassName, "rb:size-11 rb:rounded-lg rb:text-[24px] rb:text-[#ffffff] rb:bg-[#155EEF]")}>{avatarText}</Flex> : null
+        }
+        {isNeedTooltip
+          ? <Tooltip title={title}>
+            <div className={`rb:flex-1 rb:leading-5.5 rb:min-w-0 rb:whitespace-break-spaces rb:wrap-break-word rb:line-clamp-2 ${titleClassName}`}>
+              {title}
+            </div>
+          </Tooltip>
+          : <div className="rb:flex-1 rb:leading-5.5 rb:min-w-0 rb:whitespace-break-spaces rb:wrap-break-word rb:line-clamp-2">
+            {title}
+          </div>
+        }
+        
+      </Flex>}
+      classNames={{
+        header: `rb:text-[16px] rb:p-[16px_16px_8px_16px]! rb:border-0! ${headerClassName}`,
+        body: 'rb:p-4! rb:pt-2! rb:bg-white!',
+      }}
+      className={`rb:hover:shadow-[0px_2px_8px_0px_rgba(23,23,25,0.16)]! rb:group ${className}`}
+    >
+      {children}
+
+      {footer ? <div className="rb:mt-6">{footer}</div> : null}
+    </Card>
+  )
+}
+
+export default RbCard
\ No newline at end of file
diff --git a/web/src/components/RbDescriptions/index.module.css b/web/src/components/RbDescriptions/index.module.css
new file mode 100644
index 00000000..1ab051d5
--- /dev/null
+++ b/web/src/components/RbDescriptions/index.module.css
@@ -0,0 +1,21 @@
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view),
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row) {
+  border: none;
+}
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-label),
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-content) {
+  border-inline-end: none;
+}
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-label) {
+  color: #5B6167;
+  background: transparent;
+}
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-label),
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-content) {
+  padding: 0;
+  line-height: 20px;
+}
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row:not(:last-child)>.ant-descriptions-item-label),
+.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row:not(:last-child)>.ant-descriptions-item-content) {
+  padding-bottom: 8px;
+}
\ No newline at end of file
diff --git a/web/src/components/RbDescriptions/index.tsx b/web/src/components/RbDescriptions/index.tsx
new file mode 100644
index 00000000..97c6663c
--- /dev/null
+++ b/web/src/components/RbDescriptions/index.tsx
@@ -0,0 +1,14 @@
+import { type FC } from 'react'
+import { Descriptions, type DescriptionsProps } from 'antd'
+
+import styles from './index.module.css'
+
+const RbDescriptions: FC<DescriptionsProps> = ({
+  items,
+}) => {
+  return (
+    <Descriptions bordered column={1} className={styles.rbDescriptions} items={items} />
+  )
+}
+
+export default RbDescriptions
\ No newline at end of file
diff --git a/web/src/components/RbDrawer/index.tsx b/web/src/components/RbDrawer/index.tsx
index b646bb55..e9101d48 100644
--- a/web/src/components/RbDrawer/index.tsx
+++ b/web/src/components/RbDrawer/index.tsx
@@ -19,7 +19,7 @@
  */
 
 import { type FC, useState, useEffect } from 'react'
-import { Button, Drawer, Space } from 'antd';
+import { Button, Drawer, Space, Flex } from 'antd';
 import type { DrawerProps } from 'antd';
 import { CloseOutlined  } from '@ant-design/icons';
 
@@ -78,9 +78,9 @@ const RbDrawer: FC<DrawerProps> =({
       {...props}
     >
       {/* Full-height flex container for content */}
-      <div className='rb:flex rb:flex-col rb:h-full'>
+      <Flex vertical className='rb:h-full'>
         {children}
-      </div>
+      </Flex>
     </Drawer>
   )
 }
diff --git a/web/src/components/RbSlider/index.module.css b/web/src/components/RbSlider/index.module.css
new file mode 100644
index 00000000..52beb915
--- /dev/null
+++ b/web/src/components/RbSlider/index.module.css
@@ -0,0 +1,3 @@
+.ant-slider-horizontal .ant-slider-rail {
+  width: calc(100% - 6px);
+}
\ No newline at end of file
diff --git a/web/src/components/RbSlider/index.tsx b/web/src/components/RbSlider/index.tsx
index 544e3600..c37cdc47 100644
--- a/web/src/components/RbSlider/index.tsx
+++ b/web/src/components/RbSlider/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:23:39 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:23:39 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-12 16:16:49
  */
 /**
  * RbSlider Component
@@ -15,32 +15,63 @@
  * @component
  */
 
-import { type FC, useEffect } from 'react';
-import { Slider, type SliderSingleProps } from 'antd';
+import { type FC, type ReactNode, useEffect, useState } from 'react';
+import { Slider, type SliderSingleProps, Flex, InputNumber, type InputNumberProps } from 'antd';
 
 /** Props interface for RbSlider component */
 interface RbSliderProps extends SliderSingleProps {
   /** Callback fired when value changes (for side effects) */
   onValueChange?: (value: number | null | undefined) => void;
+  /** Callback fired when value changes (for side effects) */
+  onChange?: (value: SliderSingleProps['value']) => void;
+  isInput?: boolean;
+  size?: 'small' | 'default';
+  className?: string;
+  prefix?: string | ReactNode;
+  inputClassName?: string;
 }
 
 /** Custom slider component with value display */
 const RbSlider: FC<RbSliderProps> = ({
   value,
   min = 0,
+  max,
   onValueChange,
-  step = 1,
+  onChange,
+  step = 0.01,
+  size = 'default' ,
+  isInput = false,
+  className = '',
+  prefix,
+  inputClassName,
   ...rest
 }) => {
+  const [curValue, setCurValue] = useState<SliderSingleProps['value']>(0)
+  useEffect(() => {
+    setCurValue(value)
+  }, [value])
   /** Listen to value changes and trigger side effects via onValueChange callback */
   useEffect(() => {
     if (onValueChange) {
-      onValueChange(value);
+      onValueChange(curValue);
     }
-  }, [value, onValueChange]);
+  }, [curValue, onValueChange]);
+  const handleInputChange: InputNumberProps['onChange'] = (newValue) => {
+    onChange?.(newValue as number | undefined);
+    setCurValue(newValue as number | undefined)
+  };
+  const handleSliderChange: SliderSingleProps['onChange'] = (newValue) => {
+    onChange?.(newValue);
+    setCurValue(newValue)
+  };
 
   return (
-    <div className="rb:flex rb:items-center rb:justify-between rb:gap-2 rb:rounded-[5px]">
+    <Flex
+      align="center"
+      justify="space-between"
+      gap={12}
+      className={`rb:rounded-[5px] ${className}`}
+    >
       {/* Slider with fixed width */}
       <Slider 
         style={{
@@ -48,12 +79,30 @@ const RbSlider: FC<RbSliderProps> = ({
           width: '384px'
         }}
         {...rest}
+        min={min}
+        max={max}
         step={step}
-        value={value}
+        value={curValue}
+        onChange={handleSliderChange}
+        classNames={size === 'small' ? {
+          rail: 'rb:w-[calc(100%-6px)]!'
+        } : undefined}
+        className={size === 'small' ? `${size} rb:flex-1` : undefined}
       />
       {/* Display current value or minimum value */}
-      <div className="rb:text-[14px] rb:text-[#155EEF] rb:leading-5">{value || min}</div>
-    </div>
+      {isInput
+        ? <InputNumber
+          min={min}
+          max={max}
+          step={step as number}
+          value={curValue}
+          onChange={handleInputChange}
+          prefix={prefix}
+          className={`${inputClassName || '' } rb:w-20!`}
+        />
+        : <div className="rb:text-[14px] rb:text-[#155EEF] rb:leading-5">{curValue || min}</div>
+      }
+    </Flex>
   );
 };
 
diff --git a/web/src/components/RbStatistic/index.tsx b/web/src/components/RbStatistic/index.tsx
new file mode 100644
index 00000000..34e23896
--- /dev/null
+++ b/web/src/components/RbStatistic/index.tsx
@@ -0,0 +1,43 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-16 14:52:06 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-16 14:52:06 
+ */
+import { type FC } from 'react';
+
+/**
+ * Props for the RbStatistic component.
+ * @property title - The label displayed above the statistic value.
+ * @property value - The numeric or string value to display.
+ * @property suffix - Optional unit or suffix appended after the value (e.g. "%", "items").
+ */
+interface RbStatistic {
+  title: string;
+  value: number | string;
+  suffix?: string;
+}
+
+/**
+ * RbStatistic – A lightweight statistic display component.
+ *
+ * Renders a title/label on top and a prominent value (with an optional suffix)
+ * below it. Commonly used in dashboard cards and summary panels.
+ *
+ * @example
+ * <RbStatistic title="Total Users" value={1280} suffix="people" />
+ */
+const RbStatistic: FC<RbStatistic> = ({
+  title,
+  value,
+  suffix,
+}) => {
+  return (
+    <div className="rb:leading-5">
+      <div className="rb:text-[#5B6167] rb:mb-1">{title}</div>
+      <div className="rb:text-[#212332] rb:font-medium">{value} {suffix}</div>
+    </div>
+  );
+};
+
+export default RbStatistic
\ No newline at end of file
diff --git a/web/src/components/SearchInput/index.tsx b/web/src/components/SearchInput/index.tsx
index 476c2cbb..2afed648 100644
--- a/web/src/components/SearchInput/index.tsx
+++ b/web/src/components/SearchInput/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:24:23 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:24:23 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 11:15:26
  */
 /**
  * SearchInput Component
@@ -21,10 +21,8 @@ import { useState, type FC, useCallback, useRef } from 'react';
 import { Input, type InputProps } from 'antd';
 import { useTranslation } from 'react-i18next';
 
-import searchIcon from '@/assets/images/search.svg'
-
 /** Props interface for SearchInput component */
-interface SearchInputProps {
+interface SearchInputProps extends InputProps {
   /** Placeholder text */
   placeholder?: string;
   /** Callback fired when search value changes */
@@ -53,6 +51,7 @@ const SearchInput: FC<SearchInputProps> = ({
   throttleDelay,
   defaultValue = undefined,
   className = '',
+  variant = 'filled',
   ...props
 }) => {
   const { t } = useTranslation();
@@ -112,12 +111,13 @@ const SearchInput: FC<SearchInputProps> = ({
   return (
     <Input
       allowClear
-      prefix={<img src={searchIcon} alt="search" className="rb:w-4 rb:h-4 rb:mr-1" />}
+      prefix={<div className="rb:size-4 rb:bg-[url('@/assets/images/search.svg')] rb:mr-1"></div>}
       placeholder={placeholder || t('user.searchPlaceholder')}
       value={value}
       onChange={handleChange}
       style={{ width: '300px' }}
       className={className}
+      variant={variant}
       {...props}
     />
   );
diff --git a/web/src/components/SiderMenu/index.module.css b/web/src/components/SiderMenu/index.module.css
index 4a6feebd..9cc61665 100644
--- a/web/src/components/SiderMenu/index.module.css
+++ b/web/src/components/SiderMenu/index.module.css
@@ -1,10 +1,10 @@
 .sider {
-  border-right: 1px solid #EAECEE;
+  /* border-right: 1px solid #EAECEE; */
   max-height: 100vh;
 }
 .title {
   height: 64px;
-  padding: 24px 12px 12px 12px;
+  padding: 24px 10px 12px 12px;
   font-family: Gilroy, Gilroy;
   font-weight: 800;
   font-size: 16px;
@@ -13,7 +13,7 @@
   text-align: left;
   font-style: normal;
   display: flex;
-  border-bottom: 1px solid #EAECEE;
+  /* border-bottom: 1px solid #EAECEE; */
   justify-content: space-between;
   gap: 12px;
 }
@@ -27,8 +27,12 @@
   height: 24px;
   margin-right: 8px;
 }
-.menuIcon {
-  cursor: pointer;
-  width: 28px;
-  height: 28px;
+.sider :global(.ant-menu .ant-menu-item-group-title) {
+  padding-left: 20px;
+  padding-top: 10px;
+  padding-bottom: 4px;
+  font-weight: 500;
+}
+.sider :global(.ant-menu .ant-menu-item-divider) {
+  margin: 20px 20px 10px 20px;
 }
\ No newline at end of file
diff --git a/web/src/components/SiderMenu/index.tsx b/web/src/components/SiderMenu/index.tsx
index 21202aa0..21f7fd36 100644
--- a/web/src/components/SiderMenu/index.tsx
+++ b/web/src/components/SiderMenu/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:25:31 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-04 13:49:16
+ * @Last Modified time: 2026-03-27 19:11:43
  */
 /**
  * SiderMenu Component
@@ -19,7 +19,7 @@
  */
 
 import { useState, useEffect, type FC } from 'react';
-import { Menu as AntMenu, Layout } from 'antd';
+import { Menu as AntMenu, Layout, Flex } from 'antd';
 import { UserOutlined } from '@ant-design/icons';
 import type { MenuProps } from 'antd';
 import { useNavigate, useLocation } from 'react-router-dom';
@@ -29,46 +29,47 @@ import clsx from 'clsx';
 import { useMenu, type MenuItem } from '@/store/menu';
 import styles from './index.module.css'
 import logo from '@/assets/images/logo.png'
-import menuFold from '@/assets/images/menuFold.png'
-import menuUnfold from '@/assets/images/menuUnfold.png'
 import { useUser } from '@/store/user';
-import logout from '@/assets/images/logout.svg'
 
 // Import SVG files
-import dashboardIcon from '@/assets/images/menu/dashboard.svg';
-import dashboardActiveIcon from '@/assets/images/menu/dashboard_active.svg';
-import modelIcon from '@/assets/images/menu/model.svg';
-import modelActiveIcon from '@/assets/images/menu/model_active.svg';
-import memoryIcon from '@/assets/images/menu/memory.svg';
-import memoryActiveIcon from '@/assets/images/menu/memory_active.svg';
-import spaceIcon from '@/assets/images/menu/space.svg';
-import spaceActiveIcon from '@/assets/images/menu/space_active.svg';
-import userIcon from '@/assets/images/menu/user.svg';
-import userActiveIcon from '@/assets/images/menu/user_active.svg';
-import userMemoryIcon from '@/assets/images/menu/userMemory.svg';
-import userMemoryActiveIcon from '@/assets/images/menu/userMemory_active.svg';
-import applicationIcon from '@/assets/images/menu/application.svg';
-import applicationActiveIcon from '@/assets/images/menu/application_active.svg';
-import knowledgeIcon from '@/assets/images/menu/knowledge.svg';
-import knowledgeActiveIcon from '@/assets/images/menu/knowledge_active.svg';
-import memoryConversationIcon from '@/assets/images/menu/memoryConversation.svg';
-import memoryConversationActiveIcon from '@/assets/images/menu/memoryConversation_active.svg';
-import memberIcon from '@/assets/images/menu/member.svg';
-import memberActiveIcon from '@/assets/images/menu/member_active.svg';
-import toolIcon from '@/assets/images/menu/tool.png';
-import toolActiveIcon from '@/assets/images/menu/tool_active.png';
-import apiKeyIcon from '@/assets/images/menu/apiKey.png';
-import apiKeyActiveIcon from '@/assets/images/menu/apiKey_active.png';
-import pricingIcon from '@/assets/images/menu/pricing.svg'
-import pricingActiveIcon from '@/assets/images/menu/pricing_active.svg'
-import spaceConfigIcon from '@/assets/images/menu/spaceConfig.svg'
-import spaceConfigActiveIcon from '@/assets/images/menu/spaceConfig_active.svg'
-import ontologyIcon from '@/assets/images/menu/ontology.svg'
-import ontologyActiveIcon from '@/assets/images/menu/ontology_active.svg'
-import promptIcon from '@/assets/images/menu/prompt.svg'
-import promptActiveIcon from '@/assets/images/menu/prompt_active.svg'
-import skillsIcon from '@/assets/images/menu/skills.svg'
-import skillsActiveIcon from '@/assets/images/menu/skills_active.svg'
+// space
+import dashboardIcon from '@/assets/images/menuNew/dashboard.svg';
+import dashboardActiveIcon from '@/assets/images/menuNew/dashboard_active.svg';
+import applicationIcon from '@/assets/images/menuNew/application.svg';
+import applicationActiveIcon from '@/assets/images/menuNew/application_active.svg';
+import knowledgeIcon from '@/assets/images/menuNew/knowledge.svg';
+import knowledgeActiveIcon from '@/assets/images/menuNew/knowledge_active.svg';
+import memoryIcon from '@/assets/images/menuNew/memory.svg';
+import memoryActiveIcon from '@/assets/images/menuNew/memory_active.svg';
+import userMemoryIcon from '@/assets/images/menuNew/userMemory.svg';
+import userMemoryActiveIcon from '@/assets/images/menuNew/userMemory_active.svg';
+import memoryConversationIcon from '@/assets/images/menuNew/memoryConversation.svg';
+import memoryConversationActiveIcon from '@/assets/images/menuNew/memoryConversation_active.svg';
+import apiKeyIcon from '@/assets/images/menuNew/apiKey.svg';
+import apiKeyActiveIcon from '@/assets/images/menuNew/apiKey_active.svg';
+import memberIcon from '@/assets/images/menuNew/member.svg';
+import memberActiveIcon from '@/assets/images/menuNew/member_active.svg';
+import ontologyIcon from '@/assets/images/menuNew/ontology.svg'
+import ontologyActiveIcon from '@/assets/images/menuNew/ontology_active.svg'
+import spaceConfigIcon from '@/assets/images/menuNew/spaceConfig.svg'
+import spaceConfigActiveIcon from '@/assets/images/menuNew/spaceConfig_active.svg'
+import promptIcon from '@/assets/images/menuNew/prompt.svg'
+import promptActiveIcon from '@/assets/images/menuNew/prompt_active.svg'
+
+// manage
+import modelIcon from '@/assets/images/menuNew/model.svg';
+import modelActiveIcon from '@/assets/images/menuNew/model_active.svg';
+import spaceIcon from '@/assets/images/menuNew/space.svg';
+import spaceActiveIcon from '@/assets/images/menuNew/space_active.svg';
+import userIcon from '@/assets/images/menuNew/user.svg';
+import userActiveIcon from '@/assets/images/menuNew/user_active.svg';
+import toolIcon from '@/assets/images/menuNew/tool.svg';
+import toolActiveIcon from '@/assets/images/menuNew/tool_active.svg';
+import pricingIcon from '@/assets/images/menuNew/pricing.svg'
+import pricingActiveIcon from '@/assets/images/menuNew/pricing_active.svg'
+import skillsIcon from '@/assets/images/menuNew/skills.svg'
+import skillsActiveIcon from '@/assets/images/menuNew/skills_active.svg'
+
 
 /** Icon path mapping table for menu items (normal and active states) */
 const iconPathMap: Record<string, string> = {
@@ -127,11 +128,36 @@ const Menu: FC<{
 
   /** Filter menus based on user role and source */
   useEffect(() => {
+    if (!user) return
+    let menuList: MenuItem[] = []
+    
     if (user.role === 'member' && source === 'space') {
-      setMenus((allMenus[source] || []).filter(menu => menu.code !== 'member'))
+      menuList = (allMenus[source] || []).filter(menu => menu.code !== 'member')
     } else if (user) {
-      setMenus(allMenus[source] || [])
+      menuList = allMenus[source] || []
     }
+
+    const noAuthList = ['user', 'pricing'].filter(vo => (Array.isArray(user.permissions) && !user.permissions?.includes(vo) && !user.permissions?.includes('all')) || !Array.isArray(user.permissions))
+
+    if (noAuthList && !noAuthList?.includes('all')) {
+      const filterMenus = (list: MenuItem[]): MenuItem[] =>{
+        const filterList = list?.filter(menu => !noAuthList?.includes(menu.code as string))
+
+        const showList: MenuItem[] = [] 
+        filterList?.forEach(menu => {
+          const filteredSubs = filterMenus(menu.subs || [])
+          const hadSubs = menu.subs && menu.subs.length > 0
+          if (hadSubs && filteredSubs.length === 0) return
+          if (menu.type === 'group' && (!menu.subs || menu.subs?.length < 1)) return
+          showList.push({ ...menu, subs: filteredSubs })
+        })
+
+        return showList
+      }
+      menuList = filterMenus(menuList)
+    }
+
+    setMenus(menuList)
   }, [source, allMenus, user])
   
   /** Handle menu item click and navigate to path */
@@ -145,43 +171,57 @@ const Menu: FC<{
 
   /** Convert custom menu format to Ant Design Menu items format */
   const generateMenuItems = (menuList: MenuItem[]): MenuProps['items'] => {
+    const items: MenuProps['items'] = [];
+    const filteredMenus = menuList.filter(menu => menu.display);
 
-    return menuList.filter(menu => menu.display).map((menu) => {
+    filteredMenus.forEach((menu, index) => {
       const iconKey = selectedKeys.includes(menu.path || '') ? `${menu.code}Active` : menu.code;
       const iconSrc = iconPathMap[iconKey as keyof typeof iconPathMap];
       const subs = (menu.subs || []).filter(sub => sub.display);
+
       /** Leaf node - menu item without children */
       if (!subs || subs.length === 0) {
-        if (!menu.path) return null;
-
-        return {
-          key: menu.path,
-          title: menu.i18nKey ? t(menu.i18nKey) : menu.label,
-          label: (
-            <span data-menu-id={menu.path}>
-              {menu.i18nKey ? t(menu.i18nKey) : menu.label}
-            </span>
-          ),
+        if (menu.path) {
+          items.push({
+            key: menu.path,
+            title: menu.i18nKey ? t(menu.i18nKey) : menu.label,
+            label: (
+              <span data-menu-id={menu.path}>
+                {menu.i18nKey ? t(menu.i18nKey) : menu.label}
+              </span>
+            ),
+            icon: iconSrc ? <img
+              src={iconSrc}
+              className="rb:w-4 rb:h-4"
+              alt={iconSrc}
+            /> : null,
+          });
+        }
+      } else {
+        /** Node with submenu - menu item with children */
+        const menuLabel = collapsed && menu.type === 'group'? '':  menu.i18nKey ? t(menu.i18nKey) : menu.label;
+        const children = generateMenuItems(subs) || [];
+        items.push({
+          key: `submenu-${menu.id}`,
+          ...(menu.type === 'group' ? { type: 'group' as const } : {}),
+          title: menuLabel,
+          label: menuLabel,
           icon: iconSrc ? <img
             src={iconSrc}
-            className="rb:w-4 rb:h-4 rb:mr-2"
-          /> : null,
-        };
+            className="rb:w-4 rb:h-4"
+            alt={iconSrc}
+          /> : <UserOutlined/>,
+          children,
+        });
       }
 
-      /** Node with submenu - menu item with children */
-      const menuLabel = menu.i18nKey ? t(menu.i18nKey) : menu.label;
-      return {
-        key: `submenu-${menu.id}`,
-        title: menuLabel,
-        label: menuLabel,
-        icon: iconSrc ? <img
-          src={iconSrc}
-          className="rb:w-4 rb:h-4 rb:mr-2"
-        /> : <UserOutlined/>,
-        children: generateMenuItems(subs),
-      };
-    }).filter(Boolean);
+      /** Add divider after group items (except the last one) */
+      if (menu.type === 'group' && index < filteredMenus.length - 1) {
+        items.push({ type: 'divider', key: `divider-${menu.id}` });
+      }
+    });
+
+    return items;
   };
 
   /** Generate menu items from configuration */
@@ -252,20 +292,26 @@ const Menu: FC<{
         'rb:flex rb:items-center rb:text-[14px]! rb:py-2!': !collapsed && source === 'space' && user.current_workspace_name,
       })}>
         {!collapsed && source === 'space' && user.current_workspace_name
-          ? <div className="rb:w-43.75 rb:text-center">
-            <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{user.current_workspace_name}</div>
-            <span className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">
-              {t(`space.${storageType}`)}
-            </span>
-          </div>
-          : !collapsed
-            ? <div className="rb:flex">
-              <img src={logo} className={styles.logo} />
-              {t('title')}
+          ? <Flex gap={9}>
+            <Flex align="center" justify="center" className="rb:size-10 rb:rounded-xl rb:bg-[#171719] rb:text-white rb:text-[18px] rb:font-medium">{user.current_workspace_name[0]}</Flex>
+            <div className="rb:w-32">
+              <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:font-medium rb:text-[16px] rb:leading-5.5">{user.current_workspace_name}</div>
+              <span className="rb:text-[14px] rb:text-[#5B6167] rb:leading-5 rb:font-regular">
+                {t(`space.${storageType}`)}
+              </span>
             </div>
+          </Flex>
+          : !collapsed
+            ? <Flex>
+              <img src={logo} className={styles.logo}
+                alt={logo} />
+              {t('title')}
+            </Flex>
             : null
         }
-        <img src={collapsed ? menuUnfold : menuFold} className={styles.menuIcon} onClick={toggleSider} />
+        <div className={clsx("rb:cursor-pointer rb:size-5 rb:bg-cover rb:bg-[url('@/assets/images/menuNew/menuFold.svg')]", {
+          'rb:rotate-180': collapsed
+        })} onClick={toggleSider}></div>
       </div>
       {/* Main navigation menu */}
       <AntMenu
@@ -276,18 +322,24 @@ const Menu: FC<{
         onClick={handleMenuClick}
         items={menuItems}
         inlineCollapsed={collapsed}
-        inlineIndent={13}
-        className="rb:max-h-[calc(100vh-136px)] rb:overflow-y-auto"
+        inlineIndent={10}
+        className={clsx("rb:overflow-y-auto", {
+          'rb:max-h-[calc(100vh-136px)]': user?.is_superuser && source === 'space',
+          'rb:max-h-[calc(100vh-76px)]': !(user?.is_superuser && source === 'space')
+        })}
       />
       {/* Return to space button for superusers */}
       {user?.is_superuser && source === 'space' &&
-        <div
+        <Flex
+          gap={8}
+          align="center"
+          justify="start"
           onClick={goToSpace}
-          className="rb:pl-6.25 rb:flex rb:items-center rb:justify-start rb:absolute rb:bottom-8 rb:w-full rb:text-[12px] rb:text-[#5B6167] rb:hover:text-[#212332] rb:leading-4 rb:font-regular rb:text-center rb:mt-6 rb:cursor-pointer"
+          className="rb-border-t rb:pt-5! rb:pb-2.5! rb:absolute rb:bottom-2.5 rb:right-5 rb:left-5 rb:text-[13px] rb:text-[#5B6167] rb:hover:text-[#212332] rb:leading-4.5 rb:font-regular rb:text-center rb:mt-2.25 rb:cursor-pointer"
         >
-          <img src={logout} className="rb:w-4 rb:h-4 rb:mr-4" />
+          <div className="rb:cursor-pointer rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/logout.svg')]"></div>
           {collapsed ? null : t('common.returnToSpace')}
-        </div>
+        </Flex>
       }
     </Sider>
   );
diff --git a/web/src/components/SliderInput/index.tsx b/web/src/components/SliderInput/index.tsx
index f862010b..7f62ad2c 100644
--- a/web/src/components/SliderInput/index.tsx
+++ b/web/src/components/SliderInput/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:26:44 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:26:44 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 18:14:20
  */
 /**
  * SliderInput Component
@@ -107,7 +107,7 @@ const SliderInput: FC<SliderInputProps> = ({
     <div className={`rb:w-full ${className}`}>
       {/* Optional label */}
       {label && (
-        <div className="rb:text-sm rb:font-medium rb:text-gray-700">
+        <div className="rb:text-[#5B6167] rb:leading-5 rb:mb-1">
           {label}
         </div>
       )}
@@ -127,7 +127,7 @@ const SliderInput: FC<SliderInputProps> = ({
           />
         </Col>
         {/* Input number component */}
-        <Col flex="120px">
+        <Col flex="80px">
           <InputNumber
             min={min}
             max={max}
@@ -135,7 +135,7 @@ const SliderInput: FC<SliderInputProps> = ({
             value={internalValue}
             onChange={handleInputChange}
             disabled={disabled}
-            className={`rb:w-full ${inputClassName}`}
+            className={`rb:w-full! ${inputClassName}`}
             controls
           />
         </Col>
diff --git a/web/src/components/SortableList/index.tsx b/web/src/components/SortableList/index.tsx
index 1ac27a82..339d507d 100644
--- a/web/src/components/SortableList/index.tsx
+++ b/web/src/components/SortableList/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:27:36 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:27:36 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 12:02:23
  */
 /**
  * SortableList Component
diff --git a/web/src/components/StatusTag/index.tsx b/web/src/components/StatusTag/index.tsx
index 47a1b6f8..913a5a99 100644
--- a/web/src/components/StatusTag/index.tsx
+++ b/web/src/components/StatusTag/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:29:42 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:29:42 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-16 11:59:09
  */
 /**
  * StatusTag Component
@@ -14,7 +14,7 @@
  */
 
 import { type FC } from 'react'
-import { Tag } from 'antd';
+import { Tag, Flex } from 'antd';
 import clsx from 'clsx';
 
 /** Props interface for StatusTag component */
@@ -40,13 +40,12 @@ const StatusTag: FC<StatusTagProps> = ({
   status,
   text
 }) => {
-  console.log('status', status)
   return (
-    <Tag style={{ backgroundColor: '#fff', borderColor: '#DFE4ED' }}>
-      <span className='rb:flex rb:items-center rb:text-[#5B6167] rb:pl-px rb:pr-px'>
-        <span className={clsx(' rb:w-1.25 rb:h-1.25 rb:rounded-full rb:mr-1', Colors[status])}></span>
+    <Tag className="rb:bg-white! rb:border-[#EBEBEB]! rb:rounded-md!">
+      <Flex align="center" gap={4} className='rb:text-[#5B6167] rb:py-px rb:px-2'>
+        <span className={clsx('rb:size-1.25 rb:rounded-full', Colors[status])}></span>
         { text }
-      </span>
+      </Flex>
     </Tag>
   )
 }
diff --git a/web/src/components/Table/index.tsx b/web/src/components/Table/index.tsx
index b045e76d..62c9421a 100644
--- a/web/src/components/Table/index.tsx
+++ b/web/src/components/Table/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:29:46 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-02 15:32:11
+ * @Last Modified time: 2026-03-26 14:52:23
  */
 /**
  * RbTable Component
@@ -30,21 +30,21 @@ import Empty from '@/components/Empty';
 interface TablePaginationConfig { pagesize: number; page: number; }
 
 /** Props interface for Table component */
-interface TableComponentProps extends Omit<TableProps, 'pagination'> {
+interface TableComponentProps<T = Record<string, unknown>, Q = Record<string, unknown>> extends Omit<TableProps<T>, 'pagination'> {
   /** Table column definitions */
-  columns: ColumnsType;
+  columns: ColumnsType<T>;
   /** API endpoint URL for data fetching */
   apiUrl?: string;
   /** Query parameters for API request */
-  apiParams?: Record<string, unknown>;
+  apiParams?: Q;
   /** Pagination configuration or boolean to enable/disable */
   pagination?: boolean | TablePaginationConfig;
   /** Key to use for row identification */
   rowKey: string;
   /** Row selection configuration */
-  rowSelection?: TableProps['rowSelection'];
+  rowSelection?: TableProps<T>['rowSelection'];
   /** Initial data to display (used when no API) */
-  initialData?: Record<string, unknown>[];
+  initialData?: T[];
   /** Size of empty state icon */
   emptySize?: number;
   /** Custom empty state text */
@@ -81,7 +81,7 @@ const dealSo = (params: any) => {
 }
 
 /** Table component with pagination and API integration */
-const RbTable = forwardRef<TableRef, TableComponentProps>(({
+const RbTable = forwardRef(<T = Record<string, unknown>, Q = Record<string, unknown>>({
   columns,
   apiUrl,
   apiParams,
@@ -96,13 +96,13 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
   scrollY,
   currentPageKey = 'page',
   ...props
-}, ref) => {
+}: TableComponentProps<T, Q>, ref: React.Ref<TableRef>) => {
   const { t } = useTranslation();
-  const [data, setData] = useState<Record<string, unknown>[]>(initialData || [])
+  const [data, setData] = useState<T[]>(initialData || [])
   const [loading, setLoading] = useState(false)
   const [currentPagination, setCurrentPagination] = useState({
     page: 1,
-    pagesize: 10,
+    pagesize: 20,
   });
   const [total, setTotal] = useState(0);
 
@@ -122,7 +122,7 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
       })
     }
   }
-  
+
   /** Fetch data from API with pagination */
   const getList = (pageData: TablePaginationConfig) => {
     if (!apiUrl) {
@@ -134,7 +134,7 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
         ...currentPagination,
         ...pageData,
       })
-      params = { ...params, ...pageData, [currentPageKey]: pageData.page}
+      params = { ...params, ...pageData, [currentPageKey]: pageData.page }
     }
     setLoading(true)
     /** Build query parameters and call API */
@@ -151,7 +151,7 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
         setLoading(false)
       })
   }
-  
+
   /** Reload data when initialized or apiParams changes */
   useEffect(() => {
     loadData()
@@ -164,7 +164,7 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
       pagesize
     })
   }
-  
+
   /** Pagination configuration with i18n support */
   const paginationConfig = pagination ? ({
     ...(typeof pagination === 'object' ? pagination : {}),
@@ -173,7 +173,7 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
     onChange: handlePageChange,
     showSizeChanger: true,
     showQuickJumper: true,
-    showTotal: (totalCount: number) => t('table.totalRecords', {total: totalCount})
+    showTotal: (totalCount: number) => t('table.totalRecords', { total: totalCount })
   }) : false;
 
 
@@ -186,27 +186,27 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
   /** Calculate scroll configuration based on props */
   const getScrollConfig = () => {
     if (!isScroll && !scrollX && !scrollY) return undefined;
-    
+
     const config: { x?: number | string | true; y?: number | string } = {};
-    
+
     /** Only apply horizontal scroll when there is data */
     if (scrollX !== undefined && data.length > 0) {
       config.x = scrollX;
     } else if (isScroll) {
       config.x = 'max-content';
     }
-    
+
     if (scrollY !== undefined) {
       config.y = scrollY;
     } else if (isScroll) {
-      config.y = 'calc(100vh - 280px)';
+      config.y = 'calc(100vh - 224px)';
     }
-    
+
     return Object.keys(config).length > 0 ? config : undefined;
   };
 
   return (
-    <Table
+    <Table<T>
       {...props}
       rowKey={rowKey}
       loading={loading}
@@ -214,12 +214,11 @@ const RbTable = forwardRef<TableRef, TableComponentProps>(({
       dataSource={data}
       pagination={paginationConfig}
       rowSelection={rowSelection}
-      rowClassName="rb:text-[#5B6167]"
       locale={{ emptyText: <Empty size={emptySize} subTitle={emptyText} /> }}
       scroll={getScrollConfig()}
       tableLayout="auto"
     />
   );
-});
+}) as <T = Record<string, unknown>, Q = Record<string, unknown>>(props: TableComponentProps<T, Q> & { ref?: React.Ref<TableRef> }) => React.ReactElement;
 
 export default RbTable;
\ No newline at end of file
diff --git a/web/src/components/Upload/UploadFiles.tsx b/web/src/components/Upload/UploadFiles.tsx
index 86864d9a..124c6ebd 100644
--- a/web/src/components/Upload/UploadFiles.tsx
+++ b/web/src/components/Upload/UploadFiles.tsx
@@ -10,7 +10,6 @@ import { useTranslation } from 'react-i18next';
 import { cookieUtils } from '@/utils/request'
 import { fileUpload } from '@/api/fileStorage'
 
-const { confirm } = Modal;
 const { Dragger } = Upload;
 
 interface UploadFilesProps extends Omit<UploadProps, 'onChange'> {
@@ -91,14 +90,14 @@ const UploadFiles = forwardRef<UploadFilesRef, UploadFilesProps>(({
   ...props
 }, ref) => {
   const { t } = useTranslation();
-  const { message } = App.useApp()
+  const { message, modal } = App.useApp()
   const [fileList, setFileList] = useState<UploadFile[]>(propFileList);
   const [accept, setAccept] = useState<string | undefined>();
 
   // 处理文件移除
   const handleRemove = (file: UploadFile) => {
     // 显示确认弹窗
-    confirm({
+    modal.confirm({
       title: `${t('common.confirmRemoveFile')}`,
       okText: `${t('common.confirm')}`,
       okType: 'danger',
@@ -240,10 +239,10 @@ const UploadFiles = forwardRef<UploadFilesRef, UploadFilesProps>(({
 
   if (isCanDrag) {
     return (
-      <div className="rb:mb-6 rb:w-full">
+      <div className="rb:mb-6 rb:w-full  rb:border rb:border-dashed rb:border-gray-900 rb:rounded-xl">
         <Dragger {...uploadProps} style={{ height: '270px' }}>
           <div className="rb:flex rb:justify-center rb:flex-col rb:items-center">
-            <img className="rb:w-12 rb:h-12" src={CloudUploadOutlined} />
+            <div className="rb:size-12 rb:bg-cover rb:bg-[url('@/assets/images/CloudUploadOutlined.svg')]"></div>
             {(!isAutoUpload || !hasProgress && (!fileList || !fileList.length)) &&
               <>
                 <div className="rb:text-base rb:text-[14px] rb:font-medium rb:flex rb:items-center rb:mt-2 rb:leading-5">
diff --git a/web/src/components/Upload/UploadImages.tsx b/web/src/components/Upload/UploadImages.tsx
index e60a5b81..246d0a7c 100644
--- a/web/src/components/Upload/UploadImages.tsx
+++ b/web/src/components/Upload/UploadImages.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:30:52 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-02 15:57:03
+ * @Last Modified time: 2026-02-10 15:01:42
  */
 /**
  * UploadImages Component
@@ -238,7 +238,7 @@ const UploadImages = forwardRef<UploadImagesRef, UploadImagesProps>(({
         {...uploadProps}
       >
         {fileList.length < maxCount && (
-          <img src={PlusIcon} className="rb:size-7" />
+          <div className="rb:size-7 rb:bg-cover rb:bg-[url('@/assets/images/plus.svg')]"></div>
         )}  
       </Upload>
       {previewImage && (
diff --git a/web/src/hooks/useNavigationBreadcrumbs.ts b/web/src/hooks/useNavigationBreadcrumbs.ts
index 2b9cd06a..44d62874 100644
--- a/web/src/hooks/useNavigationBreadcrumbs.ts
+++ b/web/src/hooks/useNavigationBreadcrumbs.ts
@@ -33,92 +33,72 @@ export const useNavigationBreadcrumbs = (source: 'space' | 'manage' = 'manage')
     const currentPath = location.pathname;
     const menus = allMenus[source] || [];
 
-    /** Find matching menu item and build key path */
-    const findMenuKeyPath = (menuList: any[], parentKeys: string[] = []): string[] | null => {
-      let bestMatch: { path: string; parentId?: string; score: number } | null = null;
-      
-      for (const menu of menuList) {
-        /** Check submenus */
-        if (menu.subs && menu.subs.length > 0) {
-          const menuPath = menu.path ? (menu.path[0] !== '/' ? '/' + menu.path : menu.path) : '';
-          for (const sub of menu.subs) {
-            if (sub.path) {
-              const subPath = sub.path[0] !== '/' ? '/' + sub.path : sub.path;
-              
-              /** Exact match has priority */
-              if (subPath === currentPath) {
-                return [sub.path, `${menu.id}`];
-              }
-              console.log('menuPath', menuPath)
-              /** Dynamic route matching */
-              if (subPath.includes(':')) {
-                /** Check if under parent menu */
-                if (menuPath && currentPath.startsWith(menuPath + '/')) {
-                  const relativePath = currentPath.replace(menuPath, '');
-                  const pathSegments = subPath.split('/');
-                  const relativeSegments = relativePath.split('/');
-                  if (pathSegments.length === relativeSegments.length) {
-                    const pathPattern = subPath.replace(/:[\w-]+/g, '[^/]+').replace(/\[[\w-]+\]/g, '[^/]+');
-                    const regex = new RegExp(`^${pathPattern}$`);
-                    if (regex.test(relativePath)) {
-                      return [sub.path, `${menu.id}`];
-                    }
-                  }
-                }
-                /** Direct match submenu path */
-                const pathSegments = subPath.split('/');
-                const currentSegments = currentPath.split('/');
-                if (pathSegments.length === currentSegments.length) {
-                  const pathPattern = subPath.replace(/:[\w-]+/g, '[^/]+').replace(/\[[\w-]+\]/g, '[^/]+');
-                  const regex = new RegExp(`^${pathPattern}$`);
-                  if (regex.test(currentPath)) {
-                    return [sub.path, `${menu.id}`];
-                  }
-                }
-              }
-            }
-          }
-        }
-        
-        /** Check main menu */
-        if (menu.path) {
-          const menuPath = menu.path[0] !== '/' ? '/' + menu.path : menu.path;
-          /** Exact match has priority */
-          if (menuPath === currentPath) {
-            return [menu.path, ...parentKeys].reverse();
-          }
-          /** Dynamic route matching */
-          if (menuPath.includes(':')) {
-            const pathSegments = menuPath.split('/');
-            const currentSegments = currentPath.split('/');
-            if (pathSegments.length === currentSegments.length) {
-              const pathPattern = menuPath.replace(/:[\w-]+/g, '[^/]+').replace(/\[[\w-]+\]/g, '[^/]+');
-              const regex = new RegExp(`^${pathPattern}$`);
-              if (regex.test(currentPath)) {
-                const score = menuPath.split('/').length;
-                if (!bestMatch || score > bestMatch.score) {
-                  bestMatch = { path: menu.path, score };
-                }
-              }
-            }
-          } else if (currentPath.startsWith(menuPath + '/')) {
-            const score = menuPath.split('/').length;
-            if (!bestMatch || score > bestMatch.score) {
-              bestMatch = { path: menu.path, score };
-            }
-          }
-        }
+    const pathMatches = (pattern: string, path: string): boolean => {
+      const normalized = pattern[0] !== '/' ? '/' + pattern : pattern;
+      if (normalized === path) return true;
+      if (normalized.includes(':')) {
+        const regex = new RegExp('^' + normalized.replace(/:[\\w-]+/g, '[^/]+') + '$');
+        return regex.test(path);
       }
-      
-      if (bestMatch) {
-        return bestMatch.parentId ? [bestMatch.path, bestMatch.parentId] : [bestMatch.path];
+      return false;
+    };
+
+    /**
+     * Recursively search menu tree, returns keyPath or null.
+     * keyPath format:
+     *  - 1-level: [path]
+     *  - 2-level: [subPath, parentId]
+     *  - 3-level: [subSubPath, subId, parentId]
+     */
+    /**
+     * parentId: the group's id when recursing into group subs
+     * keyPath format:
+     *  - 1-level: [path]
+     *  - 2-level: [subPath, parentId]
+     *  - 3-level: [subSubPath, subId, parentId]
+     */
+    const findKeyPath = (menuList: any[], groupId?: string): string[] | null => {
+      for (const menu of menuList) {
+        /** Group menus: recurse into subs, passing group id */
+        if (menu.type === 'group' && menu.subs?.length) {
+          const result = findKeyPath(menu.subs, `${menu.id}`);
+          if (result) return result;
+          continue;
+        }
+
+        if (menu.subs?.length) {
+          for (const sub of menu.subs) {
+            /** Check third-level subs */
+            if (sub.subs?.length) {
+              for (const subSub of sub.subs) {
+                if (subSub.path && pathMatches(subSub.path, currentPath)) {
+                  return [subSub.path, `${sub.id}`, `${menu.id}`];
+                }
+              }
+            }
+            /** Second-level match: sub is a leaf under menu */
+            if (sub.path && pathMatches(sub.path, currentPath)) {
+              /** If menu is inside a group, return 3-level: [subPath, menuId, groupId] */
+              return groupId
+                ? [sub.path, `${menu.id}`, groupId]
+                : [sub.path, `${menu.id}`];
+            }
+          }
+        }
+
+        /** First-level / group-child match */
+        if (menu.path && pathMatches(menu.path, currentPath)) {
+          return groupId ? [menu.path, groupId] : [menu.path];
+        }
       }
       return null;
     };
 
-    const keyPath = findMenuKeyPath(menus);
+    const keyPath = findKeyPath(menus);
+
+    console.log('keyPath', keyPath)
     if (keyPath) {
       updateBreadcrumbs(keyPath, source);
     }
   }, [location.pathname, allMenus, source, updateBreadcrumbs]);
-};
\ No newline at end of file
+};
diff --git a/web/src/i18n/en.ts b/web/src/i18n/en.ts
index 2007005f..9b957a84 100644
--- a/web/src/i18n/en.ts
+++ b/web/src/i18n/en.ts
@@ -115,6 +115,12 @@ export const en = {
       ontology: 'Ontology Engineering',
       prompt: 'Prompt Engineering',
       skills: 'Skill Library',
+      workbench: 'Workbench',
+      memoryRelated: 'Memory-Related',
+      advancedSettings: 'Advanced Settings',
+      promptHistory: 'My history',
+      platformManagement: 'Platform Management',
+      systemSettings: 'System Settings',
     },
     dashboard: {
       total_models: 'Available Models',
@@ -185,19 +191,14 @@ export const en = {
 
       extractMemoryContent: 'Extract Memory Content',
       createNewMemorySummary: 'Create New Memory Entry',
-
       createNewApplication: 'Create New Application',
-      createNewApplicationDesc: 'Build an app in just 3 minutes with zero-code drag-and-drop.',
-
+      createNewApplicationDesc: 'Build an app in 3 minutes, no code.',
       createNewKnowledge: 'Create New Knowledge',
-      createNewKnowledgeDesc: 'Transform your data into a fully searchable, dedicated knowledge base in seconds.',
-
+      createNewKnowledgeDesc: 'Create a searchable knowledge base instantly.',
       memoryConversation: 'Memory Conversation',
-      memoryConversationDesc: 'The more you use it, the better AI understands you.',
+      memoryConversationDesc: 'The more you use it, the better AI knows you.',
       helpCenter: 'Help Center',
-      helpCenterDesc: 'One-stop support to answer your questions and get you started fast.',
-      memorySummary: 'View Memory Summary',
-      memorySummaryDesc: 'View Memory Summary Report',
+      helpCenterDesc: 'One place to get help and start fast.',
 
       activityEmpty: 'There is currently no memory activity',
       tagEmpty: 'There are no tag records at the moment～',
@@ -214,7 +215,12 @@ export const en = {
       dialogue: 'Dialogue',
       chunk: 'Chunk',
       statement: 'Statement',
-      entity: 'Entity'
+      entity: 'Entity',
+
+      apiCallTrends: 'Api Call Trends',
+      total_calls: 'Total API Calls',
+      app_calls: 'Application API Calls',
+      service_calls: 'Service API Calls',
     },
     table: {
       totalRecords: 'Total {{total}} Articles'
@@ -240,6 +246,7 @@ export const en = {
       zh: 'Chinese'
     },
     user: {
+      userList: 'User List',
       searchPlaceholder: 'search user…',
       userId: 'User ID',
       username: 'Username',
@@ -459,7 +466,9 @@ export const en = {
       imageSquareRequired: 'Please upload a square image',
       nameInvalid: 'Name cannot start or end with a space',
       notAllSpaces: 'Cannot be all spaces',
+      download: 'Download',
       view: 'View',
+      updated_at: 'Updated At',
       callbackUrlInvalid: 'Please enter a valid URL',
     },
     model: {
@@ -599,6 +608,7 @@ export const en = {
       official: 'Official',
       deprecated: 'Deprecated',
 
+      image: 'Image',
       llm: 'LLM',
       chat: 'Chat',
       embedding: 'Embedding',
@@ -611,6 +621,8 @@ export const en = {
       bedrock: "Bedrock",
 
       is_vision: 'Vision Support',
+      is_video: 'Video Support',
+      is_audio: 'Audio Support',
       is_omni: 'Omni Support',
       vision: 'Vision',
       audio: 'Audio',
@@ -629,6 +641,7 @@ export const en = {
       documentInfo: 'Document Information',
       documentPreview:'Document Preview',
       type: 'Type',
+      viewBasicInfo: 'View Basic Information',
       permission_id: 'Permission',
       status: 'Status',
       created_at: 'Created At',
@@ -1044,7 +1057,7 @@ export const en = {
       forgetting_interval_hours: 'Forgetting Interval Hours'
     },
     application: {
-      searchPlaceholder: 'Search for applications or clusters',
+      searchPlaceholder: 'Search for applications',
       createApplication: 'Create Application',
       type: 'Type',
       source: 'Source',
@@ -1055,6 +1068,7 @@ export const en = {
       applicationName: 'Application Name',
       applicationIcon: 'Application Icon',
       applicationType: 'Application Type',
+      allType: 'All types',
 
       agent: 'Agent',
       agentDesc: 'Create a single intelligent agent',
@@ -1120,6 +1134,7 @@ export const en = {
       dialogueHistoricalMemory: 'Conversation History Memory',
       dialogueHistoricalMemoryDesc: 'Enable this to select memory content from memory management.',
       toolConfiguration: 'Tool Configuration',
+      toolManagement: 'Tool Management',
       webSearch: 'Web Search',
       webSearchDesc: 'Allow the Agent to access the Internet for real-time search',
       codeExecutor: 'Code Executor',
@@ -1129,8 +1144,8 @@ export const en = {
       variableConfiguration: 'Variable Configuration',
       selectMemoryContent: 'Select Memory Content',
       selectMemoryContentDesc: 'From Memory Management Select the memory content to be used in the conversation',
-      VariableManagement: 'Variable Management',
-      VariableManagementDesc: 'Configure the available variables for the Agent',
+      variableManagement: 'Variable Management',
+      variableManagementDesc: 'Configure the available variables for the Agent',
       addVariables: 'Add Variables',
       variablesEmpty: 'There are currently no variables available',
       debuggingEmpty: 'No models available for debugging.',
@@ -1175,7 +1190,7 @@ export const en = {
       VersionInformation: 'Version Information',
       publishedOn: 'Published on',
       publisher: 'Published by',
-      DetailsOfVersion: 'Version Details: {{version}}',
+      detailsOfVersion: 'Version Details: {{version}}',
       exportDSLFile: 'Export DSL file',
       willRollToThisVersion: 'Will roll to this version',
       share: 'Share',
@@ -1297,7 +1312,7 @@ export const en = {
       apiKeyRequestTotal: 'Total Requests',
       qps: 'Average QPS',
       qpsLimit: 'QPS Limit',
-      qpsLimitTip: '(Requests per second)',
+      qpsLimitTip: 'Requests per second',
       apiLimitConfig: 'Rate Limiting Configuration',
       qpsLimitDesc: 'Limit the maximum number of requests this Key can make per second',
       dailyUsageLimit: 'Daily Usage Limit',
@@ -1373,6 +1388,7 @@ export const en = {
       gotoList: 'Return to Application List',
       gotoDetail: 'View Details',
       dify: 'Dify',
+      promptOptimizationEmpty: 'The prompt words for conversation optimization will be displayed here',
       pleaseUploadFile: 'Please upload file', 
       setting: 'Settings',
       features: 'Conversation Features',
@@ -1396,6 +1412,14 @@ export const en = {
       unix: 'items',
       text_to_speech: 'Text to Speech',
       text_to_speech_desc: 'Text can be converted to speech',
+      opening_statement: 'Conversation Opening',
+      opening_statement_desc: 'Set the conversation opening content',
+      editOpeningStatement: 'Edit Opening Statement',
+      suggested_questions: 'Opening Questions',
+      add_questions: 'Add Option',
+      citation: 'Citation and Attribution',
+      citation_desc: 'Display the attribution of source documents and generated content',
+      invalidVariablesTitle: "The following undefined variables are referenced in the conversation opening. Do you want to save the opening configuration?",
 
       apps: 'My Apps',
       sharing: 'Sharing',
@@ -1427,6 +1451,8 @@ export const en = {
       confirmCopyDesc: 'Are you sure to copy 【{{app}}】 app?',
       noShareAuth: 'No permission to share apps',
       appCount: '{{count}} apps shared to this space',
+      resetFeaturesTip: 'Please reconfigure the [Conversation Features - File Upload] settings',
+      logTitle: 'Description',
     },
     userMemory: {
       userMemory: 'User Memory',
@@ -1528,6 +1554,7 @@ export const en = {
       MemorySummary: 'Long-term Accumulation',
       Statement: 'Emotional Memory',
       ExtractedEntity: 'Episodic Memory',
+      Perceptual: 'Perceptual Memory',
       positive: 'Positive Emotion',
       negative: 'Negative Emotion',
       neutral: 'Neutral Emotion',
@@ -1621,7 +1648,7 @@ export const en = {
       Meaning: 'Meaning',
 
       exampleMemoryExtractionResults: 'Example Memory Extraction Results',
-      exampleMemoryExtractionResultsSubTitle: '(from a technology conference)',
+      exampleMemoryExtractionResultsSubTitle: 'from a technology conference',
 
       extractTheNumberOfEntities: 'Extract the number of entities',
       extractTheNumberOfEntitiesDesc: 'Merge after deduplication: {{num}} (exact: {{exact}}, fuzzy: {{fuzzy}}, LLM: {{llm}})',
@@ -1743,7 +1770,17 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       disagreementCase: 'Disagreement Case',
       Pruned: 'Pruned',
       pruning: 'Pruning',
-      pruning_desc: 'Text pruning {{count}} fragments'
+      pruning_desc: 'Text pruning {{count}} fragments',
+
+      processData: 'Process Data',
+      finalResult: 'Final Result',
+      chunking: 'Chunking',
+      dataStatistics: 'Data Statistics',
+      modelConfig: 'Model Configuration',
+      llm_id: 'LLM model',
+      vision_id: 'Vision model',
+      audio_id: 'Audio model',
+      video_id: 'Video model',
     },
     memoryConversation: {
       searchPlaceholder: 'Enter user ID...',
@@ -1774,6 +1811,8 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       memoryConversationAnalysisEmpty: 'No conversation analysis available.',
       memoryConversationAnalysisEmptySubTitle: 'Conversation analysis will appear here.',
 
+      communities: 'Cluster Communities',
+      summaries: 'Memory Summaries',
       uploadFile: 'Upload File',
       fileType: 'File Type',
       image: 'Image',
@@ -1782,8 +1821,12 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       fileUrl: 'File URL',
       addRemoteFile: 'Add Remote File',
       variableConfig: 'Variable Configuration',
+
+      chatTitle: 'Red Bear Space',
       memoryCancelTipTitle: 'Are you sure you want to disable conversation memory? Conversations will no longer be saved to the memory store.',
       memoryTipTitle: 'Are you sure you want to enable conversation memory? Conversations will be saved to the memory store.',
+      stopAudioRecorder: 'Stop Recording',
+      startAudioRecorder: 'Start Recording',
     },
     login: {
       title: 'Red Bear Memory Science',
@@ -1897,6 +1940,9 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       refreshFailed: 'Refresh Failed',
       
       // Market related
+      mcpMarket: 'MCP Market',
+      availableMcp: 'Available MCP Services',
+      descEmpty: 'There is currently no introduction available …',
       marketSelectTitle: 'Select an MCP Market',
       marketSelectDesc: 'Choose a market source from the left, configure the connection to browse MCP services',
       marketRefreshSuccess: 'List refreshed',
@@ -1945,6 +1991,8 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       timeout: 'Timeout (seconds)',
       sseReadTimeout: 'SSE Read Timeout (seconds)',
       saveAndTest: 'Save and Test',
+      testLink: 'Connection Test',
+      noTags: 'There are no tags here…',
 
       timeFormat: 'Time Formatting',
       timeZoneConversion: 'Time Zone Conversion',
@@ -2094,10 +2142,7 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       answer: 'Answer',
       aiAndCognitiveProcessing: 'AI & Cognitive Processing',
       llm: 'Large Language Model (LLM)',
-      model_selection: 'Multi-Model Selection',
-      model_voting: 'Multi-Model Voting',
       'knowledge-retrieval': 'Knowledge Retrieval (RAG)',
-      classification: 'Intelligent Classification',
       'parameter-extractor': 'Parameter Extraction',
       flowControl: 'Flow Control',
       'if-else': 'Conditional Branch',
@@ -2107,7 +2152,6 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       'cycle-start': '',
       break: 'Break Loop',
       assigner: 'Variable Assignment',
-      parallel: 'Parallel Execution',
       'var-aggregator': 'Variable Aggregator',
       externalInteraction: 'External Interaction',
       "http-request": 'HTTP Request',
@@ -2117,22 +2161,9 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       cognitiveUpgrading: 'Cognitive Upgrading (Innovation)',
       'memory-read': 'Memory Retrieval',
       'memory-write': 'Memory Storage',
-      task_planning: 'Task Planning',
-      reasoning_control: 'Reasoning Control',
-      self_reflection: 'Self Reflection',
-      memory_enhancement: 'Memory Enhancement',
-      agentCollaborationNode: 'Agent Collaboration Nodes',
-      agent_scheduling: 'Agent Scheduling',
-      agent_collaboration: 'Agent Collaboration',
-      agent_arbitration: 'Agent Arbitration',
-      safetyAndCompliance: 'Safety & Compliance',
-      sensitive_detection: 'Sensitive Detection',
-      output_audit: 'Output Audit',
-      evolutionAndGovernance: 'Evolution & Governance',
-      self_optimization: 'Self Optimization',
-      process_evolution: 'Process Evolution',
       unknown: 'Unknown Node',
       notes: 'Sticky Note',
+      'document-extractor': 'Document Extractor',
 
       clickToConfigure: 'Click to configure node parameters',
       nodeProperties: 'Node Properties',
@@ -2154,6 +2185,7 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
           inner: 'Built-in',
           messagesPlaceholder: 'Write prompts here, type "{" to insert variables, type "insert" to insert',
           vision: 'Vision',
+          parameterSettings: 'Parameter Settings',
         },
         start: {
           variables: 'Input Fields',
@@ -2240,7 +2272,9 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
             "eq": 'Is',
             "ne": 'Is Not',
           },
-          else_desc: 'Used to define the logic that should be executed when the if condition is not met.'
+          else_desc: 'Used to define the logic that should be executed when the if condition is not met.',
+          unset: 'Condition Not Set',
+          set: 'Set',
         },
         'http-request': {
           auth: 'Authentication',
@@ -2276,7 +2310,9 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
           categories: 'Categories',
           user_supplement_prompt: 'Instruction',
           class_name: 'Classification',
-          addClassName: 'Add Classification'
+          addClassName: 'Add Classification',
+          unset: 'Classification Not Set',
+          set: 'Set',
         },
         loop: {
           cycle_vars: 'Loop Variables',
@@ -2326,6 +2362,9 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
           placeholder: 'Enter note...',
           removeLink: 'Remove Link',
         },
+        'document-extractor': {
+          file_selector: 'Input Variable',
+        },
         name: 'Key',
         type: 'Type',
         value: 'Value',
@@ -2669,6 +2708,7 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       none: 'None',
     },
     implicitDetail: {
+      subconscious: 'My Subconscious',
       title: 'The invisible forces that shaped me',
       preferences: 'My Subconscious Preferences',
       preferencesDetail: 'Association Network',
@@ -2689,7 +2729,8 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       context_details: 'Preference Details',
       supporting_evidence: 'Preference Source',
       specific_examples: 'Source',
-      wordEmpty: 'Click on a node in the left chart to view preference details',
+      preferencesTip: 'Reminder: Click on the preferences above to view the corresponding Lenovo network',
+      wordEmpty: 'There is currently no Lenovo network available',
       noData: 'Portrait data does not exist, please click the refresh button to initialize',
     },
     shortTermDetail: {
@@ -2718,6 +2759,7 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       section_count: 'Number of Sections',
       timeLine: 'Perception Timeline',
       lastInfo: 'Real-time Perception Dashboard',
+      playbackSpeed: 'Playback Speed',
     },
     explicitDetail: {
       episodic_memories: 'Episodic Memories',
@@ -2729,6 +2771,7 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       detailed_notes: 'Detailed Notes',
     },
     workingDetail: {
+      conversation: 'Conversation',
       conversationStream: 'Real-time Conversation Stream',
       refresh: 'Refresh',
       successfulTitle: 'Successful Experience',
@@ -2771,8 +2814,11 @@ Memory Bear: After the rebellion, regional warlordism intensified for several re
       file: 'Import File',
     },
     prompt: {
+      promptDesc: 'Input your original prompt, and AI will help you refine it into a more professional version',
+      chatTitle: 'Multi-turn dialogue',
       editor: 'Prompt Generator',
       history: 'My History',
+      historyDesc: 'View and manage your prompt optimization history',
       historySearchPlaceholder: 'Search by name',
       model: 'Model',
       you: 'You',
diff --git a/web/src/i18n/zh.ts b/web/src/i18n/zh.ts
index bce9b5cc..862ed5d4 100644
--- a/web/src/i18n/zh.ts
+++ b/web/src/i18n/zh.ts
@@ -115,6 +115,12 @@ export const zh = {
       ontology: '本体工程',
       prompt: '提示词工程',
       skills: '技能库',
+      workbench: '工作台',
+      memoryRelated: '记忆相关',
+      advancedSettings: '高级设置',
+      promptHistory: '我的历史',
+      platformManagement: '平台管理',
+      systemSettings: '系统设置',
     },
     knowledgeBase: {
       home: '首页',
@@ -129,6 +135,7 @@ export const zh = {
       documentInfo: '文档信息',
       documentPreview: '文档预览',
       type: '类型',
+      viewBasicInfo:'查看基本信息',
       permission_id: '权限',
       status: '状态',
       created_at: '创建时间',
@@ -427,7 +434,7 @@ export const zh = {
       }
     },
     application: {
-      searchPlaceholder: '搜索应用或集群',
+      searchPlaceholder: '搜索应用',
       createApplication: '创建应用',
       type: '类型',
       source: '来源',
@@ -438,6 +445,7 @@ export const zh = {
       applicationName: '应用名称',
       applicationIcon: '应用图标',
       applicationType: '应用类型',
+      allType: '全部类型',
 
       agent: 'Agent',
       agentDesc: '创建单个智能代理',
@@ -502,6 +510,7 @@ export const zh = {
       dialogueHistoricalMemory: '对话历史记忆',
       dialogueHistoricalMemoryDesc: '激活后，可以选择记忆管理中的记忆内容',
       toolConfiguration: '工具配置',
+      toolManagement: '工具管理',
       webSearch: '网络搜索',
       webSearchDesc: '允许Agent访问互联网进行实时搜索',
       codeExecutor: '代码执行器',
@@ -511,8 +520,8 @@ export const zh = {
       variableConfiguration: '变量配置',
       selectMemoryContent: '选择记忆内容',
       selectMemoryContentDesc: '从记忆管理中选择要在对话中使用的记忆内容',
-      VariableManagement: '变量管理',
-      VariableManagementDesc: '配置Agent可用的变量',
+      variableManagement: '变量管理',
+      variableManagementDesc: '配置Agent可用的变量',
       addVariables: '添加变量',
       variablesEmpty: '目前没有可用的变量',
       debuggingEmpty: '目前没有可用的调试模型',
@@ -557,7 +566,7 @@ export const zh = {
       VersionInformation: '版本信息',
       publishedOn: '发布于',
       publisher: '发布者',
-      DetailsOfVersion: '{{version}}版本详情',
+      detailsOfVersion: '{{version}} 版本详情',
       exportDSLFile: '导出DSL文件',
       willRollToThisVersion: '将回滚到此版本',
       share: '分享',
@@ -678,7 +687,7 @@ export const zh = {
       apiKeyRequestTotal: '总请求数',
       qps: '平均 QPS',
       qpsLimit: 'QPS 限制',
-      qpsLimitTip: '（每秒请求数）',
+      qpsLimitTip: '每秒请求数',
       apiLimitConfig: '限流配置',
       qpsLimitDesc: '限制此 Key 每秒最多可以发起的请求数',
       dailyUsageLimit: '日调用量限制',
@@ -754,6 +763,7 @@ export const zh = {
       gotoList: '返回应用列表',
       gotoDetail: '查看详情',
       dify: 'Dify',
+      promptOptimizationEmpty: '对话优化提示词将显示在这里',
       pleaseUploadFile: '请上传文件',
       setting: '设置',
       features: '对话功能',
@@ -777,6 +787,14 @@ export const zh = {
       unix: '个',
       text_to_speech: '文字转语音',
       text_to_speech_desc: '文本可以转换成语音',
+      opening_statement: '对话开场白',
+      opening_statement_desc: '设置对话开场白内容',
+      editOpeningStatement: '编辑开场白',
+      suggested_questions: '开场问题',
+      add_questions: '添加选项',
+      citation: '引用和归属',
+      citation_desc: '显示源文档和生成内容的归属部分',
+      invalidVariablesTitle: "对话开场白中引用了以下未定义的变量，是否保存开场白配置？",
 
       apps: '我的应用',
       sharing: '共享',
@@ -808,6 +826,8 @@ export const zh = {
       confirmCopyDesc: '确定复制【{{app}}】应用？',
       noShareAuth: '无共享应用的权限',
       appCount: '{{count}}个应用共享到此空间',
+      resetFeaturesTip: '请重新配置【对话功能-文件上传】功能',
+      logTitle: '描述',
     },
     table: {
       totalRecords: '共 {{total}} 条记录'
@@ -881,19 +901,14 @@ export const zh = {
 
       extractMemoryContent: '提取记忆内容',
       createNewMemorySummary: '创建新记忆条目',
-
       createNewApplication: '创建新应用',
-      createNewApplicationDesc: '零代码拖拽3分钟创应用',
-
+      createNewApplicationDesc: '零代码，3 分钟搭建应用',
       createNewKnowledge: '创建知识库',
-      createNewKnowledgeDesc: '秒变可搜索的专属知识库',
-
+      createNewKnowledgeDesc: '秒级生成可搜索知识库',
       memoryConversation: '记忆对话',
-      memoryConversationDesc: '让AI越用越懂你',
+      memoryConversationDesc: '越用越懂你的 AI',
       helpCenter: '帮助中心',
-      helpCenterDesc: '一站式解决疑问快速上手',
-      memorySummary: '查看记忆摘要',
-      memorySummaryDesc: '查看记忆摘要报告',
+      helpCenterDesc: '一站式上手与支持',
 
       activityEmpty: '目前没有记忆活动',
       tagEmpty: '目前没有标签记录～',
@@ -910,7 +925,12 @@ export const zh = {
       dialogue: '对话',
       chunk: '分块',
       statement: '语句',
-      entity: '实体'
+      entity: '实体',
+
+      apiCallTrends: 'Api调用趋势',
+      total_calls: 'Api 总调用量',
+      app_calls: '应用Api调用量',
+      service_calls: '服务Api调用量',
     },
     header: {
       userInfo: '用户信息',
@@ -933,6 +953,7 @@ export const zh = {
       zh: '中'
     },
     user: {
+      userList: '用户列表',
       searchPlaceholder: '搜索用户…',
       userId: '用户ID',
       username: '用户名',
@@ -1092,7 +1113,9 @@ export const zh = {
       imageSquareRequired: '请上传正方形比例图片',
       nameInvalid: '不能是空格开头或结尾',
       notAllSpaces: '不能是纯空格',
+      download: '下载',
       view: '查看',
+      updated_at: '更新时间',
       callbackUrlInvalid: '请输入有效的 URL',
     },
     model: {
@@ -1232,6 +1255,7 @@ export const zh = {
       official: '官方',
       deprecated: '已弃用',
 
+      image: '图片',
       llm: 'LLM',
       chat: 'Chat',
       embedding: 'Embedding',
@@ -1244,6 +1268,8 @@ export const zh = {
       bedrock: "Bedrock",
 
       is_vision: '支持视觉',
+      is_video: '支持视频',
+      is_audio: '支持音频',
       is_omni: '支持全模态',
       vision: '视觉',
       audio: '音频',
@@ -1482,7 +1508,7 @@ export const zh = {
       
       endUserProfile: '核心档案',
       editEndUserProfile: '编辑',
-      other_name: '姓名',
+      other_name: '名称',
       position: '职位',
       department: '部门',
       contact: '联系方式',
@@ -1526,6 +1552,7 @@ export const zh = {
       MemorySummary: '长期沉淀',
       Statement: '情绪记忆',
       ExtractedEntity: '情景记忆',
+      Perceptual: '感知记忆',
       positive: '正向情绪',
       negative: '负向情绪',
       neutral: '中性情绪',
@@ -1619,7 +1646,7 @@ export const zh = {
       Meaning: '含义',
 
       exampleMemoryExtractionResults: '示例记忆提取结果',
-      exampleMemoryExtractionResultsSubTitle: '（来自技术会议）',
+      exampleMemoryExtractionResultsSubTitle: '来自技术会议',
 
       extractTheNumberOfEntities: '提取实体数量',
       extractTheNumberOfEntitiesDesc: '去重后合并：{{num}}（精确：{{exact}}，模糊：{{fuzzy}}，LLM：{{llm}}）',
@@ -1739,7 +1766,17 @@ export const zh = {
       disagreementCase: '不一致案例',
       Pruned: '已剪枝',
       pruning: '剪枝',
-      pruning_desc: '文本剪枝{{count}}个片段'
+      pruning_desc: '文本剪枝{{count}}个片段',
+
+      processData: '处理数据',
+      finalResult: '最终结果',
+      chunking: '分块',
+      dataStatistics: '数据统计',
+      modelConfig: '模型配置',
+      llm_id: 'LLM 模型',
+      vision_id: '视觉模型',
+      audio_id: '音频模型',
+      video_id: '视频模型',
     },
     memoryConversation: {
       chatEmpty:'有什么我可以帮您的吗？',
@@ -1770,6 +1807,8 @@ export const zh = {
       memoryConversationAnalysisEmpty: '目前没有可用的对话分析内容',
       memoryConversationAnalysisEmptySubTitle: '输入您的用户ID后，点击"测试记忆"查看对话记忆',
 
+      communities: '聚类社区',
+      summaries: '记忆摘要',
       uploadFile: '上传文件',
       fileType: '文件类型',
       image: '图片',
@@ -1778,8 +1817,13 @@ export const zh = {
       fileUrl: '文件链接',
       addRemoteFile: '添加远程文件',
       variableConfig: '变量配置',
+
+      chatTitle: '记忆熊空间',
       memoryCancelTipTitle: '确定关闭对话记忆功能吗？关闭后对话将不会保存到记忆库中',
       memoryTipTitle: '确定打开对话记忆功能吗？打开后对话将会保存到记忆库中',
+      stopAudioRecorder: '停止录音',
+      startAudioRecorder: '开始录音',
+      citations: '引用',
     },
     login: {
       title: '红熊记忆科学',
@@ -1893,6 +1937,9 @@ export const zh = {
       refreshFailed: '刷新失败',
       
       // Market 相关
+      mcpMarket: 'MCP 市场',
+      availableMcp: '可用的 MCP 服务',
+      descEmpty: '暂无介绍…',
       marketSelectTitle: '选择一个 MCP 市场',
       marketSelectDesc: '从左侧选择一个市场源，配置连接后即可浏览该市场的 MCP 服务',
       marketRefreshSuccess: '列表已刷新',
@@ -1941,6 +1988,8 @@ export const zh = {
       timeout: '超时时间（秒）',
       sseReadTimeout: 'SSE 读取超时时间（秒）',
       saveAndTest: '保存并测试',
+      testLink: '连接测试',
+      noTags: '暂无标签…',
       
       timeFormat: '时间格式化',
       timeZoneConversion: '时区转换',
@@ -2090,10 +2139,7 @@ export const zh = {
       answer: '回复（Answer）',
       aiAndCognitiveProcessing: 'AI与认知处理',
       llm: '大语言模型 (LLM)',
-      model_selection: '多模型选择',
-      model_voting: '多模型投票',
       'knowledge-retrieval': '知识检索 (RAG)',
-      classification: '智能分类',
       'parameter-extractor': '参数提取',
       flowControl: '流程控制',
       'if-else': '条件分支',
@@ -2103,7 +2149,6 @@ export const zh = {
       'cycle-start': '',
       break: '退出循环',
       assigner: '变量赋值',
-      parallel: '并行执行',
       'var-aggregator': '变量聚合器',
       externalInteraction: '外部交互',
       "http-request": 'HTTP请求',
@@ -2113,22 +2158,9 @@ export const zh = {
       cognitiveUpgrading: '认知升级（创新）',
       'memory-read': '记忆提取',
       'memory-write': '记忆储存',
-      task_planning: '任务规划',
-      reasoning_control: '推理控制',
-      self_reflection: '自我反思',
-      memory_enhancement: '记忆增强',
-      agentCollaborationNode: 'Agent 协作节点',
-      agent_scheduling: 'Agent 调度',
-      agent_collaboration: 'Agent 协同',
-      agent_arbitration: 'Agent 仲裁',
-      safetyAndCompliance: '安全与合规',
-      sensitive_detection: '敏感识别',
-      output_audit: '输出审计',
-      evolutionAndGovernance: '演化与治理',
-      self_optimization: '自我优化',
-      process_evolution: '流程演化',
       unknown: '未知节点',
       notes: '便签',
+      'document-extractor': '文档提取器',
 
       clickToConfigure: '点击配置节点参数',
       nodeProperties: '节点属性',
@@ -2150,6 +2182,7 @@ export const zh = {
           inner: '内置',
           messagesPlaceholder: '在此处编写提示，输入“{”插入变量，输入“insert”插入',
           vision: '视觉',
+          parameterSettings: '参数设置',
         },
         start: {
           variables: '输入字段',
@@ -2236,7 +2269,9 @@ export const zh = {
             "eq": '是',
             "ne": '不是',
           },
-          else_desc: '用于定义当 if 条件不满足时应执行的逻辑。'
+          else_desc: '用于定义当 if 条件不满足时应执行的逻辑。',
+          unset: '条件未设置',
+          set: '已设置',
         },
         'http-request': {
           auth: '鉴权',
@@ -2272,7 +2307,9 @@ export const zh = {
           categories: '分类',
           user_supplement_prompt: '指令',
           class_name: '分类',
-          addClassName: '添加分类'
+          addClassName: '添加分类',
+          unset: '分类未设置',
+          set: '已设置',
         },
         loop: {
           cycle_vars: '循环变量',
@@ -2325,6 +2362,9 @@ export const zh = {
           placeholder: '输入注释...',
           removeLink: '取消链接',
         },
+        'document-extractor': {
+          file_selector: '输入变量',
+        },
         name: '键',
         type: '类型',
         value: '值',
@@ -2669,6 +2709,7 @@ export const zh = {
       none: '无',
     },
     implicitDetail: {
+      subconscious: '我的潜意识',
       title: '那些塑造了我的无形力量',
       preferences: '我的潜意识偏好',
       preferencesDetail: '的联想网络',
@@ -2689,7 +2730,8 @@ export const zh = {
       context_details: '偏好详情',
       supporting_evidence: '偏好来源',
       specific_examples: '来源',
-      wordEmpty: '点击左侧图表中的节点查看偏好详情',
+      preferencesTip: '提示：点击上方偏好标签查看对应的联想网络',
+      wordEmpty: '暂无可用的联想网络',
       noData: '画像数据不存在，请点击刷新按钮进行初始化',
     },
     shortTermDetail: {
@@ -2718,6 +2760,7 @@ export const zh = {
       section_count: '段落数',
       timeLine: '感知时间线',
       lastInfo: '实时感知仪表盘',
+      playbackSpeed: '播放速度',
     },
     explicitDetail: {
       episodic_memories: '情景记忆',
@@ -2729,6 +2772,7 @@ export const zh = {
       detailed_notes: '详细笔记',
     },
     workingDetail: {
+      conversation: '对话',
       conversationStream: '实时对话流',
       refresh: '刷新',
       successfulTitle: '成功经验',
@@ -2771,8 +2815,11 @@ export const zh = {
       file: '导入文件',
     },
     prompt: {
+      promptDesc: '输入您的原始提示词，AI将帮助您优化为更专业的版本',
+      chatTitle: '多轮对话',
       editor: '提示词生成器',
       history: '我的历史',
+      historyDesc: '查看和管理您的提示词优化历史',
       historySearchPlaceholder: '按名称搜索',
       model: '模型',
       you: '你',
diff --git a/web/src/routes/index.tsx b/web/src/routes/index.tsx
index 42e0106a..92f7a5cf 100644
--- a/web/src/routes/index.tsx
+++ b/web/src/routes/index.tsx
@@ -88,6 +88,7 @@ const componentMap: Record<string, LazyExoticComponent<ComponentType<object>>> =
   Ontology: lazy(() => import('@/views/Ontology')),
   OntologyDetail: lazy(() => import('@/views/Ontology/pages/Detail')),
   Prompt: lazy(() => import('@/views/Prompt')),
+  PromptHistory: lazy(() => import('@/views/Prompt/pages/History')),
   Skills: lazy(() => import('@/views/Skills')),
   SkillConfig: lazy(() => import('@/views/Skills/pages/SkillConfig')),
   Jump: lazy(() => import('@/views/JumpPage')),
diff --git a/web/src/routes/routes.json b/web/src/routes/routes.json
index 78205491..5ff1f90c 100644
--- a/web/src/routes/routes.json
+++ b/web/src/routes/routes.json
@@ -37,6 +37,7 @@
       { "path": "/space-config", "element": "SpaceConfig" },
       { "path": "/ontology", "element": "Ontology" },
       { "path": "/prompt", "element": "Prompt" },
+      { "path": "/prompt/history", "element": "PromptHistory" },
       { "path": "/no-permission", "element": "NoPermission" },
       { "path": "/*", "element": "NotFound" }
     ]
diff --git a/web/src/store/menu.json b/web/src/store/menu.json
index 4f53ab50..8d30dcc4 100644
--- a/web/src/store/menu.json
+++ b/web/src/store/menu.json
@@ -1,441 +1,547 @@
 {
   "manage": [
-    {
-      "id": 999,
-      "parent": 0,
-      "code": "dashboard",
-      "label": "首页",
-      "i18nKey": "menu.home",
-      "path": "/index",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "subs": []
-    },
     {
       "id": 1,
       "parent": 0,
-      "code": "model",
-      "label": "模型管理",
-      "i18nKey": "menu.modelManagement",
-      "path": "/model",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "subs": []
-    },
-    {
-      "id": 2,
-      "parent": 0,
-      "code": "space",
-      "label": "空间管理",
-      "i18nKey": "menu.spaceManagement",
-      "path": "/space",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "subs": []
-    },
-    {
-      "id": 7,
-      "parent": 0,
-      "code": "tool",
-      "label": "工具管理",
-      "i18nKey": "menu.toolManagement",
-      "path": "/tool",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "subs": []
-    },
-    {
-      "id": 8,
-      "parent": 0,
-      "code": "skills",
-      "label": "技能库",
-      "i18nKey": "menu.skills",
-      "path": "/skills",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 6,
-      "parent": 0,
-      "code": "pricing",
-      "label": "收费管理",
-      "i18nKey": "menu.pricing",
-      "path": "/pricing",
+      "code": "workbench",
+      "label": "workbench",
+      "i18nKey": "menu.workbench",
+      "path": "/",
       "enable": true,
       "display": true,
       "level": 1,
       "sort": 0,
+      "type": "group",
       "subs": [
         {
-          "id": 61,
-          "parent": 6,
-          "code": "order",
-          "label": "订单支付",
-          "i18nKey": "menu.orderPayment",
-          "path": "/order-pay",
+          "id": 11,
+          "parent": 1,
+          "code": "dashboard",
+          "label": "首页",
+          "i18nKey": "menu.home",
+          "path": "/index",
           "enable": true,
-          "display": false,
-          "level": 1,
+          "display": true,
+          "level": 2,
           "sort": 0,
           "subs": []
         },
         {
-          "id": 62,
-          "parent": 6,
-          "code": "orderHistory",
-          "label": "订单记录",
-          "i18nKey": "menu.orderHistory",
-          "path": "/orders",
+          "id": 12,
+          "parent": 1,
+          "code": "model",
+          "label": "模型管理",
+          "i18nKey": "menu.modelManagement",
+          "path": "/model",
           "enable": true,
-          "display": false,
-          "level": 1,
+          "display": true,
+          "level": 2,
           "sort": 0,
           "subs": []
+        },
+        {
+          "id": 13,
+          "parent": 1,
+          "code": "space",
+          "label": "空间管理",
+          "i18nKey": "menu.spaceManagement",
+          "path": "/space",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "subs": []
+        }
+      ]
+    },
+    {
+      "id": 2,
+      "parent": 0,
+      "code": "platformManagement",
+      "label": "platformManagement",
+      "i18nKey": "menu.platformManagement",
+      "path": "/",
+      "enable": true,
+      "display": true,
+      "level": 1,
+      "sort": 0,
+      "type": "group",
+      "subs": [
+        {
+          "id": 21,
+          "parent": 2,
+          "code": "tool",
+          "label": "工具管理",
+          "i18nKey": "menu.toolManagement",
+          "path": "/tool",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "subs": []
+        },
+        {
+          "id": 22,
+          "parent": 2,
+          "code": "skills",
+          "label": "技能库",
+          "i18nKey": "menu.skills",
+          "path": "/skills",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "icon": null,
+          "iconActive": null,
+          "subs": null
+        },
+        {
+          "id": 23,
+          "parent": 2,
+          "code": "pricing",
+          "label": "收费管理",
+          "i18nKey": "menu.pricing",
+          "path": "/pricing",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "subs": [
+            {
+              "id": 61,
+              "parent": 6,
+              "code": "order",
+              "label": "订单支付",
+              "i18nKey": "menu.orderPayment",
+              "path": "/order-pay",
+              "enable": true,
+              "display": false,
+              "level": 1,
+              "sort": 0,
+              "subs": []
+            },
+            {
+              "id": 62,
+              "parent": 6,
+              "code": "orderHistory",
+              "label": "订单记录",
+              "i18nKey": "menu.orderHistory",
+              "path": "/orders",
+              "enable": true,
+              "display": false,
+              "level": 1,
+              "sort": 0,
+              "subs": []
+            }
+          ]
         }
       ]
     },
     {
       "id": 3,
       "parent": 0,
-      "code": "user",
-      "label": "用户管理",
-      "i18nKey": "menu.userManagement",
-      "path": "/user-management",
+      "code": "systemSettings",
+      "label": "systemSettings",
+      "i18nKey": "menu.systemSettings",
+      "path": null,
       "enable": true,
       "display": true,
       "level": 1,
-      "sort": 2,
-      "menuDesc": "管理系统用户信息",
-      "subs": null
+      "sort": 0,
+      "type": "group",
+      "subs": [
+        {
+          "id": 31,
+          "parent": 3,
+          "code": "user",
+          "label": "用户管理",
+          "i18nKey": "menu.userManagement",
+          "path": "/user-management",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 2,
+          "menuDesc": "管理系统用户信息",
+          "subs": null
+        }
+      ]
     }
   ],
   "space": [
     {
-      "id": 4,
+      "id": 1,
       "parent": 0,
-      "code": "dashboard",
-      "label": "记忆看板",
-      "i18nKey": "menu.home",
+      "code": "workbench",
+      "label": "workbench",
+      "i18nKey": "menu.workbench",
       "path": "/",
       "enable": true,
       "display": true,
       "level": 1,
       "sort": 0,
-      "subs": null
-    },
-    {
-      "id": 5,
-      "parent": 0,
-      "code": "application",
-      "label": "应用管理",
-      "i18nKey": "menu.applicationManagement",
-      "path": "/application",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 6,
-      "parent": 0,
-      "code": "knowledge",
-      "label": "知识库",
-      "i18nKey": "menu.knowledgeManagement",
-      "path": "/knowledge-base",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
+      "type": "group",
       "subs": [
         {
-          "id": 61,
-          "parent": 6,
-          "code": "knowledgePrivate",
-          "label": "Private",
-          "i18nKey": "menu.knowledgePrivate",
-          "path": "/knowledge-base/:knowledgeBaseId/private",
+          "id": 11,
+          "parent": 1,
+          "code": "dashboard",
+          "label": "记忆看板",
+          "i18nKey": "menu.home",
+          "path": "/",
           "enable": true,
-          "display": false,
-          "level": 1,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "subs": null
+        },
+        {
+          "id": 12,
+          "parent": 1,
+          "code": "application",
+          "label": "应用管理",
+          "i18nKey": "menu.applicationManagement",
+          "path": "/application",
+          "enable": true,
+          "display": true,
+          "level": 2,
           "sort": 0,
           "icon": null,
           "iconActive": null,
           "subs": null
         },
         {
-          "id": 62,
-          "parent": 6,
-          "code": "knowledgeShare",
-          "label": "Share",
-          "i18nKey": "menu.knowledgeShare",
-          "path": "/knowledge-base/:knowledgeBaseId/share",
+          "id": 13,
+          "parent": 1,
+          "code": "knowledge",
+          "label": "知识库",
+          "i18nKey": "menu.knowledgeManagement",
+          "path": "/knowledge-base",
           "enable": true,
-          "display": false,
-          "level": 1,
+          "display": true,
+          "level": 2,
           "sort": 0,
           "icon": null,
           "iconActive": null,
-          "subs": null
+          "subs": [
+            {
+              "id": 131,
+              "parent": 13,
+              "code": "knowledgePrivate",
+              "label": "Private",
+              "i18nKey": "menu.knowledgePrivate",
+              "path": "/knowledge-base/:knowledgeBaseId/private",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "icon": null,
+              "iconActive": null,
+              "subs": null
+            },
+            {
+              "id": 132,
+              "parent": 13,
+              "code": "knowledgeShare",
+              "label": "Share",
+              "i18nKey": "menu.knowledgeShare",
+              "path": "/knowledge-base/:knowledgeBaseId/share",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "icon": null,
+              "iconActive": null,
+              "subs": null
+            },
+            {
+              "id": 133,
+              "parent": 13,
+              "code": "knowledgeCreateDataset",
+              "label": "CreateDataset",
+              "i18nKey": "menu.knowledgeCreateDataset",
+              "path": "/knowledge-base/:knowledgeBaseId/create-dataset",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "icon": null,
+              "iconActive": null,
+              "subs": null
+            },
+            {
+              "id": 134,
+              "parent": 13,
+              "code": "knowledgeDocumentDetails",
+              "label": "DocumentDetails",
+              "i18nKey": "menu.knowledgeDocumentDetails",
+              "path": "/knowledge-base/:knowledgeBaseId/DocumentDetails",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "icon": null,
+              "iconActive": null,
+              "subs": null
+            }
+          ]
         },
         {
-          "id": 63,
-          "parent": 6,
-          "code": "knowledgeCreateDataset",
-          "label": "CreateDataset",
-          "i18nKey": "menu.knowledgeCreateDataset",
-          "path": "/knowledge-base/:knowledgeBaseId/create-dataset",
+          "id": 14,
+          "parent": 1,
+          "code": "prompt",
+          "label": "提示词",
+          "i18nKey": "menu.prompt",
+          "path": "/prompt",
           "enable": true,
-          "display": false,
-          "level": 1,
+          "display": true,
+          "level": 2,
           "sort": 0,
           "icon": null,
           "iconActive": null,
-          "subs": null
-        },
-        {
-          "id": 64,
-          "parent": 6,
-          "code": "knowledgeDocumentDetails",
-          "label": "DocumentDetails",
-          "i18nKey": "menu.knowledgeDocumentDetails",
-          "path": "/knowledge-base/:knowledgeBaseId/DocumentDetails",
-          "enable": true,
-          "display": false,
-          "level": 1,
-          "sort": 0,
-          "icon": null,
-          "iconActive": null,
-          "subs": null
+          "subs": [
+            {
+              "id": 141,
+              "parent": 14,
+              "code": "promptHistory",
+              "label": "promptHistory",
+              "i18nKey": "menu.promptHistory",
+              "path": "/prompt/history",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "icon": null,
+              "iconActive": null,
+              "subs": null
+            }
+          ]
         }
       ]
     },
     {
-      "id": 7,
+      "id": 2,
       "parent": 0,
-      "code": "memory",
-      "label": "记忆管理",
-      "i18nKey": "menu.memoryManagement",
-      "path": "/memory",
+      "code": "memoryRelated",
+      "label": "memoryRelated",
+      "i18nKey": "menu.memoryRelated",
+      "path": "/",
       "enable": true,
       "display": true,
       "level": 1,
       "sort": 0,
+      "type": "group",
       "subs": [
         {
-          "id": 71,
-          "parent": 7,
-          "code": "forgettingEngine",
-          "label": "遗忘引擎",
-          "i18nKey": "menu.forgettingEngine",
-          "path": "/forgetting-engine/:id",
+          "id": 21,
+          "parent": 2,
+          "code": "memory",
+          "label": "记忆管理",
+          "i18nKey": "menu.memoryManagement",
+          "path": "/memory",
           "enable": true,
-          "display": false,
-          "level": 1,
-          "sort": 0,
-          "subs": null
-        },
-        {
-          "id": 72,
-          "parent": 7,
-          "code": "memoryExtractionEngine",
-          "label": "记忆萃取引擎",
-          "i18nKey": "menu.memoryExtractionEngine",
-          "path": "/memory-extraction-engine/:id",
-          "enable": true,
-          "display": false,
-          "level": 1,
-          "sort": 0,
-          "subs": null
-        },
-        {
-          "id": 72,
-          "parent": 7,
-          "code": "emotionEngine",
-          "label": "情感引擎",
-          "i18nKey": "menu.emotionEngine",
-          "path": "/emotion-engine/:id",
-          "enable": true,
-          "display": false,
-          "level": 1,
-          "sort": 0,
-          "subs": null
-        },
-        {
-          "id": 72,
-          "parent": 7,
-          "code": "selfReflectionEngine",
-          "label": "反思引擎",
-          "i18nKey": "menu.selfReflectionEngine",
-          "path": "/reflection-engine/:id",
-          "enable": true,
-          "display": false,
-          "level": 1,
-          "sort": 0,
-          "subs": null
-        }
-      ]
-    },
-    {
-      "id": 8,
-      "parent": 0,
-      "code": "userMemory",
-      "label": "",
-      "i18nKey": "menu.userMemory",
-      "path": "/user-memory",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 1,
-      "menuDesc": "管理用户记忆",
-      "subs": [
-        {
-          "id": 81,
-          "parent": 8,
-          "code": "userMemoryDetail",
-          "label": "记忆详情",
-          "i18nKey": "menu.userMemoryDetail",
-          "path": "/user-memory/neo4j/:id",
-          "enable": true,
-          "display": false,
+          "display": true,
           "level": 2,
           "sort": 0,
           "subs": [
             {
-              "id": 811,
-              "parent": 81,
-              "code": "statementDetail",
-              "label": "记忆详情",
-              "i18nKey": "menu.statementDetail",
-              "path": "/statement/:id",
+              "id": 211,
+              "parent": 21,
+              "code": "forgettingEngine",
+              "label": "遗忘引擎",
+              "i18nKey": "menu.forgettingEngine",
+              "path": "/forgetting-engine/:id",
               "enable": true,
               "display": false,
               "level": 3,
               "sort": 0,
               "subs": null
+            },
+            {
+              "id": 212,
+              "parent": 21,
+              "code": "memoryExtractionEngine",
+              "label": "记忆萃取引擎",
+              "i18nKey": "menu.memoryExtractionEngine",
+              "path": "/memory-extraction-engine/:id",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "subs": null
+            },
+            {
+              "id": 213,
+              "parent": 21,
+              "code": "emotionEngine",
+              "label": "情感引擎",
+              "i18nKey": "menu.emotionEngine",
+              "path": "/emotion-engine/:id",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "subs": null
+            },
+            {
+              "id": 214,
+              "parent": 21,
+              "code": "selfReflectionEngine",
+              "label": "反思引擎",
+              "i18nKey": "menu.selfReflectionEngine",
+              "path": "/reflection-engine/:id",
+              "enable": true,
+              "display": false,
+              "level": 1,
+              "sort": 0,
+              "subs": null
             }
           ]
         },
         {
-          "id": 81,
-          "parent": 8,
-          "code": "userMemoryDetail",
-          "label": "记忆详情",
-          "i18nKey": "menu.userMemoryDetail",
-          "path": "/user-memory/:id",
+          "id": 22,
+          "parent": 2,
+          "code": "userMemory",
+          "label": "",
+          "i18nKey": "menu.userMemory",
+          "path": "/user-memory",
           "enable": true,
-          "display": false,
+          "display": true,
           "level": 2,
-          "sort": 0
+          "sort": 1,
+          "menuDesc": "管理用户记忆",
+          "subs": [
+            {
+              "id": 221,
+              "parent": 22,
+              "code": "userMemoryDetail",
+              "label": "记忆详情",
+              "i18nKey": "menu.userMemoryDetail",
+              "path": "/user-memory/neo4j/:id",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0,
+              "subs": [
+                {
+                  "id": 2211,
+                  "parent": 221,
+                  "code": "statementDetail",
+                  "label": "记忆详情",
+                  "i18nKey": "menu.statementDetail",
+                  "path": "/statement/:id",
+                  "enable": true,
+                  "display": false,
+                  "level": 4,
+                  "sort": 0,
+                  "subs": null
+                }
+              ]
+            },
+            {
+              "id": 222,
+              "parent": 22,
+              "code": "userMemoryDetail",
+              "label": "记忆详情",
+              "i18nKey": "menu.userMemoryDetail",
+              "path": "/user-memory/:id",
+              "enable": true,
+              "display": false,
+              "level": 3,
+              "sort": 0
+            }
+          ]
+        },
+        {
+          "id": 23,
+          "parent": 2,
+          "code": "ontology",
+          "label": "本体工程",
+          "i18nKey": "menu.ontology",
+          "path": "/ontology",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "icon": null,
+          "iconActive": null,
+          "subs": null
+        },
+        {
+          "id": 24,
+          "parent": 2,
+          "code": "memoryConversation",
+          "label": "记忆验证",
+          "i18nKey": "menu.memoryConversation",
+          "path": "/memory-conversation",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "icon": null,
+          "iconActive": null,
+          "subs": null
         }
       ]
     },
     {
-      "id": 21,
+      "id": 3,
       "parent": 0,
-      "code": "ontology",
-      "label": "本体工程",
-      "i18nKey": "menu.ontology",
-      "path": "/ontology",
+      "code": "advancedSettings",
+      "label": "advancedSettings",
+      "i18nKey": "menu.advancedSettings",
+      "path": "/",
       "enable": true,
       "display": true,
       "level": 1,
       "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 10,
-      "parent": 0,
-      "code": "memoryConversation",
-      "label": "记忆验证",
-      "i18nKey": "menu.memoryConversation",
-      "path": "/memory-conversation",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 11,
-      "parent": 0,
-      "code": "apiKey",
-      "label": "API KEY管理",
-      "i18nKey": "menu.apiKeyManagement",
-      "path": "/api-key",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 20,
-      "parent": 0,
-      "code": "prompt",
-      "label": "提示词",
-      "i18nKey": "menu.prompt",
-      "path": "/prompt",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 19,
-      "parent": 0,
-      "code": "member",
-      "label": "成员管理",
-      "i18nKey": "menu.memberManagement",
-      "path": "/member",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
-    },
-    {
-      "id": 12,
-      "parent": 0,
-      "code": "spaceConfig",
-      "label": "空间配置",
-      "i18nKey": "menu.spaceConfig",
-      "path": "/space-config",
-      "enable": true,
-      "display": true,
-      "level": 1,
-      "sort": 0,
-      "icon": null,
-      "iconActive": null,
-      "subs": null
+      "type": "group",
+      "subs": [
+        {
+          "id": 31,
+          "parent": 3,
+          "code": "apiKey",
+          "label": "API KEY管理",
+          "i18nKey": "menu.apiKeyManagement",
+          "path": "/api-key",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "icon": null,
+          "iconActive": null,
+          "subs": null
+        },
+        {
+          "id": 32,
+          "parent": 3,
+          "code": "member",
+          "label": "成员管理",
+          "i18nKey": "menu.memberManagement",
+          "path": "/member",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "icon": null,
+          "iconActive": null,
+          "subs": null
+        },
+        {
+          "id": 33,
+          "parent": 3,
+          "code": "spaceConfig",
+          "label": "空间配置",
+          "i18nKey": "menu.spaceConfig",
+          "path": "/space-config",
+          "enable": true,
+          "display": true,
+          "level": 2,
+          "sort": 0,
+          "icon": null,
+          "iconActive": null,
+          "subs": null
+        }
+      ]
     }
   ]
 }
\ No newline at end of file
diff --git a/web/src/store/menu.ts b/web/src/store/menu.ts
index 2aa5df3a..a4ee3610 100644
--- a/web/src/store/menu.ts
+++ b/web/src/store/menu.ts
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 16:33:34 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 16:33:34 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-04 10:31:14
  */
 /**
  * Menu Store
@@ -42,6 +42,7 @@ export interface MenuItem {
   master?: string | null;
   disposable?: boolean;
   appSystem?: string | null;
+  type?: 'group' | string;
   subs?: MenuItem[] | null;
   onClick?: (e?: React.MouseEvent) => void | boolean;
 }
@@ -89,20 +90,27 @@ export const useMenu = create<MenuState>((set, get) => ({
     const { allMenus } = get()
     const menus = allMenus[source] || []
     let result: MenuItem[] = []
-    
-    console.log('updateBreadcrumbs paths:', paths);
-    
+
+    /** Flatten group menus so top-level items are always real menu entries */
+    const flatMenus = menus.flatMap(m => m.type === 'group' ? (m.subs || []) : [m]);
+
+    const findById = (list: MenuItem[], id: string) => list.find(m => `${m.id}` === id);
+    /** Find menu by id in both original menus and flatMenus (handles group ids) */
+    const findMenuById = (id: string) => findById(menus, id) || findById(flatMenus, id);
+    const pathMatches = (pattern: string, path: string) => {
+      const n = pattern[0] !== '/' ? '/' + pattern : pattern;
+      if (n === path) return true;
+      if (n.includes(':')) return new RegExp('^' + n.replace(/:[\w-]+/g, '[^/]+') + '$').test(path);
+      return false;
+    };
+
     if (paths.length === 3) {
-      /** Three-level menu: [subSubPath, subId, menuId] */
-      const menuId = paths[2];
-      const subId = paths[1];
-      const subSubPath = paths[0];
-      
-      const matchedMenu = menus.find(menu => `${menu.id}` === menuId);
-      if (matchedMenu && matchedMenu.subs) {
-        const matchedSub = matchedMenu.subs.find(sub => `${sub.id}` === subId);
-        if (matchedSub && matchedSub.subs) {
-          const matchedSubSub = matchedSub.subs.find(subSub => subSub.path === subSubPath);
+      /** Three-level: [subSubPath, subId, menuId] */
+      const matchedMenu = findMenuById(paths[2]);
+      if (matchedMenu?.subs) {
+        const matchedSub = findById(matchedMenu.subs, paths[1]);
+        if (matchedSub?.subs) {
+          const matchedSubSub = matchedSub.subs.find(s => s.path === paths[0] || pathMatches(s.path || '', paths[0]));
           if (matchedSubSub) {
             result = [
               { ...matchedMenu, subs: null },
@@ -113,23 +121,16 @@ export const useMenu = create<MenuState>((set, get) => ({
         }
       }
     } else {
-      /** Original logic for one-level and two-level menus */
-      const matchedMenu: MenuItem | undefined = menus.find(menu => menu.path === paths[paths.length - 1] || `${menu.id}` === paths[1]);
-
+      const matchedMenu = flatMenus.find(m => m.path === paths[0] || `${m.id}` === paths[1]);
       if (matchedMenu) {
-        let matchedSubMenu: MenuItem | undefined = undefined;
-        if (paths.length > 1 && matchedMenu?.subs?.length) {
-          matchedSubMenu = matchedMenu.subs.find(menu => menu.path === paths[0]);
+        let matchedSubMenu: MenuItem | undefined;
+        if (paths.length > 1 && matchedMenu.subs?.length) {
+          matchedSubMenu = matchedMenu.subs.find(m => m.path === paths[0]);
         }
-        result = [
-          { ...matchedMenu, subs: null },
-          matchedSubMenu
-        ].filter(item => item !== undefined) as MenuItem[]
-      } else {
-        result = [] as MenuItem[]
+        result = [{ ...matchedMenu, subs: null }, matchedSubMenu].filter(Boolean) as MenuItem[];
       }
     }
-    
+
     const allBreadcrumbs = { ...get().allBreadcrumbs, [source]: result }
     set({ allBreadcrumbs })
     localStorage.setItem('breadcrumbs', JSON.stringify(allBreadcrumbs))
diff --git a/web/src/styles/antdThemeConfig.ts b/web/src/styles/antdThemeConfig.ts
index 1d281730..8b610ea0 100644
--- a/web/src/styles/antdThemeConfig.ts
+++ b/web/src/styles/antdThemeConfig.ts
@@ -3,111 +3,152 @@ import type { ThemeConfig } from 'antd';
 // 浅色主题配置
 export const lightTheme: ThemeConfig = {
   token: {
-    colorPrimary: '#155EEF',
+    colorPrimary: '#171719',
     colorBgBase: '#ffffff',
-    colorTextBase: '#212332',
+    colorTextBase: '#171719',
     colorBorder: '#DFE4ED',
     colorBgLayout: '#ffffff',
     colorBgContainer: '#ffffff',
-    colorText: '#212332',
+    colorText: '#171719',
     colorTextSecondary: '#6b7280',
-    borderRadius: 6,
+    borderRadius: 8,
     colorSplit: '#DFE4ED',
     colorBorderBg: '#DFE4ED',
-    colorBgContainerDisabled: '#F6F8FC',
+    colorBgContainerDisabled: '#F6F6F6',
     colorTextDisabled: '#5B6167',
     // Card 用到
     borderRadiusLG: 12,
+    borderRadiusSM: 8,
     colorBorderSecondary: '#DFE4ED',
     // colorBgContainer: '#FBFDFF',
     colorError: '#FF5D34',
     sizeSM: 12,
     fontSizeSM: 12,
+    boxShadow: 'none',
   },
   components: {
     Layout: {
       headerBg: 'transparent',
-      bodyBg: '#FBFDFF',
-      siderBg: 'transparent',
-      headerPadding: '16px 46px 16px 21px',
-      headerHeight: 64,
+      bodyBg: '#EEEFF4',
+      siderBg: '#FAFCFF',
+      headerPadding: '0 24px 0 20px',
+      headerHeight: 56,
       headerColor: '#212332',
     },
     Menu: {
-      itemColor: '#5B6167',
-      itemSelectedColor: '#212332',
-      subMenuItemSelectedColor: '#212332',
+      fontSize: 13,
+      itemColor: '#171719',
+      itemSelectedColor: '#FFFFFF',
+      subMenuItemSelectedColor: '#FFFFFF',
 
-      itemHoverColor: '#212332',
-      itemHoverBg: '#FFFFFF',
+      itemHoverColor: '#171719',
+      itemHoverBg: 'rgba(223,228,237,0.5)',
 
       itemBg: 'transparent',
-      itemSelectedBg: '#FFFFFF',
+      itemSelectedBg: '#171719',
 
       subMenuItemBg: 'transparent',
 
-      itemPaddingInline: 12,
-      
-      itemHeight: 32,
+      itemPaddingInline: 10,
+
+      itemHeight: 38,
       itemMarginBlock: 8,
       horizontalLineHeight: 32,
       itemMarginInline: 12,
-      itemBorderRadius: 6,
+      itemBorderRadius: 8,
 
       iconSize: 16,
-      iconMarginInlineEnd: 8,
+      iconMarginInlineEnd: 10,
       collapsedIconSize: 12,
       collapsedWidth: '64px',
 
       popupBg: '#FBFDFF',
+      groupTitleFontSize: 12,
+      groupTitleColor: '#5B6167',
+      groupTitleLineHeight: '17px',
     },
     Button: {
-      defaultColor: '#5B6167',
+      defaultColor: '#171719',
       defaultBorderColor: '#EBEBEB',
       defaultShadow: 'none',
       primaryShadow: 'none',
-      dangerShadow: 'none'
+      dangerShadow: 'none',
+      defaultGhostBorderColor: '#EBEBEB',
+      defaultHoverColor: 'rgba(23, 23, 25, 0.7)',
+      defaultHoverBorderColor: 'rgba(23, 23, 25, 0.7)',
     },
     Form: {
-      labelColor: '#212332',
+      labelColor: '#171719',
+      itemMarginBottom: 16,
     },
     Slider: {
       // dotSize: 10,
-      controlSize: 8,
-      railSize: 8,
+      controlSize: 6,
+      railSize: 6,
       handleSize: 10,
       handleSizeHover: 10,
-      handleColor: '#155EEF',
-      trackBg: '#155EEF',
-      railBg: '#E1E2E7',
+      handleColor: '#171719',
+      handleActiveOutlineColor: '#171719',
+      trackBg: '#171719',
+      railBg: '#EBEBEB',
     },
     Table: {
-      borderColor: '#DFE4ED',
-      headerBg: '#FBFDFF',
+      headerColor: '#5B6167',
+      borderColor: '#EBEBEB',
+      headerBg: '#FFFFFF',
       rowHoverBg: '#F0F3F8',
       rowSelectedBg: '#E9F1FF',
       rowSelectedHoverBg: '#F0F3F8',
       cellPaddingBlock: 8,
       cellFontSizeSM: 12,
+      footerBg: '#FFFFFF',
+      colorText: '#5B6167',
 
       // cellPaddingInline: 24,
       selectionColumnWidth: 48,
     },
     Breadcrumb: {
       itemColor: '#5B6167',
-      lastItemColor: '#212332',
+      lastItemColor: '#171719',
       linkColor: '#5B6167',
-      linkHoverColor: '#212332',
+      linkHoverColor: '#171719',
+      fontSize: 18,
     },
     Input: {
       inputFontSizeSM: 12,
-      controlHeightSM: 26
+      controlHeightSM: 26,
+      activeShadow: 'none',
+    },
+    InputNumber: {
+      activeShadow: 'none',
     },
     Select: {
-      lineHeightSM: 26
+      lineHeightSM: 26,
     },
     Upload: {
       pictureCardSize: 96,
+    },
+    Switch: {
+      trackHeight: 24,
+      trackHeightSM: 18,
+      handleSize: 20,
+      handleSizeSM: 14,
+      innerMinMarginSM: 8,
+      innerMaxMarginSM: 27,
+    },
+    Cascader: {
+      optionSelectedBg: '#F6F6F6',
+      optionSelectedColor: '#212332'
+    },
+    Statistic: {
+      contentFontSize: 14,
+      titleFontSize: 14
+    },
+    Progress: {
+      remainingColor: '#EBEBEB',
+    },
+    Segmented: {
+      trackBg: '#E1E2E7',
     }
   }
 };
\ No newline at end of file
diff --git a/web/src/styles/common.css b/web/src/styles/common.css
new file mode 100644
index 00000000..b5bfad10
--- /dev/null
+++ b/web/src/styles/common.css
@@ -0,0 +1,14 @@
+.rb-border { border: 1px solid #DFE4ED; }
+.rb-border-t { border-top: 1px solid #DFE4ED; }
+.rb-border-r { border-right: 1px solid #DFE4ED; }
+.rb-border-b { border-bottom: 1px solid #DFE4ED; }
+.rb-border-l { border-left: 1px solid #DFE4ED; }
+
+/* 隐藏滚动条但保留滚动功能 */
+div {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+div::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
+}
diff --git a/web/src/styles/index.css b/web/src/styles/index.css
index d937396a..7e21e1af 100644
--- a/web/src/styles/index.css
+++ b/web/src/styles/index.css
@@ -1,5 +1,67 @@
 @import "tailwindcss" prefix(rb);
 @plugin "@tailwindcss/typography";
+@import "./common.css";
+
+@font-face {
+  font-family: 'MiSans-Bold';
+  src: url('@/assets/font/MiSans/MiSans-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Demibold';
+  src: url('@/assets/font/MiSans/MiSans-Demibold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-ExtraLight';
+  src: url('@/assets/font/MiSans/MiSans-ExtraLight.woff2') format('woff2');
+  font-weight: 200;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Heavy';
+  src: url('@/assets/font/MiSans/MiSans-Heavy.woff2') format('woff2');
+  font-weight: 900;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Light';
+  src: url('@/assets/font/MiSans/MiSans-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Medium';
+  src: url('@/assets/font/MiSans/MiSans-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Normal';
+  src: url('@/assets/font/MiSans/MiSans-Normal.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Regular';
+  src: url('@/assets/font/MiSans/MiSans-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Semibold';
+  src: url('@/assets/font/MiSans/MiSans-Semibold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'MiSans-Thin';
+  src: url('@/assets/font/MiSans/MiSans-Thin.woff2') format('woff2');
+  font-weight: 100;
+  font-style: normal;
+}
 
 html, body, #root {
   height: 100%;
@@ -26,16 +88,14 @@ body {
   padding: 0;
   height: 100%;
 }
-
+.ant-menu-light .ant-menu-item {
+  font-weight: 500;
+}
 .ant-menu-light .ant-menu-item-selected,
 .ant-menu-light>.ant-menu .ant-menu-item-selected,
 .ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover,
 .ant-menu-light>.ant-menu:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover {
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
-}
-.ant-menu-light .ant-menu-item-selected,
-.ant-menu-light>.ant-menu .ant-menu-item-selected {
-  font-weight: 500;
+  box-shadow: none;
 }
 .ant-menu-inline-collapsed-tooltip .ant-tooltip-arrow {
   display: none;
@@ -47,8 +107,14 @@ body {
   background: #FFFFFF;
   color: #212332;
 }
+.ant-menu-inline-collapsed>.ant-menu-item,
+.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,
+.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,
+.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
+  padding-inline: calc(50% - 6px - 14px);
+}
 .ant-slider .ant-slider-handle::after {
-  background-color: #155EEF;
+  background-color: #171719;
   width: 12px;
   height: 12px;
 }
@@ -56,19 +122,59 @@ body {
   width: 12px;
   height: 12px;
 }
+.ant-slider-horizontal .ant-slider-handle {
+  inset-block-start: 3px;
+}
+.ant-slider.small {
+  margin: 0;
+  padding: 8px;
+}
+.ant-slider-horizontal.small .ant-slider-handle {
+  inset-block-start: 5px;
+}
+.ant-slider.small .ant-slider-handle::after {
+  background-color: #171719;
+  width: 10px;
+  height: 10px;
+}
+.ant-slider.small .ant-slider-handle::before {
+  width: 10px;
+  height: 10px;
+}
+.ant-slider.small .ant-slider-handle:hover::after,
+.ant-slider.small .ant-slider-handle:active::after,
+.ant-slider.small .ant-slider-handle:focus::after { 
+  outline: 2px solid #171719;
+}
+.ant-slider.small .ant-slider-rail,
+.ant-slider.small .ant-slider-track {
+  border-radius: 3px;
+}
 .ant-table-container {
-  border: 1px solid #DFE4ED;
-  border-radius: 8px;
-  border-bottom: 0;
+  border-radius: 12px;
+  border: none;
+}
+
+.ant-table-wrapper .ant-table.ant-table-bordered {
+  border-radius: 12px;
+}
+.ant-table-wrapper table.ant-table-bordered {
+  border-radius: 12px;
+}
+.ant-table-bordered .ant-table-row:last-child .ant-table-cell:first-child {
+  border-bottom-left-radius: 12px;
+}
+.ant-table-bordered .ant-table-row:last-child .ant-table-cell:last-child {
+  border-bottom-right-radius: 12px;
 }
 .ant-table-wrapper table {
-  border-radius: 8px;
+  border-radius: 12px;
 }
 .ant-table-row:last-child .ant-table-cell:first-child {
-  border-bottom-left-radius: 8px;
+  border-bottom-left-radius: none;
 }
 .ant-table-row:last-child .ant-table-cell:last-child {
-  border-bottom-right-radius: 8px;
+  border-bottom-right-radius: none;
 }
 .ant-table-cell::before {
   display: none;
@@ -81,10 +187,70 @@ body {
 }
 .ant-table-wrapper .ant-table-thead>tr>th,
 .ant-table-wrapper .ant-table-thead>tr>td {
-  font-weight: 500;
+  font-weight: normal;
+  border-bottom: none;
+}
+.ant-table-wrapper .ant-table.ant-table-small .ant-table-title,
+.ant-table-wrapper .ant-table.ant-table-small .ant-table-footer,
+.ant-table-wrapper .ant-table.ant-table-small .ant-table-cell,
+.ant-table-wrapper .ant-table.ant-table-small .ant-table-thead>tr>th,
+.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody>tr>th,
+.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody>tr>td,
+.ant-table-wrapper .ant-table.ant-table-small tfoot>tr>th,
+.ant-table-wrapper .ant-table.ant-table-small tfoot>tr>td {
+  padding: 12px 16px;
 }
 .ant-table-wrapper .ant-table-pagination.ant-pagination {
-  margin: 24px 0 32px 0;
+  padding: 13px 24px;
+  margin: 0;
+  background-color: #FFFFFF;
+  border-radius: 0px 0px 12px 12px;
+}
+.ant-table-wrapper .ant-table-thead>tr>th,
+.ant-table-wrapper .ant-table-thead>tr>td,
+.table-header.ant-table-wrapper .ant-table-thead>tr>th,
+.table-header.ant-table-wrapper .ant-table-thead>tr>td {
+  background-color: #F6F6F6;
+  border-bottom: 1px solid #EBEBEB;
+}
+.ant-table-wrapper .ant-table-bordered .ant-table-thead>tr>th,
+.ant-table-wrapper .ant-table-bordered .ant-table-thead>tr>td,
+.table-header.ant-table-wrapper .ant-table-bordered .ant-table-thead>tr>th,
+.table-header.ant-table-wrapper .ant-table-bordered .ant-table-thead>tr>td {
+  background-color: #FFFFFF;
+  font-weight: 500;
+}
+.ant-table-wrapper .ant-table.ant-table-small.ant-table-bordered .ant-table-tbody>tr>th,
+.ant-table-wrapper .ant-table.ant-table-small.ant-table-bordered .ant-table-tbody>tr>td {
+  color: #171719;
+}
+.ant-table-wrapper .ant-btn {
+  height: 24px;
+}
+
+.table-header-has-bg.ant-table-wrapper .ant-table,
+.table-header-has-bg.ant-table-wrapper table {
+  border-radius: 0;
+}
+
+.table-header-has-bg.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:first-child,
+.table-header-has-bg.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child,
+.table-header-has-bg.ant-table-wrapper .ant-table-container {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+.table-header-has-bg .ant-table-container {
+  border: none;
+}
+
+.table-header-has-bg.ant-table-wrapper .ant-table-cell,
+.table-header-has-bg.ant-table-wrapper .ant-table-thead>tr>th,
+.table-header-has-bg.ant-table-wrapper .ant-table-tbody>tr>th,
+.table-header-has-bg.ant-table-wrapper .ant-table-tbody>tr>td,
+.table-header-has-bg.ant-table-wrapper tfoot>tr>th,
+.table-header-has-bg.ant-table-wrapper tfoot>tr>td {
+  padding: 12px 16px;
 }
 .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination .ant-pagination-next .ant-pagination-item-link,
@@ -165,13 +331,7 @@ body {
 .infinite-scroll-component {
   overflow-x: hidden !important;
 }
-.ant-slider-horizontal .ant-slider-handle {
-  inset-block-start: 6px;
-}
 
-::-webkit-scrollbar-track {
-  background: transparent !important;
-}
 .ant-breadcrumb a:hover {
   background-color: transparent;
 }
@@ -183,6 +343,65 @@ body {
 }
 
 .ͼ2 .cm-gutters {
-  background-color: #FFFFFF;
+  background-color: transparent;
   border: none;
+}
+::-webkit-scrollbar {
+  width: 6px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #DFE4ED;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #DFE4ED;
+}
+
+.ant-select-focused.ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
+  box-shadow: none;
+}
+.ant-select-dropdown .ant-select-item {
+  color: #212332;
+}
+.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  color: #212332;
+  background: #F6F6F6;
+}
+.ant-input-filled,
+.ant-select-filled:not(.ant-select-customize-input) .ant-select-selector {
+  background-color: #FFFFFF;
+  border-color: #FFFFFF;
+}
+.ant-input-filled:hover,
+.ant-select-filled:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
+  background-color: #FFFFFF;
+  border-color: #171719;
+}
+.ant-checkbox .ant-checkbox-inner {
+  border-radius: 6px !important;
+}
+.ant-divider {
+  border-block-start-color: #EBEBEB;
+}
+.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected,
+.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-selected,
+.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected,
+.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected {
+  color: #FFFFFF;
+  background-color: #171719;
+}
+
+.spin .ant-spin-nested-loading .ant-spin-container::after {
+  background: transparent;
+}
+.upload-block,
+.upload-block.ant-upload-wrapper .ant-upload-select {
+  display: block;
 }
\ No newline at end of file
diff --git a/web/src/views/ApplicationConfig/Agent.tsx b/web/src/views/ApplicationConfig/Agent.tsx
index 51c94df0..0cfdde05 100644
--- a/web/src/views/ApplicationConfig/Agent.tsx
+++ b/web/src/views/ApplicationConfig/Agent.tsx
@@ -2,13 +2,12 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:21 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-17 14:24:29
+ * @Last Modified time: 2026-03-27 18:13:51
  */
-import { type FC, type ReactNode, useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
-import clsx from 'clsx'
+import { useEffect, useRef, useState, forwardRef, useImperativeHandle, useMemo } from 'react';
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom';
-import { Row, Col, Space, Form, Input, Switch, Button, App, Spin } from 'antd'
+import { Row, Col, Space, Form, Input, Button, App, Spin, Flex } from 'antd'
 
 import Chat from './components/Chat'
 import RbCard from '@/components/RbCard/Card'
@@ -28,7 +27,7 @@ import type {
 } from './types'
 import type { Variable } from './components/VariableList/types'
 import type { KnowledgeConfig } from './components/Knowledge/types'
-import type { ModelListItem } from '@/views/ModelManagement/types'
+import type { Model } from '@/views/ModelManagement/types'
 import { getModelList } from '@/api/models';
 import { saveAgentConfig } from '@/api/application'
 import Knowledge from './components/Knowledge/Knowledge'
@@ -36,93 +35,22 @@ import VariableList from './components/VariableList/VariableList'
 import { getApplicationConfig } from '@/api/application'
 import { memoryConfigListUrl } from '@/api/memory'
 import CustomSelect from '@/components/CustomSelect'
-import aiPrompt from '@/assets/images/application/aiPrompt.png'
 import AiPromptModal from './components/AiPromptModal'
 import ToolList from './components/ToolList/ToolList'
 import SkillList from './components/Skill'
 import ChatVariableConfigModal from './components/ChatVariableConfigModal';
 import type { Skill } from '@/views/Skills/types'
+import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
+import DescWrapper from '@/components/FormItem/DescWrapper'
 import FeaturesConfig from './components/FeaturesConfig'
+import { getListLogoUrl } from '@/views/ModelManagement/utils';
+import type { ChatItem } from '@/components/Chat/types'
 
-/**
- * Description wrapper component
- * @param desc - Description text
- * @param className - Additional CSS classes
- */
-const DescWrapper: FC<{desc: string, className?: string}> = ({desc, className}) => {
-  return (
-    <div className={clsx(className, "rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4 ")}>
-      {desc}
-    </div>
-  )
-}
-/**
- * Label wrapper component
- * @param title - Label title
- * @param className - Additional CSS classes
- * @param children - Child elements
- */
-const LabelWrapper: FC<{title: string, className?: string; children?: ReactNode}> = ({title, className, children}) => {
-  return (
-    <div className={clsx(className, "rb:text-[14px] rb:font-medium rb:leading-5")}>
-      {title}
-      {children}
-    </div>
-  )
-}
-/**
- * Switch wrapper component with label and description
- * @param title - Switch title
- * @param desc - Optional description
- * @param name - Form field name
- * @param needTransition - Whether to translate text
- */
-const SwitchWrapper: FC<{ title: string, desc?: string, name: string | string[]; needTransition?: boolean; }> = ({ title, desc, name, needTransition = true }) => {
-  const { t } = useTranslation();
-  return (
-    <div className="rb:flex rb:items-center rb:justify-between">
-      <LabelWrapper title={needTransition ? t(`application.${title}`) : title}>
-        {desc && <DescWrapper desc={needTransition ? t(`application.${desc}`) : desc} className="rb:mt-2" />}
-      </LabelWrapper>
-      <Form.Item
-        name={name}
-        valuePropName="checked"
-        className="rb:mb-0!"
-      >
-        <Switch />
-      </Form.Item>
-    </div>
-  )
-}
-/**
- * Select wrapper component with label and description
- * @param title - Select title
- * @param desc - Description text
- * @param name - Form field name
- * @param url - API URL for options
- */
-const SelectWrapper: FC<{ title: string, desc: string, name: string | string[], url: string; disabled?: boolean }> = ({ title, desc, name, url, disabled }) => {
-  const { t } = useTranslation();
-  return (
-    <>
-      <LabelWrapper title={t(`application.${title}`)} className="rb:mb-2">
-      </LabelWrapper>
-      <Form.Item
-        name={name}
-        className="rb:mb-0!"
-      >
-        <CustomSelect
-          placeholder={t('common.pleaseSelect')}
-          url={url}
-          hasAll={false}
-          valueKey='config_id'
-          labelKey="config_name"
-          disabled={disabled}
-        />
-      </Form.Item>
-      <DescWrapper desc={t(`application.${desc}`)} className="rb:mt-2" />
-    </>
-  )
+export const replaceVariables = (statement: string, variables: Variable[]) => {
+  return statement.replace(/\{\{([^}]+)\}\}/g, (match, name) => {
+    const v = variables.find(item => item.name === name)
+    return v?.value != null && v.value !== '' ? String(v.value) : match
+  })
 }
 
 /**
@@ -137,14 +65,12 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
   const [loading, setLoading] = useState(false)
   const [data, setData] = useState<Config | null>(null);
   const modelConfigModalRef = useRef<ModelConfigModalRef>(null)
-  const [modelList, setModelList] = useState<ModelListItem[]>([])
-  const [defaultModel, setDefaultModel] = useState<ModelListItem | null>(null)
+  const [modelList, setModelList] = useState<Model[]>([])
+  const [defaultModel, setDefaultModel] = useState<Model | null>(null)
   const [chatList, setChatList] = useState<ChatData[]>([])
   const values = Form.useWatch<Config>([], form) 
   const [isSave, setIsSave] = useState(false)
   const initialized = useRef(false)
-
-  console.log('chatList', chatList)
   
   // Initialization flag
   useEffect(() => {
@@ -162,7 +88,7 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
   useEffect(() => {
     getModels()
     getData()
-  }, [])
+  }, [id])
 
   /**
    * Fetch agent configuration data
@@ -175,8 +101,8 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
       const allSkills = Array.isArray(skills?.skill_ids) ? skills?.skill_ids.map(vo => ({ id: vo })) : []
       const allTools = Array.isArray(response.tools) ? response.tools : []
       const memoryContent = response.memory?.memory_config_id
-      const parsedMemoryContent = memoryContent === null || memoryContent === '' 
-        ? undefined 
+      const parsedMemoryContent = memoryContent === null || memoryContent === ''
+        ? undefined
         : !isNaN(Number(memoryContent)) ? Number(memoryContent) : memoryContent
       const variableList = variables?.map((item, index) => ({
         ...item,
@@ -213,14 +139,26 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
    */
   const refresh = (vo: ModelConfig, type: Source) => {
     if (type === 'model') {
-      const { default_model_config_id, ...rest } = vo
+      const { default_model_config_id, capability, ...rest } = vo
+      if (default_model_config_id !== values.default_model_config_id) {
+        const fileUpload = { ...values.features?.file_upload }
+        Object.keys(fileUpload).forEach(key => {
+          if (key.includes('enabled')) {
+            (fileUpload as Record<string, any>)[key] = false
+          }
+        })
+        form.setFieldValue(['features', 'file_upload'], fileUpload)
+        message.warning(t('application.resetFeaturesTip'))
+      }
       form.setFieldsValue({
         default_model_config_id,
+        capability,
         model_parameters: {...rest}
       })
       if (default_model_config_id === values?.default_model_config_id) {
+        const label = defaultModel?.id === default_model_config_id && defaultModel?.name ? defaultModel.name : vo.label || ''
         setChatList([{
-          label: defaultModel?.id === default_model_config_id && defaultModel?.name ? defaultModel.name :  vo.label || '',
+          label: label,
           model_config_id: default_model_config_id || '',
           model_parameters: {...rest},
           list: []
@@ -317,7 +255,7 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
       saveAgentConfig(data.app_id, params)
       .then((res) => {
         if (flag) {
-          message.success(t('common.saveSuccess'))
+          message.success({ content: t('common.saveSuccess'), duration: 1 })
         }
         setIsSave(false)
         resolve(res)
@@ -332,7 +270,7 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
   const getModels = () => {
     getModelList({ type: 'llm,chat', pagesize: 100, page: 1, is_active: true })
       .then(res => {
-        const response = res as { items: ModelListItem[] }
+        const response = res as { items: Model[] }
         setModelList(response.items)
       })
   }
@@ -345,13 +283,14 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
   useEffect(() => {
     if (values?.default_model_config_id && modelList.length > 0) {
       const filterValue = modelList.find(item => item.id === values.default_model_config_id)
-      setDefaultModel(filterValue as ModelListItem | null)
+      setDefaultModel(filterValue as Model | null)
       setChatList([{
         label: filterValue?.name || '',
         model_config_id: filterValue?.id || '',
         model_parameters: {...(filterValue?.config || {})} as unknown as ModelConfig,
         list: []
       }])
+      form.setFieldValue('capability', filterValue?.capability)
     }
   }, [modelList, values?.default_model_config_id])
 
@@ -401,12 +340,13 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
   const handleOpenVariableConfig = () => {
     chatVariableConfigModalRef.current?.handleOpen(chatVariables)
   }
+
   /**
    * Save chat variable configuration
    * @param values - Variable values
    */
-  const handleSaveChatVariable = (values: Variable[]) => {
-    setChatVariables(values)
+  const handleSaveChatVariable = (variables: Variable[]) => {
+    setChatVariables(variables)
   }
   useEffect(() => {
     setChatVariables(values?.variables || [])
@@ -415,103 +355,176 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
   const handleSaveFeaturesConfig = (value: FeaturesConfigForm) => {
     form.setFieldValue('features', value)
   }
-  console.log('agent', values)
+  const modelLogo = useMemo(() => {
+    return defaultModel?.name && getListLogoUrl(defaultModel.provider, defaultModel.logo as string)
+  }, [defaultModel])
+
+  useEffect(() => {
+    const opening_statement = form.getFieldValue(['features', 'opening_statement'])
+    console.log('opening_statement', opening_statement, defaultModel, chatList)
+
+    if (opening_statement?.enabled && opening_statement?.statement && opening_statement?.statement.trim() !== '') {
+      const assistantMsg: ChatItem = {
+        role: 'assistant',
+        content: replaceVariables(opening_statement.statement, chatVariables),
+        meta_data: {
+          suggested_questions: opening_statement?.suggested_questions
+        }
+      }
+      setChatList(prev => {
+        if (prev.length === 0 && !defaultModel) return prev
+        if (defaultModel && prev.length === 1) {
+          return [{
+            label: defaultModel.name,
+            model_config_id: defaultModel.id,
+            model_parameters: defaultModel.config as unknown as ModelConfig,
+            list: [assistantMsg]
+          }]
+        }
+
+        return prev.map(vo => {
+          if (vo.list?.length === 0) {
+            return { ...vo, list: [assistantMsg] }
+          } else if (vo.list && vo.list[0].role === 'assistant') {
+            return { ...vo, list: [assistantMsg, ...vo.list.slice(1)] }
+          } else {
+            return { ...vo, list: [assistantMsg, ...(vo.list || [])] }
+          }
+        })
+      })
+    }
+  }, [defaultModel, chatList.length, form.getFieldValue(['features', 'opening_statement']), chatVariables])
+  
+  console.log('agent values', values)
   return (
     <>
       {loading && <Spin fullscreen></Spin>}
-      <Row className="rb:h-[calc(100vh-64px)]">
-        <Col span={12} className="rb:h-full rb:overflow-x-auto rb:border-r rb:border-[#DFE4ED] rb:p-[20px_16px_24px_16px]">
-          <div className="rb:flex rb:items-center rb:justify-end rb:mb-5">
-            <Space size={10}>
-              <Button onClick={handleModelConfig} className="rb:group">
-                {defaultModel?.name ? <div className="rb:w-4 rb:h-4 rb:bg-[url('@/assets/images/application/model.svg')] rb:group-hover:bg-[url('@/assets/images/application/model_hover.svg')]"></div> : null}
-                {defaultModel?.name || t('application.chooseModel')}
-              </Button>
-              <FeaturesConfig value={values?.features as FeaturesConfigForm} refresh={handleSaveFeaturesConfig} />
-              <Button type="primary" onClick={() => handleSave()}>
-                {t('common.save')}
-              </Button>
-            </Space>
-          </div>
+      <Row className="rb:h-full!" gutter={12}>
+        <Col span={12} className="rb:h-full!">
           <Form form={form}>
-            <Form.Item name="default_model_config_id" hidden noStyle></Form.Item>
-            <Form.Item name="model_parameters" hidden noStyle></Form.Item>
-            <Form.Item name="features" hidden noStyle></Form.Item>
-            <Space size={16} direction="vertical" style={{ width: '100%' }}>
-              <Card title={t('application.promptConfiguration')}>
-                <div className="rb:flex rb:items-center rb:justify-between rb:mb-2.75">
-                  <div className="rb:font-medium rb:leading-5">
-                    {t('application.configuration')}
-                    <span className="rb:font-regular rb:text-[12px] rb:text-[#5B6167]"> ({t('application.configurationDesc')})</span>
-                  </div>
-                  <Button style={{ padding: '0 8px', height: '24px' }} onClick={handlePrompt}>
-                    <img src={aiPrompt} className="rb:size-5" />
-                    {t('application.aiPrompt')}
+            <Flex gap={12} vertical>
+              <Flex align="center" justify="space-between" className="rb:p-3! rb:bg-white rb:rounded-xl">
+                <Button type="primary" ghost onClick={handleModelConfig} className="rb:group">
+                  {modelLogo
+                    ? <img src={modelLogo} className="rb:size-4 rb:rounded-md" alt="" />
+                    : defaultModel?.name
+                    ? <div className="rb:size-4 rb:bg-[url('@/assets/images/application/model.svg')]"></div> : null}
+                  {defaultModel?.name || t('application.chooseModel')}
+                </Button>
+                <Space size={12}>
+                  <FeaturesConfig
+                    value={values?.features as FeaturesConfigForm}
+                    capability={values?.capability || []}
+                    refresh={handleSaveFeaturesConfig}
+                    chatVariables={chatVariables}
+                  />
+                  <Button type="primary" onClick={() => handleSave()}>
+                    {t('common.save')}
                   </Button>
-                </div>
-
-                <Form.Item
-                  name="system_prompt"
-                  className="rb:mb-0!"
-                  rules={[{ max: 10000 }]}
-                >
-                  <Input.TextArea
-                    placeholder={t('application.promptPlaceholder')}
-                    styles={{
-                      textarea: {
-                        minHeight: '200px',
-                        borderRadius: '8px'
-                      },
-                    }}
-                  />
-                </Form.Item>
-              </Card>
-
-              <Form.Item name="knowledge_retrieval" noStyle>
-                <Knowledge />
-              </Form.Item>
-
-              {/* Memory Configuration */}
-              <Card title={t('application.memoryConfiguration')}>
-                <Space size={24} direction='vertical' style={{ width: '100%' }}>
-                  <SwitchWrapper title="dialogueHistoricalMemory" desc="dialogueHistoricalMemoryDesc" name={['memory', 'enabled']} />
-                  <SelectWrapper
-                    title="selectMemoryContent"
-                    desc="selectMemoryContentDesc"
-                    name={['memory', 'memory_config_id']}
-                    url={memoryConfigListUrl}
-                    disabled={!values?.memory?.enabled}
-                  />
                 </Space>
-              </Card>
+              </Flex>
 
-              <Form.Item name="variables" noStyle>
-                <VariableList />
-              </Form.Item>
+              <Flex gap={12} vertical className="rb:h-[calc(100vh-156px)]! rb:overflow-y-auto!">
+                <Form.Item name="default_model_config_id" hidden noStyle></Form.Item>
+                <Form.Item name="capability" hidden noStyle></Form.Item>
+                <Form.Item name="model_parameters" hidden noStyle></Form.Item>
+                <Form.Item name="features" hidden noStyle></Form.Item>
+                <Card
+                  title={t('application.promptConfiguration')}
+                  extra={
+                    <Space
+                      size={1}
+                      className="rb:px-2 rb:h-5.5 rb:rounded-md rb:cursor-pointer rb:border rb:border-[rgba(21,94,239,0.3)] rb:text-[#155EEF]"
+                      onClick={handlePrompt}
+                    >
+                      <div className="rb:size-5 rb:bg-cover rb:bg-[url('@/assets/images/application/aiPrompt.png')]"></div>
+                      <span className="rb:font-[PingFangSC, PingFang_SC]!">{t('application.aiPrompt')}</span>
+                    </Space>
+                  }
+                >
+                  <div className="rb:leading-4.5 rb:text-[12px] rb:mb-2">
+                    <span className="rb:font-medium">{t('application.configuration')}</span>
+                    <span className="rb:font-regular rb:text-[#5B6167]"> ({t('application.configurationDesc')})</span>
+                  </div>
 
-              <Form.Item name="skills" noStyle>
-                <SkillList />
-              </Form.Item>
+                  <Form.Item name="system_prompt" className="rb:mb-0!">
+                    <Input.TextArea
+                      placeholder={t('application.promptPlaceholder')}
+                      styles={{
+                        textarea: {
+                          minHeight: '200px',
+                          borderRadius: '8px',
+                          padding: '12px'
+                        },
+                      }}
+                    />
+                  </Form.Item>
+                </Card>
 
-              {/* Tool Configuration */}
-              <Form.Item name="tools" noStyle>
-                <ToolList />
-              </Form.Item>
-            </Space>
+                <Form.Item name="knowledge_retrieval" noStyle>
+                  <Knowledge />
+                </Form.Item>
+
+                  {/* Memory Configuration */}
+                <Card title={t('application.memoryConfiguration')}>
+                  <Flex gap={16} vertical className="rb:bg-[#FAFAFA] rb:rounded-xl rb:p-3!">
+                    <SwitchFormItem
+                      title={t('application.dialogueHistoricalMemory')}
+                      name={['memory', 'enabled']}
+                      desc={t('application.dialogueHistoricalMemoryDesc')}
+                    />
+                    <Form.Item
+                      name={['memory', 'memory_config_id']}
+                      label={t('application.selectMemoryContent')}
+                      extra={<DescWrapper desc={t('application.selectMemoryContentDesc')} className="rb:mt-1" />}
+                      layout="vertical"
+                      className="rb:mb-0!"
+                    >
+                      <CustomSelect
+                        placeholder={t('common.pleaseSelect')}
+                        url={memoryConfigListUrl}
+                        hasAll={false}
+                        valueKey='config_id'
+                        labelKey="config_name"
+                        disabled={!values?.memory?.enabled}
+                      />
+                    </Form.Item>
+                  </Flex>
+                </Card>
+
+                <Form.Item name="variables" noStyle>
+                  <VariableList />
+                </Form.Item>
+
+                <Form.Item name="skills" noStyle>
+                  <SkillList />
+                </Form.Item>
+
+                {/* Tool Configuration */}
+                <Form.Item name="tools" noStyle>
+                  <ToolList />
+                </Form.Item>
+              </Flex>
+            </Flex>
           </Form>
         </Col>
-        <Col span={12} className="rb:h-full rb:overflow-x-hidden rb:p-[20px_16px_24px_16px]">
-          <div className="rb:flex rb:items-center rb:justify-between rb:mb-5">
-            {t('application.debuggingAndPreview')}
-
-            <Space size={10}>
-              <Button type="primary" ghost onClick={handleAddModel}>
-                + {t('application.addModel')}
-              </Button>
-              <div className="rb:w-8 rb:h-8 rb:cursor-pointer rb:bg-[url('@/assets/images/application/clean.svg')]" onClick={handleClearDebugging}></div>
-            </Space>
-          </div>
-          <RbCard height="calc(100vh - 160px)" bodyClassName="rb:p-[0]! rb:h-full rb:overflow-hidden">
+        <Col span={12} className="rb:h-full! rb:overflow-y-hidden">
+          <RbCard
+            title={t('application.debuggingAndPreview')}
+            extra={
+              <Space size={10}>
+                <Button type="primary" ghost onClick={handleAddModel}>
+                  + {t('application.addModel')}
+                </Button>
+                <div className="rb:w-8 rb:h-8 rb:cursor-pointer rb:bg-[url('@/assets/images/application/clean.svg')]" onClick={handleClearDebugging}></div>
+              </Space>
+            }
+            headerType="borderless"
+            headerClassName="rb:h-[56px]! rb:leading-[22px]!"
+            titleClassName="rb:font-[MiSans-Bold] rb:font-bold"
+            bodyClassName="rb:p-4! rb:pt-0! rb:h-[calc(100%-56px)]!"
+            className="rb:h-full!"
+          >
             <Chat
               data={values as Config}
               chatList={chatList}
@@ -525,7 +538,6 @@ const Agent = forwardRef<AgentRef, { onFeaturesLoad?: (features: FeaturesConfigF
       </Row>
 
       <ModelConfigModal
-        modelList={modelList}
         data={values}
         ref={modelConfigModalRef}
         refresh={refresh}
diff --git a/web/src/views/ApplicationConfig/Api.tsx b/web/src/views/ApplicationConfig/Api.tsx
index 22cec3e8..14e478dd 100644
--- a/web/src/views/ApplicationConfig/Api.tsx
+++ b/web/src/views/ApplicationConfig/Api.tsx
@@ -1,24 +1,23 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:29 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:29:29 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:31:36
  */
 import { type FC, useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
-import { Button, Space, App, Statistic, Row, Col } from 'antd';
+import { Button, Space, App, Row, Col, Flex } from 'antd';
 import copy from 'copy-to-clipboard'
 
-import Card from './components/Card';
 import type { Application } from '@/views/ApplicationManagement/types'
 import type { ApiKeyModalRef, ApiKeyConfigModalRef } from './types'
 import type { ApiKey } from '@/views/ApiKeyManagement/types'
 import ApiKeyModal from './components/ApiKeyModal';
 import ApiKeyConfigModal from './components/ApiKeyConfigModal';
-import Tag from '@/components/Tag'
 import { getApiKeyList, getApiKeyStats, deleteApiKey } from '@/api/apiKey';
 import { maskApiKeys } from '@/utils/apiKeyReplacer'
+import RbCard from '@/components/RbCard/Card';
 
 /**
  * API configuration page component
@@ -125,61 +124,69 @@ const Api: FC<{ application: Application | null }> = ({ application }) => {
   // Calculate total requests across all API keys
   const totalRequests = apiKeyList.reduce((total, item) => total + item.total_requests, 0);
   return (
-    <div className="rb:w-250 rb:mt-5 rb:pb-5 rb:mx-auto">
-      <Space size={20} direction="vertical" style={{width: '100%'}}>
-        <Card 
-          title={t('application.endpointConfiguration')}
+    <div className="rb:w-250 rb:mx-auto rb:max-h-[calc(100vh-88px)]! rb:overflow-y-auto">
+      <Flex gap={20} vertical>
+        <RbCard 
+          title={() => (<Flex align="center">
+            {t('application.endpointConfiguration')}
+            <span className="rb:text-[#5B6167] rb:text-[12px]">({t('application.endpointConfigurationSubTitle')})</span>
+          </Flex>)}
+          headerType="borderless"
+          headerClassName="rb:min-h-13.5!"
         >
-          <div className="rb:text-[#5B6167] rb:text-[12px] rb:mb-2">{t('application.endpointConfigurationSubTitle')}</div>
-          <div className="rb:p-[20px_20px_24px_20px] rb:bg-[#F0F3F8] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
-            <Space size={8}>
-              {['GET', 'POST', 'PUT', 'DELETE'].map((method) => (
-                <div key={method} className={clsx("rb:w-20 rb:h-7 rb:leading-7 rb:text-center rb:rounded-md rb:text-regular", {
-                  'rb:bg-[#155EEF] rb:text-white': activeMethods.includes(method),
-                  'rb:bg-white': !activeMethods.includes(method),
-                })}>
-                  {method}
-                </div>
-              ))}
-            </Space>
+          <Space size={8}>
+            {['GET', 'POST', 'PUT', 'DELETE'].map((method) => (
+              <div key={method} className={clsx("rb:w-20 rb:h-7 rb:leading-7 rb:text-center rb:rounded-md rb:text-regular", {
+                'rb:bg-[#171719] rb:text-white': activeMethods.includes(method),
+                'rb:bg-white rb:border rb:border-[#EBEBEB] rb:text-[#212332]': !activeMethods.includes(method),
+              })}>
+                {method}
+              </div>
+            ))}
+          </Space>
 
-            <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167] rb:mt-5 rb:p-[20px_16px] rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:leading-5">
-              {copyContent}
-              
-              <Button className="rb:px-2! rb:h-7! rb:group" onClick={() => handleCopy(copyContent)}>
-                <div 
-                  className="rb:w-4 rb:h-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/copy.svg')] rb:group-hover:bg-[url('@/assets/images/copy_active.svg')]" 
-                ></div>
-                {t('common.copy')}
-              </Button>
-            </div>
-          </div>
-        </Card>
-        <Card
-          title={t('application.apiKeys')}
+          <Flex align="center" justify="space-between" className="rb:text-[#5B6167] rb:mt-4! rb:py-5! rb:px-4! rb:bg-white rb-border rb:rounded-lg rb:leading-5">
+            {copyContent}
+            
+            <Button className="rb:px-2! rb:h-7! rb:group rb:-mt-1.75!" onClick={() => handleCopy(copyContent)}>
+              <div 
+                className="rb:w-4 rb:h-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/copy.svg')] rb:group-hover:bg-[url('@/assets/images/copy_active.svg')]" 
+              ></div>
+              {t('common.copy')}
+            </Button>
+          </Flex>
+        </RbCard>
+        <RbCard
+          title={() => (<Flex align="center">
+            {t('application.apiKeys')}
+            <span className="rb:text-[#5B6167] rb:text-[12px]">({t('application.apiKeySubTitle')})</span>
+          </Flex>)}
           extra={
             <Button style={{padding: '0 8px', height: '24px'}} onClick={handleAdd}>+ {t('application.addApiKey')}</Button>
           }
+          headerType="borderless"
+          headerClassName="rb:min-h-13.5!"
         >
-          <div className="rb:text-[#5B6167] rb:text-[12px] rb:mb-2">{t('application.apiKeySubTitle')}</div>
           {/* Overview Data */}
-          <Row>
+          <Row className="rb:pl-1 rb:mb-4">
             <Col span={6}>
-              <Statistic title={t('application.apiKeyTotal')} value={apiKeyList.length} />
+              <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[20px] rb:leading-7">{apiKeyList.length}</div>
+              <div className="rb:mt-1 rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{t('application.apiKeyTotal')}</div>
             </Col>
             <Col span={6}>
-              <Statistic title={t('application.apiKeyRequestTotal')} value={totalRequests} />
+              <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[20px] rb:leading-7">{totalRequests}</div>
+              <div className="rb:mt-1 rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{t('application.apiKeyRequestTotal')}</div>
             </Col>
           </Row>
           {/* API Key List */}
           {apiKeyList.sort((a, b) => b.created_at - a.created_at).map(item => (
-            <div key={item.id} className="rb:mt-4 rb:p-[10px_12px] rb:bg-[#F0F3F8] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
-              <div className="rb:flex rb:items-center rb:justify-between">
-                <div className="rb:flex rb:items-center rb:max-w-[calc(100%-92px)]">
-                  <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1">{item.name}</div>
-                  <Tag className="rb:ml-2">ID: {item.id}</Tag>
-                </div>
-                <Space>
+            <div key={item.id} className="rb:p-4 rb-border rb:rounded-xl">
+              <Flex align="center" justify="space-between">
+                <Flex vertical className="rb:max-w-[calc(100%-92px)]" gap={4}>
+                  <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1 rb:leading-5 rb:font-medium">{item.name}</div>
+                  <div className="rb:text-[#5B6167] rb:leading-4.5">ID: {item.id}</div>
+                </Flex>
+                <Space size={12}>
                   <div 
                     className="rb:w-6 rb:h-6 rb:cursor-pointer rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]" 
                     onClick={() => handleEdit(item)}
@@ -189,30 +196,38 @@ const Api: FC<{ application: Application | null }> = ({ application }) => {
                     onClick={() => handleDelete(item)}
                   ></div>
                 </Space>
-              </div>
-              <div className="rb:mb-3 rb:flex rb:items-center rb:justify-between rb:text-[#5B6167] rb:mt-5 rb:p-[8px_16px] rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:leading-5">
-                {maskApiKeys(item.api_key)}
-                
-                <Button className="rb:px-2! rb:h-7! rb:group" onClick={() => handleCopy(item.api_key)}>
-                  <div 
-                    className="rb:w-4 rb:h-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/copy.svg')] rb:group-hover:bg-[url('@/assets/images/copy_active.svg')]" 
-                  ></div>
-                  {t('common.copy')}
-                </Button>
-              </div>
- 
-              <Row gutter={12}>
+              </Flex>
+
+              <Row className="rb:mt-4">
                 <Col span={8}>
-                  <Statistic valueStyle={{ fontSize: '18px' }} title={t('application.apiKeyRequestTotal')} value={item.total_requests} />
+                  <Row className="rb:px-4 rb:py-2">
+                    <Col span={12}>
+                      <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-5.5">{item.total_requests}</div>
+                      <div className="rb:mt-1 rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{t('application.apiKeyRequestTotal')}</div>
+                    </Col>
+                    <Col span={12}>
+                      <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-5.5">{item.rate_limit}</div>
+                      <div className="rb:mt-1 rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{t('application.qpsLimit')}</div>
+                    </Col>
+                  </Row>
                 </Col>
-                <Col span={8}>
-                  <Statistic valueStyle={{ fontSize: '18px' }} title={t('application.qpsLimit')} value={item.rate_limit} />
+                <Col span={16}>
+                  <Flex align="center" justify="space-between" className="rb:text-[#5B6167] rb:py-5! rb:px-4! rb:bg-white rb-border rb:rounded-lg rb:leading-5">
+                    {maskApiKeys(item.api_key)}
+
+                    <Button className="rb:px-2! rb:h-7! rb:group rb:-mt-1.75!" onClick={() => handleCopy(item.api_key)}>
+                      <div
+                        className="rb:w-4 rb:h-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/copy.svg')] rb:group-hover:bg-[url('@/assets/images/copy_active.svg')]"
+                      ></div>
+                      {t('common.copy')}
+                    </Button>
+                  </Flex>
                 </Col>
               </Row>
             </div>
           ))}
-        </Card>
-      </Space>
+        </RbCard>
+      </Flex>
 
       <ApiKeyModal
         ref={apiKeyModalRef}
diff --git a/web/src/views/ApplicationConfig/Cluster.tsx b/web/src/views/ApplicationConfig/Cluster.tsx
index f4dd5a26..c452eef0 100644
--- a/web/src/views/ApplicationConfig/Cluster.tsx
+++ b/web/src/views/ApplicationConfig/Cluster.tsx
@@ -2,16 +2,15 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:33 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 19:49:09
+ * @Last Modified time: 2026-03-27 18:14:25
  */
 import { useEffect, useState, useRef, forwardRef, useImperativeHandle } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom';
-import { Form, Space, Row, Col, Button, Flex, App, Select } from 'antd'
+import { Form, Space, Row, Col, Button, Flex, App, Select, Spin } from 'antd'
 
 import Card from './components/Card'
-import Tag, { type TagProps } from './components/Tag'
-import CustomSelect from '@/components/CustomSelect';
+import Tag from './components/Tag'
 import { getMultiAgentConfig, saveMultiAgentConfig, getApplicationList } from '@/api/application';
 import type { 
   Config,
@@ -27,12 +26,11 @@ import RbCard from '@/components/RbCard/Card'
 import SubAgentModal from './components/SubAgentModal'
 import Empty from '@/components/Empty'
 import RadioGroupCard from '@/components/RadioGroupCard'
-import { getModelListUrl } from '@/api/models'
+import ModelSelect from '@/components/ModelSelect'
 import ModelConfigModal from './components/ModelConfigModal'
 import type { Application } from '@/views/ApplicationManagement/types'
 // import FeaturesConfig from './components/FeaturesConfig'
 
-const tagColors = ['processing', 'warning', 'default']
 const MAX_LENGTH = 5;
 /**
  * Multi-agent cluster configuration component
@@ -52,6 +50,7 @@ const Cluster = forwardRef<ClusterRef, { onFeaturesLoad?: (features: FeaturesCon
       list: []
     },
   ])
+  const [loading, setLoading] = useState(false)
 
   /**
    * Save cluster configuration
@@ -80,7 +79,7 @@ const Cluster = forwardRef<ClusterRef, { onFeaturesLoad?: (features: FeaturesCon
         saveMultiAgentConfig(id as string, params)
           .then((res) => {
             if (flag) {
-              message.success(t('common.saveSuccess'))
+              message.success({ content: t('common.saveSuccess'), duration: 1 })
             }
             resolve(res)
           })
@@ -104,6 +103,7 @@ const Cluster = forwardRef<ClusterRef, { onFeaturesLoad?: (features: FeaturesCon
     if (!id) {
       return
     }
+    setLoading(true)
     getMultiAgentConfig(id as string).then(res => {
       const response = res as Config
       setData(response)
@@ -133,6 +133,9 @@ const Cluster = forwardRef<ClusterRef, { onFeaturesLoad?: (features: FeaturesCon
       }
       onFeaturesLoad?.(response.features)
     })
+    .finally(() => {
+      setLoading(false)
+    })
   }
   /**
    * Open sub-agent modal for add or edit
@@ -192,150 +195,163 @@ const Cluster = forwardRef<ClusterRef, { onFeaturesLoad?: (features: FeaturesCon
   // }
 
   return (
-    <Row className="rb:h-[calc(100vh-64px)]">
-      <Col span={12} className="rb:h-full rb:overflow-x-auto rb:border-r rb:border-[#DFE4ED] rb:p-[20px_16px_24px_16px]">
-        <Flex gap={10} justify="end" align="center" className="rb:mb-5!">
-          {/* <FeaturesConfig value={values?.features as FeaturesConfigForm} refresh={handleSaveFeaturesConfig} /> */}
-          <Button type="primary" onClick={() => handleSave()}>
-            {t('common.save')}
-          </Button>
-        </Flex>
-        <Form form={form} layout="vertical">
-          <Form.Item name="features" hidden noStyle></Form.Item>
-          <Space size={20} direction="vertical" style={{width: '100%'}}>
-            <Card title={t('application.collaboration')}>
-              <Form.Item
-                name="orchestration_mode"
-                noStyle
-              >
-                <RadioGroupCard
-                  options={['supervisor', 'collaboration'].map((type) => ({
-                    value: type,
-                    label: t(`application.${type}`),
-                    labelDesc: t(`application.${type}Desc`),
-                  }))}
-                  allowClear={false}
-                />
-              </Form.Item>
-            </Card>
-
-            <Card title={t('application.subAgentsManagement')}>
-              <Flex align="center" justify="space-between">
-                <div className="rb:font-regular rb:text-[#5B6167] rb:leading-5">{t('application.added')}: {subAgents.length}/{MAX_LENGTH}</div>
-                <Button size="small" disabled={subAgents.length >= MAX_LENGTH} onClick={() => handleSubAgentModal()}>{t('application.addSubAgent')}</Button>
+    <>
+      {loading && <Spin fullscreen></Spin>}
+      <Row className="rb:h-full!" gutter={12}>
+        <Col span={12}>
+          <Form form={form} layout="vertical">
+            <Flex gap={12} vertical>
+              <Flex align="center" justify="end" className="rb:p-3! rb:bg-white rb:rounded-xl">
+                {/* <FeaturesConfig value={values?.features as FeaturesConfigForm} refresh={handleSaveFeaturesConfig} /> */}
+                <Button type="primary" onClick={() => handleSave()}>
+                  {t('common.save')}
+                </Button>
               </Flex>
-
-              {subAgents.length === 0
-                ? <Empty size={88} />
-                : subAgents.map((agent, index) => (
-                  <Flex key={index} align="center" justify="space-between"
-                    className="rb:mt-4! rb:w-full! rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:p-[20px_31px_20px_20px]!"
+              <Flex gap={12} vertical className="rb:h-[calc(100vh-158px)]! rb:overflow-y-auto!">
+                <Form.Item name="features" hidden noStyle></Form.Item>
+                <Card title={t('application.collaboration')}>
+                  <Form.Item
+                    name="orchestration_mode"
+                    noStyle
                   >
-                    <Flex className="rb:w-[calc(100%-80px)]!">
-                      <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                        {agent.name?.[0]}
-                      </div>
-                      <div className="rb:flex rb:flex-col rb:justify-center rb:max-w-[calc(100%-60px)]">
-                        
-                        <div>{agent.name}
-                          <Tag color={agent.is_active ? 'success' : 'warning'} className="rb:ml-2">
-                            {agent.is_active ? t('common.enable') : t('common.deleted')}
-                          </Tag>
-                        </div>
-                        {agent.role && <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167] rb:mt-1.5">{agent.role || '-'}</div>}
-                        {agent.capabilities && <Flex wrap gap={8} className="rb:mt-4">{agent.capabilities.map((tag, tagIndex) => <Tag key={tagIndex} color={tagColors[tagIndex % tagColors.length] as TagProps['color']}>{tag}</Tag>)}</Flex>}
-                      </div>
+                    <RadioGroupCard
+                      options={['supervisor', 'collaboration'].map((type) => ({
+                        value: type,
+                        label: t(`application.${type}`),
+                        labelDesc: t(`application.${type}Desc`),
+                      }))}
+                      allowClear={false}
+                      block={true}
+                    />
+                  </Form.Item>
+                </Card>
+
+                <Card
+                  title={<>
+                    {t('application.subAgentsManagement')}
+                    <span className="rb:font-medium rb:font-[PingFangSC,PingFang_SC]! rb:text-[14px]!"> ({subAgents.length}/{MAX_LENGTH})</span>
+                  </>}
+                  extra={<Button className="rb:py-0! rb:px-2! rb:h-6!" disabled={subAgents.length >= MAX_LENGTH} onClick={() => handleSubAgentModal()}>+ {t('application.addSubAgent')}</Button>}
+                >
+                  {subAgents.length === 0
+                    ? <div className="rb-border rb:rounded-xl rb:pt-4 rb:pb-6"><Empty size={88} /></div>
+                    : <Flex vertical gap={12}>
+                      {subAgents.map((agent, index) => (
+                        <Flex key={index} align="center" justify="space-between"
+                          className="rb:w-full! rb-border rb:rounded-xl rb:py-2.5! rb:pl-4! rb:pr-3!"
+                        >
+                          <Flex justify="center" vertical className="rb:max-w-[calc(100%-60px)]">
+                            <div>
+                              <span className="rb:text-[#212332] rb:leading-5">{agent.name}</span>
+                              <Tag color={agent.is_active ? 'success' : 'warning'} className="rb:ml-2">
+                                {agent.is_active ? t('common.enable') : t('common.deleted')}
+                              </Tag>
+                            </div>
+                            {agent.role && <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167] rb:text-[12px] rb:mt-1">{agent.role || '-'}</div>}
+                            {agent.capabilities && <Flex wrap gap={8} className="rb:mt-2.5!">
+                              {agent.capabilities.map((tag, tagIndex) => <Tag key={tagIndex} color="dark" className="rb:py-0!">{tag}</Tag>)}
+                            </Flex>}
+                          </Flex>
+
+                          <Space>
+                            <div
+                              className="rb:size-6 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]"
+                              onClick={() => handleSubAgentModal(agent)}
+                            ></div>
+                            <div
+                              className="rb:size-6 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]"
+                              onClick={() => handleDeleteSubAgent(agent)}
+                            ></div>
+                          </Space>
+                        </Flex>
+                      ))}
                     </Flex>
+                  }
+                </Card>
 
-                    <Space>
-                      <div
-                        className="rb:w-8 rb:h-8 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]"
-                        onClick={() => handleSubAgentModal(agent)}
-                      ></div>
-                      <div
-                        className="rb:w-8 rb:h-8 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]"
-                        onClick={() => handleDeleteSubAgent(agent)}
-                      ></div>
-                    </Space>
-                  </Flex>
-                ))}
-            </Card>
+                {values?.orchestration_mode !== 'collaboration' && <Card title={t('application.masterConfig')}>
+                  <Form.Item
+                    label={<span className="rb:text-[#5B6167]">{t('application.model')}</span>}
+                    required={true}
+                    className="rb:mb-4!"
+                  >
+                    <Flex align="center" gap={12}>
+                      <Form.Item name="default_model_config_id" noStyle>
+                        <ModelSelect
+                          params={{ type: 'llm,chat' }}
+                          className="rb:w-full!"
+                        />
+                      </Form.Item>
+                      <Form.Item name="model_parameters" noStyle>
+                        <Button
+                          className="rb:w-33"
+                          icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/application/set.svg')]"></div>}
+                          onClick={handleEditModelConfig}
+                        >{t('application.modelConfig')}</Button>
+                      </Form.Item>
+                    </Flex>
+                  </Form.Item>
+                  <Form.Item
+                    name={['execution_config', "sub_agent_execution_mode"]}
+                    label={<span className="rb:text-[#5B6167]">{t('application.orchestrationMode')}</span>}
+                    className="rb:mb-4!"
+                  >
+                    <Select
+                      options={['sequential', 'parallel'].map((type) => ({
+                        value: type,
+                        label: t(`application.${type}`),
+                      }))}
+                      placeholder={t('common.pleaseSelect')}
+                    />
+                  </Form.Item>
+                  <Form.Item
+                    name="aggregation_strategy"
+                    label={<span className="rb:text-[#5B6167]">{t('application.aggregationStrategy')}</span>}
+                    className="rb:mb-0!"
+                  >
+                    <Select
+                      options={['merge', 'vote', 'priority'].map((type) => ({
+                        value: type,
+                        label: t(`application.${type}`),
+                      }))}
+                      placeholder={t('common.pleaseSelect')}
+                    />
+                  </Form.Item>
+                </Card>}
+              </Flex>
+            </Flex>
+          </Form>
+        </Col>
+        <Col span={12} className="rb:h-full! rb:overflow-y-hidden">
+          <RbCard
+            title={t('application.debuggingAndPreview')}
+            headerType="borderless"
+            headerClassName="rb:h-[56px]! rb:leading-[22px]!"
+            titleClassName="rb:font-[MiSans-Bold] rb:font-bold"
+            bodyClassName="rb:p-4! rb:pt-0! rb:h-[calc(100%-56px)]!"
+            className="rb:h-full!"
+          >
+            <Chat
+              data={data as Config}
+              chatList={chatList}
+              updateChatList={setChatList}
+              handleSave={handleSave}
+              source="multi_agent"
+            />
+          </RbCard>
+        </Col>
 
-            {values?.orchestration_mode !== 'collaboration' && <Card title={t('application.masterConfig')}>
-              <Form.Item
-                label={t('application.model')}
-                required={true}
-              >
-                <Row gutter={16}>
-                  <Col span={16}>
-                    <Form.Item name="default_model_config_id" noStyle>
-                      <CustomSelect
-                        url={getModelListUrl}
-                        params={{ type: 'llm,chat', pagesize: 100, is_active: true }}
-                        valueKey="id"
-                        labelKey="name"
-                        hasAll={false}
-                        style={{ width: '100%' }}
-                      />
-                    </Form.Item>
-                  </Col>
-                  <Col span={8}>
-                    <Form.Item name="model_parameters" noStyle>
-                      <Button onClick={handleEditModelConfig}>{t('application.modelConfig')}</Button>
-                    </Form.Item>
-                  </Col>
-                </Row>
-              </Form.Item>
-              <Form.Item
-                name={['execution_config',"sub_agent_execution_mode"]}
-                label={t('application.orchestrationMode')}
-              >
-                <Select
-                  options={['sequential', 'parallel'].map((type) => ({
-                    value: type,
-                    label: t(`application.${type}`),
-                  }))}
-                  placeholder={t('common.pleaseSelect')}
-                />
-              </Form.Item>
-              <Form.Item
-                name="aggregation_strategy"
-                label={t('application.aggregationStrategy')}
-              >
-                <Select
-                  options={['merge', 'vote', 'priority'].map((type) => ({
-                    value: type,
-                    label: t(`application.${type}`),
-                  }))}
-                  placeholder={t('common.pleaseSelect')}
-                />
-              </Form.Item>
-            </Card>}
-          </Space>
-        </Form>
-      </Col>
-      <Col span={12} className="rb:h-full rb:overflow-x-hidden rb:p-[20px_16px_24px_16px]">
-        <RbCard height="100%" bodyClassName="rb:p-[0]! rb:h-full rb:overflow-hidden">
-          <Chat
-            data={data as Config}
-            chatList={chatList}
-            updateChatList={setChatList}
-            handleSave={handleSave}
-            source="multi_agent"
-          />
-        </RbCard>
-      </Col>
-
-      <SubAgentModal
-        ref={subAgentModalRef}
-        refresh={refreshSubAgents}
-      />
-      <ModelConfigModal
-        data={values as Config}
-        ref={modelConfigModalRef}
-        refresh={handleSaveModelConfig}
-      />
-    </Row>
+        <SubAgentModal
+          ref={subAgentModalRef}
+          refresh={refreshSubAgents}
+        />
+        <ModelConfigModal
+          data={values as Config}
+          ref={modelConfigModalRef}
+          refresh={handleSaveModelConfig}
+        />
+      </Row>
+    </>
   )
 })
 
diff --git a/web/src/views/ApplicationConfig/Logs.tsx b/web/src/views/ApplicationConfig/Logs.tsx
new file mode 100644
index 00000000..cf56059c
--- /dev/null
+++ b/web/src/views/ApplicationConfig/Logs.tsx
@@ -0,0 +1,79 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-24 15:41:20 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 16:20:32
+ */
+import { type FC, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
+import { Flex, Button } from 'antd';
+import type { ColumnsType } from 'antd/es/table';
+
+import { getAppLogsUrl } from '@/api/application';
+import Table from '@/components/Table'
+import { formatDateTime } from '@/utils/format';
+import type { LogItem, LogDetailModalRef } from './types'
+import LogDetailModal from './components/LogDetailModal'
+
+const Statistics: FC = () => {
+  const { t } = useTranslation();
+  const { id } = useParams();
+  const logDetailRef = useRef<LogDetailModalRef>(null);
+
+  const handleViewDetail = (item: LogItem) => {
+    logDetailRef.current?.handleOpen(item);
+  }
+
+  /** Table column configuration */
+  const columns: ColumnsType<LogItem> = [
+    {
+      title: t('application.logTitle'),
+      dataIndex: 'title',
+      key: 'title',
+      className: 'rb:text-[#212332]'
+    },
+    {
+      title: t('application.created_at'),
+      dataIndex: 'created_at',
+      key: 'created_at',
+      render: (createdAt: string) => formatDateTime(createdAt, 'YYYY-MM-DD HH:mm:ss'),
+    },
+    {
+      title: t('common.updated_at'),
+      dataIndex: 'updated_at',
+      key: 'updated_at',
+      render: (updatedAt: string) => updatedAt ? formatDateTime(updatedAt, 'YYYY-MM-DD HH:mm:ss') : '-',
+    },
+    {
+      title: t('common.operation'),
+      key: 'action',
+      render: (_, record) => (
+        <Flex wrap>
+          <Button
+            type="link"
+            onClick={() => handleViewDetail(record as LogItem)}
+          >
+            {t('common.view')}
+          </Button>
+        </Flex>
+      ),
+    },
+  ];
+  return (
+    <div className="rb:bg-white rb:rounded-lg rb:pt-3 rb:px-3">
+      <Table<LogItem>
+        apiUrl={getAppLogsUrl(id || '')}
+        apiParams={{
+          is_draft: false,
+        }}
+        columns={columns}
+        rowKey="id"
+        isScroll={true}
+        scrollY="calc(100vh - 214px)"
+      />
+      <LogDetailModal ref={logDetailRef} />
+    </div>
+  );
+}
+export default Statistics;
\ No newline at end of file
diff --git a/web/src/views/ApplicationConfig/ReleasePage.tsx b/web/src/views/ApplicationConfig/ReleasePage.tsx
index efaedea3..3e516c88 100644
--- a/web/src/views/ApplicationConfig/ReleasePage.tsx
+++ b/web/src/views/ApplicationConfig/ReleasePage.tsx
@@ -2,12 +2,12 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:41 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 20:57:24
+ * @Last Modified time: 2026-03-26 15:24:41
  */
 import { type FC, useState, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
-import { Button, Space, Input, Form, App } from 'antd';
+import { Space, Input, Form, App, Flex } from 'antd';
 
 import Tag, { type TagProps } from './components/Tag'
 import RbCard from '@/components/RbCard/Card'
@@ -20,6 +20,7 @@ import type { Application } from '@/views/ApplicationManagement/types'
 import Empty from '@/components/Empty'
 import { formatDateTime } from '@/utils/format';
 import Markdown from '@/components/Markdown'
+import RbButton from '@/components/RbButton';
 /**
  * Tag color mapping for release versions
  */
@@ -29,6 +30,7 @@ const tagColors: Record<Release['tagKey'], TagProps['color']> = {
   history: 'default',
 }
 
+const heightClass = 'rb:max-h-[calc(100vh-140px)]'
 /**
  * Release page component
  * Manages application version releases, rollbacks, and version history
@@ -74,72 +76,79 @@ const ReleasePage: FC<{data: Application; refresh: () => void}> = ({data, refres
     appExport(data.id, data.name, { release_id: selectedVersion.id})
   }
   return (
-    <div className="rb:flex rb:h-[calc(100vh-64px)]">
-      <div className="rb:h-full rb:overflow-y-auto rb:w-108 rb:flex-[0_0_auto] rb:border-r rb:border-[#DFE4ED] rb:p-4">
-        <Space size={16} direction="vertical" style={{ width: '100%' }}>
-          <div className="rb:leading-5.5 rb:px-1">
-            {t('application.versionList')}
-            <div className="rb:text-[12px] rb:text-[#5B6167] rb:mt-1 rb:leading-4">{t('application.versionListDesc')}</div>
+    <Flex gap={12}>
+      <div className="rb:w-101 rb:h-full">
+        <Flex gap={12} vertical>
+          <div className="rb:px-1">
+            <div className="rb:text-[16px] rb:leading-5.5 rb:font-medium">{t('application.versionList')}</div>
+            <div className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4.5">{t('application.versionListDesc')}</div>
           </div>
-          {releaseList.length === 0
-            ? <Empty />
-            : selectedVersion && releaseList.map((version, index) => {
-              const tagKey = version.id === data.current_release_id && index === 0
-                ? 'current'
-                : version.id === data.current_release_id
-                ? 'rolledBack' :  'history'
-              return (
-                <RbCard 
-                  key={version.version} 
-                  title={<>
-                    {version.version_name && version.version_name[0].toLocaleLowerCase() === 'v' ? version.version_name : version.version_name ? `v${version.version_name}` : `v${version.version}`}
-                    {tagKey && <Tag color={tagColors[tagKey]} className="rb:ml-2">
-                      {tagKey}
-                    </Tag>}
-                  </>}
-                  className={clsx("rb:hover:border-[#155EEF]! rb:cursor-pointer", {
-                    'rb:bg-[rgba(21,94,239,0.06)]! rb:border-[#155EEF]!': version.id === selectedVersion.id,
-                    'rb:border-[#DFE4ED] rb:bg-[#FBFDFF]': version.id !== selectedVersion.id
-                  })}
-                  headerType="borderless"
-                  onClick={() => setSelectedVersion(version)}
-                >
-                  <div className="rb:leading-5 rb:line-clamp-2 rb:overflow-hidden rb:text-ellipsis rb:whitespace-nowrap">
-                    <Markdown content={version.release_notes} />
-                  </div>
-                  <div className="rb:mt-4 rb:text-[12px] rb:text-[#5B6167] rb:leading-4">
-                    {t('application.publishedOn')} {formatDateTime(version.published_at, 'YYYY-MM-DD HH:mm:ss')}
-                  </div>
-                  <div className="rb:text-[12px] rb:text-[#5B6167] rb:mt-1 rb:leading-4">
-                    {t('application.publisher')}: {version.publisher_name}
-                  </div>
-                </RbCard>
-              )
-            })
-          }
-        </Space>
+          <div className={`${heightClass} rb:overflow-y-auto`}>
+            {releaseList.length === 0
+              ? <Empty />
+              : <Flex gap={12} vertical>
+                {selectedVersion && releaseList.map((version, index) => {
+                  const tagKey = version.id === data.current_release_id && index === 0
+                    ? 'current'
+                    : version.id === data.current_release_id
+                      ? 'rolledBack' : 'history'
+                  return (
+                    <RbCard
+                      key={version.version}
+                      title={<>
+                        {version.version_name && version.version_name[0].toLocaleLowerCase() === 'v' ? version.version_name : version.version_name ? `v${version.version_name}` : `v${version.version}`}
+                        {tagKey && <Tag color={tagColors[tagKey]} className="rb:ml-2">
+                          {tagKey}
+                        </Tag>}
+                      </>}
+                      className={clsx("rb:hover:shadow-[0px_2px_8px_0px_rgba(0,0,0,0.2)]! rb:cursor-pointer rb:bg-white", {
+                        'rb:border-[#171719]!': version.id === selectedVersion.id,
+                        'rb:border-[#DFE4ED] ': version.id !== selectedVersion.id
+                      })}
+                      headerType="borderless"
+                      onClick={() => setSelectedVersion(version)}
+                    >
+                      <div className="rb:leading-5 rb:line-clamp-2 rb:overflow-hidden rb:text-ellipsis rb:whitespace-nowrap">
+                        <Markdown content={version.release_notes} />
+                      </div>
+                      <div className="rb:mt-4 rb:text-[12px] rb:text-[#5B6167] rb:leading-4.5">
+                        {t('application.publishedOn')} {formatDateTime(version.published_at, 'YYYY-MM-DD HH:mm:ss')}
+                      </div>
+                      <div className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4.5">
+                        {t('application.publisher')}: {version.publisher_name}
+                      </div>
+                    </RbCard>
+                  )
+                })}
+              </Flex>
+            }
+          </div>
+        </Flex>
       </div>
-      <div className="rb:h-full rb:overflow-y-auto rb:flex-[1_1_auto] rb:p-4">
+      <div className="rb:overflow-y-auto rb:flex-1">
         <Form layout="vertical">
-          <div className={clsx("rb:leading-5.5 rb:px-1 rb:flex rb:items-center rb:text-[16px] rb:font-medium rb:mb-5.25", {
+          <Flex align="center" className={clsx("rb:leading-6.5! rb:text-[18px] rb:font-medium rb:mb-4.75!", {
             'rb:justify-between': selectedVersion,
             'rb:justify-end': !selectedVersion
           })}>
-            {selectedVersion && t('application.DetailsOfVersion', { version: selectedVersion.version_name && selectedVersion.version_name[0].toLocaleLowerCase() === 'v' ? selectedVersion.version_name : selectedVersion.version_name ? `v${selectedVersion.version_name}` : `v${selectedVersion.version}` || '-' })}
+            {selectedVersion && t('application.detailsOfVersion', { version: selectedVersion.version_name && selectedVersion.version_name[0].toLocaleLowerCase() === 'v' ? selectedVersion.version_name : selectedVersion.version_name ? `v${selectedVersion.version_name}` : `v${selectedVersion.version}` || '-' })}
 
             <Space size={10}>
               {selectedVersion && <>
-                {data?.type !== 'multi_agent' && <Button onClick={handleExport}>{t('common.export')}</Button>}
-                {data.current_release_id !== selectedVersion.id && <Button onClick={handleRollback}>{t('application.willRollToThisVersion')}</Button>}
-                <Button type="primary" ghost onClick={() => releaseShareModalRef.current?.handleOpen()}>{t('application.share')}</Button>
-                {data?.type !== 'multi_agent' && <Button type="primary" ghost onClick={() => appSharingModalRef.current?.handleOpen()}>{t('application.sharing')}</Button>}
+                {data?.type !== 'multi_agent' && <RbButton onClick={handleExport}>{t('common.export')}</RbButton>}
+                {data.current_release_id !== selectedVersion.id && <RbButton onClick={handleRollback}>{t('application.willRollToThisVersion')}</RbButton>}
+                <RbButton type="primary" ghost onClick={() => releaseShareModalRef.current?.handleOpen()}>{t('application.share')}</RbButton>
+                {data?.type !== 'multi_agent' && <RbButton type="primary" ghost onClick={() => appSharingModalRef.current?.handleOpen()}>{t('application.sharing')}</RbButton>}
               </>}
-              <Button type="primary" onClick={() => releaseModalRef.current?.handleOpen()}>{t('application.release')}</Button>
+              <RbButton type="primary" onClick={() => releaseModalRef.current?.handleOpen()}>{t('application.release')}</RbButton>
             </Space>
-          </div>
+          </Flex>
           {selectedVersion && 
-            <Space size={16} direction="vertical" style={{ width: '100%' }}>
-              <RbCard title={t('application.VersionInformation')} headerType="borderless">
+            <Flex gap={16} vertical className={`${heightClass} rb:overflow-y-auto`}>
+              <RbCard
+                title={t('application.VersionInformation')}
+                headerType="borderless"
+              >
                 <div className="rb:grid rb:grid-cols-3 rb:gap-4">
                   <Form.Item label={t('application.releaseTime')} className="rb:mb-0!">
                     <Input value={formatDateTime(selectedVersion.published_at, 'YYYY-MM-DD HH:mm:ss')} disabled />
@@ -154,22 +163,25 @@ const ReleasePage: FC<{data: Application; refresh: () => void}> = ({data, refres
               </RbCard>
 
               {/* Logs */}
-              <RbCard title={t('application.changeLog')} headerType="borderless">
-                <Space size={16} direction="vertical" style={{ width: '100%' }}>
+              <RbCard
+                title={t('application.changeLog')}
+                headerType="borderless"
+              >
                 {selectedVersion && (
                   <RbCard
-                    headerType="borderBL"
+                    headerType="borderless"
                     title={<div className="rb:text-[14px]">{formatDateTime(selectedVersion.published_at, 'YYYY-MM-DD HH:mm:ss')}</div>}
                     extra={<span className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4">{selectedVersion.publisher_name}</span>}
+                    bodyClassName="rb:pt-0! rb:pb-3! rb:px-4!"
+                    variant="outlined"
                   >
-                    <div className="rb:font-medium rb:font-regular rb:text-[12px] rb:text-[#5B6167] rb:leading-4">
+                    <div className="rb:font-regular rb:text-[#5B6167] rb:leading-4">
                       <Markdown content={selectedVersion.release_notes} />
                     </div>
                   </RbCard>
                 )}
-                </Space>
               </RbCard>
-            </Space>
+            </Flex>
           }
         </Form>
       </div>
@@ -187,7 +199,7 @@ const ReleasePage: FC<{data: Application; refresh: () => void}> = ({data, refres
         appId={data.id}
         version={selectedVersion}
       />
-    </div>
+    </Flex>
   );
 }
 export default ReleasePage;
\ No newline at end of file
diff --git a/web/src/views/ApplicationConfig/Statistics.tsx b/web/src/views/ApplicationConfig/Statistics.tsx
index 0c2c4b54..5115c4c7 100644
--- a/web/src/views/ApplicationConfig/Statistics.tsx
+++ b/web/src/views/ApplicationConfig/Statistics.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:45 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:29:45 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-03 18:57:44
  */
 import { type FC, useState, useEffect } from 'react';
 import { Row, Col, Flex, DatePicker } from 'antd';
@@ -13,7 +13,7 @@ const { RangePicker } = DatePicker;
 
 import type { Application } from '@/views/ApplicationManagement/types'
 import { getAppStatistics } from '@/api/application';
-import LineCard from './components/LineCard'
+import ChartCard from './components/ChartCard'
 import type { StatisticsData, StatisticsItem } from './types'
 
 /**
@@ -79,11 +79,11 @@ const Statistics: FC<{ application: Application | null }> = ({ application }) =>
     })
   }
   return (
-    <div className="rb:w-250 rb:mt-5 rb:pb-5 rb:mx-auto">
+    <div className="rb:w-250 rb:mx-auto">
       <Row gutter={[16, 16]}>
         <Col span={24}>
           <Flex justify="end">
-            <RangePicker defaultValue={[query.start_date, query.end_date]} onChange={handleChange} />
+            <RangePicker className="rb:w-70" defaultValue={[query.start_date, query.end_date]} onChange={handleChange} />
           </Flex>
         </Col>
         {Object.entries(data).map(([key, value]) => {
@@ -93,7 +93,7 @@ const Statistics: FC<{ application: Application | null }> = ({ application }) =>
           const totalKey = TotalObj[key];
           return (
             <Col span={12} key={key}>
-              <LineCard
+              <ChartCard
                 type={key}
                 total={totalKey ? (data[totalKey] as number) : 0}
                 chartData={value as StatisticsItem[]}
diff --git a/web/src/views/ApplicationConfig/TestChat/index.tsx b/web/src/views/ApplicationConfig/TestChat/index.tsx
index c324622d..de98b9a7 100644
--- a/web/src/views/ApplicationConfig/TestChat/index.tsx
+++ b/web/src/views/ApplicationConfig/TestChat/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-03-13 17:27:52 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-03-18 20:54:35 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:35:13
  */
 import { type FC, useState, useRef, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -26,6 +26,7 @@ import type { Variable } from '@/views/Workflow/components/Properties/VariableLi
 import type { TestChatProps } from './type'
 import type { SSEMessage } from '@/utils/stream'
 import type { FeaturesConfigForm } from '@/views/ApplicationConfig/types'
+import { getFileStatusById } from '@/api/fileStorage'
 
 const formatParams = (message: string, conversation_id: string | null, files: any[] = [], variables: Record<string, any>) => {
   return {
@@ -79,16 +80,39 @@ const TestChat: FC<TestChatProps> = ({
   const [message, setMessage] = useState<string | undefined>(undefined)
   const [fileList, setFileList] = useState<any[]>([])
   const [features, setFeatures] = useState<FeaturesConfigForm>({} as FeaturesConfigForm)
+  
+  const audioPollingRef = useRef<Map<string, ReturnType<typeof setInterval>>>(new Map())
+  const [audioStatusMap, setAudioStatusMap] = useState<Record<string, string>>({})
 
   useEffect(() => {
     getVariables()
   }, [application, config])
 
+  useEffect(() => {
+    return () => {
+      audioPollingRef.current.forEach(timer => clearInterval(timer))
+      audioPollingRef.current.clear()
+    }
+  }, [])
+
   const getVariables = () => {
     if (!application || !config) return
 
     setFeatures(config?.features || {} as FeaturesConfigForm)
 
+
+    if (config?.features?.opening_statement?.statement && config?.features?.opening_statement?.statement.trim() !== '') {
+      setChatList(prev => [...prev, {
+        role: 'assistant',
+        created_at: Date.now(),
+        content: config?.features?.opening_statement?.statement,
+        meta_data: {
+          suggested_questions: config?.features?.opening_statement?.suggested_questions || []
+        }
+      }])
+    }
+    
+
     let initVariables: Variable[] = []
 
     switch (application.type) {
@@ -138,13 +162,20 @@ const TestChat: FC<TestChatProps> = ({
     }])
   }
 
-  const updateAssistantMessage = (content: string, audio_url?: string) => {
+  const updateAssistantMessage = (content: string, audio_url?: string, audio_status?: string, citations?: any[]) => {
     setChatList(prev => {
       const newList = [...prev]
       const lastMsg = newList[newList.length - 1]
-      if (lastMsg.role === 'assistant') {
-        lastMsg.content += content;
-        lastMsg.meta_data = {audio_url}
+      if (lastMsg?.role === 'assistant') {
+        newList[newList.length - 1] = {
+          ...lastMsg,
+          content: lastMsg.content + content,
+          meta_data: {
+            audio_url: audio_url || lastMsg.meta_data?.audio_url,
+            audio_status: audio_status || lastMsg.meta_data?.audio_status,
+            citations: citations || lastMsg.meta_data?.citations
+          }
+        }
       }
       return newList
     })
@@ -181,14 +212,14 @@ const TestChat: FC<TestChatProps> = ({
     return { isCanSend, params }
   }
 
-  const handleSend = () => {
-    if (loading || !application || !message || !message?.trim()) return
+  const handleSend = (msg?: string) => {
+    if (loading || !application || !((message && message?.trim() !== '') || (msg && msg?.trim() !== ''))) return
     const files = (toolbarRef.current?.getFiles() || []).filter(item => !['uploading', 'error'].includes(item.status))
     const variables = toolbarRef.current?.getVariables() || []
     const { isCanSend, params } = buildVariableParams(variables)
     if (!isCanSend) return
 
-    addUserMessage(message, files)
+    addUserMessage((msg || message) as string, files)
     setMessage(undefined)
     toolbarRef.current?.setFiles([])
     setFileList([])
@@ -198,7 +229,7 @@ const TestChat: FC<TestChatProps> = ({
 
     draftRun(
       application.id,
-      formatParams(message, conversationId, files, params),
+      formatParams((msg || message) as string, conversationId, files, params),
       handleStreamMessage
     )
       .catch(() => {
@@ -211,9 +242,33 @@ const TestChat: FC<TestChatProps> = ({
       })
   }
 
+  useEffect(() => {
+    if (!Object.keys(audioStatusMap).length) return
+    setChatList(prev => prev.map(msg => {
+      if (msg.role === 'assistant' && msg.meta_data?.audio_url && audioStatusMap[msg.meta_data.audio_url]) {
+        return {
+          ...msg,
+          meta_data: {
+            ...msg.meta_data,
+            audio_status: audioStatusMap[msg.meta_data.audio_url]
+          }
+        }
+      }
+      return msg
+    }))
+  }, [audioStatusMap, chatList.length])
+
   const handleStreamMessage = (data: SSEMessage[]) => {
     data.map(item => {
-      const { conversation_id, content, message_length, audio_url } = item.data as { conversation_id: string, content: string, message_length: number; audio_url?: string; };
+      const { conversation_id, content, message_length, audio_url, citations } = item.data as {
+        conversation_id: string, content: string, message_length: number; audio_url?: string;
+        citations?: {
+          document_id: string;
+          file_name: string;
+          knowledge_id: string;
+          score: string;
+        }[]
+      };
       switch (item.event) {
         case 'start':
           if (conversation_id && conversationId !== conversation_id) setConversationId(conversation_id)
@@ -223,8 +278,41 @@ const TestChat: FC<TestChatProps> = ({
           if (conversation_id && conversationId !== conversation_id) setConversationId(conversation_id)
           break
         case 'end':
+          if (audio_url && !audioStatusMap[audio_url]) {
+            setAudioStatusMap(prev => ({
+              ...prev,
+              [audio_url]: 'pending'
+            }))
+          }
           if (audio_url) {
-            updateAssistantMessage(content, audio_url)
+            updateAssistantMessage(content || '', audio_url, 'pending')
+            const { file_id } = item.data as { file_id?: string }
+            const idToPoll = file_id || audio_url || ''
+            const fileId = audio_url.split('/').pop()
+            if (fileId && idToPoll && !audioPollingRef.current.has(idToPoll)) {
+              const timer = setInterval(() => {
+                getFileStatusById(fileId)
+                  .then(res => {
+                    const { status } = res as { status: string }
+                    if (status && status !== 'pending') {
+                      setAudioStatusMap(prev => ({
+                        ...prev,
+                        [audio_url]: status
+                      }))
+                      clearInterval(audioPollingRef.current.get(idToPoll))
+                      audioPollingRef.current.delete(idToPoll)
+                    }
+                  })
+                  .catch(() => {
+                    clearInterval(audioPollingRef.current.get(idToPoll))
+                    audioPollingRef.current.delete(idToPoll)
+                  })
+              }, 2000)
+              audioPollingRef.current.set(idToPoll, timer)
+            }
+          }
+          if (citations && citations.length > 0) {
+            updateAssistantMessage(content, audio_url, undefined, citations)
           }
           updateErrorAssistantMessage(message_length)
           setStreamLoading(false)
@@ -426,7 +514,7 @@ const TestChat: FC<TestChatProps> = ({
   }
 
   const updateWorkflowEndMessage = (data: NodeData) => {
-    const { error, status, audio_url } = data;
+    const { error, status } = data;
     setChatList(prev => {
       const newList = [...prev]
       const lastIndex = newList.length - 1
@@ -436,7 +524,6 @@ const TestChat: FC<TestChatProps> = ({
           status,
           error,
           content: newList[lastIndex].content === '' ? null : newList[lastIndex].content,
-          meta_data: { audio_url: audio_url }
         }
       }
       return newList
@@ -444,11 +531,11 @@ const TestChat: FC<TestChatProps> = ({
   }
 
   return (
-    <div className="rb:w-250 rb:p-3 rb:mx-auto">
+    <div className="rb:w-250 rb:mx-auto rb:h-full">
       <RbCard
         title={t('application.test')}
         headerClassName="rb:min-h-[56px]!"
-        className="rb:h-[calc(100vh-88px)]!"
+        className="rb:h-full!"
         bodyClassName="rb:h-[calc(100%-56px)]! rb:overflow-y-auto rb:px-3! rb:py-0!"
       >
         <Chat
diff --git a/web/src/views/ApplicationConfig/components/AiPromptModal.tsx b/web/src/views/ApplicationConfig/components/AiPromptModal.tsx
index 6a4a50b1..5491ad7a 100644
--- a/web/src/views/ApplicationConfig/components/AiPromptModal.tsx
+++ b/web/src/views/ApplicationConfig/components/AiPromptModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:26:44 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-05 10:31:12
+ * @Last Modified time: 2026-03-20 13:53:05
  */
 /**
  * AI Prompt Assistant Modal
@@ -11,25 +11,24 @@
  */
 
 import { forwardRef, useImperativeHandle, useState, useRef } from 'react';
-import { Button, Form, Input, App, Row, Col } from 'antd';
+import { Button, Form, Input, App, Flex, Space } from 'antd';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx'
 import copy from 'copy-to-clipboard';
 
 import { updatePromptMessages, createPromptSessions } from '@/api/prompt'
-import { getModelListUrl } from '@/api/models'
 import type { AiPromptModalRef, AiPromptVariableModalRef, AiPromptForm } from '../types'
 import RbModal from '@/components/RbModal'
-import type { ModelListItem } from '@/views/ModelManagement/types'
+import type { Model } from '@/views/ModelManagement/types'
 import ChatContent from '@/components/Chat/ChatContent'
 import Empty from '@/components/Empty'
-import ChatSendIcon from '@/assets/images/application/chatSend.svg'
 import ConversationEmptyIcon from '@/assets/images/conversation/conversationEmpty.svg'
-import type { ChatItem } from '@/components/Chat/types' 
-import CustomSelect from '@/components/CustomSelect'
+import type { ChatItem } from '@/components/Chat/types'
+import ModelSelect from '@/components/ModelSelect'
 import AiPromptVariableModal from './AiPromptVariableModal'
 import { type SSEMessage } from '@/utils/stream'
 import Editor from './Editor'
+import analysisEmptyIcon from '@/assets/images/conversation/analysisEmpty.png'
 
 /**
  * Component props
@@ -38,8 +37,8 @@ interface AiPromptModalProps {
   /** Callback to refresh prompt with optimized value */
   refresh: (value: string) => void;
   /** Default model to pre-select */
-  defaultModel?: ModelListItem | null;
-  source?: 'app' | 'skills'
+  defaultModel?: Model | null;
+  source?: 'application' | 'skills'
 }
 
 /**
@@ -92,7 +91,7 @@ const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({
   };
   /** Send user message and get AI response */
   const handleSend = () => {
-    if (!promptSession) return
+    if (!promptSession || loading || !values.message || values.message.trim() == '') return
     if (!values.model_id) {
       message.warning(t('common.selectPlaceholder', { title: t(`${source}.model`) }))
       return
@@ -185,6 +184,13 @@ const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({
   useImperativeHandle(ref, () => ({
     handleOpen,
   }));
+  const [isFocus, setIsFocus] = useState(false)
+  const handleFocus = () => {
+    setIsFocus(true)
+  }
+  const handleBlur = () => {
+    setIsFocus(false)
+  }
 
   console.log(values)
   return (
@@ -194,69 +200,101 @@ const AiPromptModal = forwardRef<AiPromptModalRef, AiPromptModalProps>(({
       onCancel={handleClose}
       footer={null}
       width={1000}
+      classNames={{
+        content: 'rb:p-0!',
+        header: 'rb:p-6! rb:mb-0!',
+        body: 'rb:p-0! rb:border-t rb:border-t-[#EBEBEB]'
+      }}
     >
-      <Form form={form}>
-        <div className="rb:grid rb:grid-cols-2 rb:border-t rb:border-t-[#EBEBEB]">
-          <div className="rb:border-r rb:border-r-[#EBEBEB] rb:pr-6 rb:pt-3">
+      <Form form={form} className="rb:mx-4!">
+        <div className="rb:grid rb:grid-cols-2">
+          <div className="rb:border-r rb:border-r-[#EBEBEB] rb:pr-4 rb:pt-3 rb:pb-4">
             <Form.Item
-              label={t(`${source}.model`)}
               name="model_id"
               rules={[{ required: true, message: t('common.pleaseSelect') }]}
             >
-              <CustomSelect
-                url={getModelListUrl}
-                params={{ type: 'llm,chat', pagesize: 100, is_active: true }}
-                valueKey="id"
-                labelKey="name"
-                hasAll={false}
-                style={{ width: '100%' }}
+              <ModelSelect
+                params={{ type: 'llm,chat' }}
+                className="rb:w-full!"
               />
             </Form.Item>
 
             <ChatContent
-              classNames="rb:h-100.5 rb:px-[16px] rb:py-[20px] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-[8px]"
-              contentClassNames="rb:max-w-[260px]!"
-              empty={<Empty url={ConversationEmptyIcon} title={t(`${source}.promptChatEmpty`)} isNeedSubTitle={false} size={[240, 200]} className="rb:h-full" />}
+              classNames="rb:h-105.5 rb:pb-[15px]!"
+              contentClassNames="rb:max-w-75!"
+              empty={<Empty url={ConversationEmptyIcon} title={t(`${source}.promptChatEmpty`)} isNeedSubTitle={false} size={[140, 100]} className="rb:h-full" />}
               data={chatList || []}
               streamLoading={false}
               labelPosition="top"
               labelFormat={(item) => item.role === 'user' ? t(`${source}.you`) : t(`${source}.ai`)}
             />
-
-            <div className="rb:flex rb:items-center rb:gap-2.5 rb:py-4">
-              <Form.Item name="message" className="rb:mb-0!" style={{ width: 'calc(100% - 54px)' }}>
+            <Flex align="center" gap={12} justify="space-between"
+              className={clsx("rb-border rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.1)] rb:rounded-2xl rb:h-13 rb:px-3!", {
+                'rb:border rb:border-[#171719]!': isFocus
+              })}
+            >
+              <Form.Item name="message" className="rb:flex-1 rb:mb-0!">
                 <Input
-                  className="rb:h-11 rb:shadow-[0px_2px_8px_0px_rgba(33,35,50,0.1)]"
                   placeholder={t(`${source}.promptChatPlaceholder`)}
                   onPressEnter={handleSend}
+                  variant="borderless"
+                  className="rb:p-0!"
+                  onFocus={handleFocus}
+                  onBlur={handleBlur}
                 />
               </Form.Item>
-              <img src={ChatSendIcon} className={clsx("rb:w-11 rb:h-11 rb:cursor-pointer", {
-                'rb:opacity-50': loading,
-              })} onClick={handleSend} />
-            </div>
+              
+              <Flex align="center" justify="center"
+                className={clsx('rb:size-7 rb:rounded-full rb:shadow-[0px 2px 12px 0px rgba(23,23,25,0.1)]', {
+                  'rb:cursor-not-allowed rb:bg-[#F6F6F6]': loading || !values || !values?.message || values?.message?.trim() === '',
+                  'rb:cursor-pointer rb:bg-[#171719]': !loading && !(!values || !values?.message || values?.message?.trim() === '')
+                })}
+                onClick={handleSend}
+              >
+                <div className={clsx("rb:size-4 rb:bg-cover", {
+                  "rb:bg-[url('@/assets/images/conversation/loading.svg')]": loading,
+                  "rb:bg-[url('@/assets/images/conversation/sendDisabled.svg')]": !loading && (!values || !values?.message || values?.message?.trim() === ''),
+                  "rb:bg-[url('@/assets/images/conversation/send.svg')]": !loading && !(!values || !values?.message || values?.message?.trim() === '')
+                })}></div>
+              </Flex>
+            </Flex>
           </div>
 
-          <div className="rb:pl-6 rb:pt-3">
-            <Row>
-              <Col span={source === 'application' ? 12 : 24}>
-                <Form.Item label={t(`${source}.conversationOptimizationPrompt`)}></Form.Item>
-              </Col>
-              {source === 'application' && <Col span={12} className="rb:text-right">
-                <Button onClick={handleAdd}>+ {t(`${source}.addVariable`)}</Button>
-              </Col>}
-            </Row>
-            <Form.Item name="current_prompt">
-              <Editor 
-                ref={editorRef}
-                className="rb:h-100.5 " 
-                onChange={(value) => form.setFieldValue('current_prompt', value)}
-              />
+          <div className="rb:pl-4 rb:pt-3.5 rb:pb-4">
+            <Flex justify="space-between" className="rb:mb-3!">
+              <div>
+                {t(`${source}.conversationOptimizationPrompt`)}
+              </div>
+              <Space size={8}>
+                <Button
+                  disabled={!values?.current_prompt}
+                  icon={<div className="rb:size-3.5 rb:bg-cover rb:bg-[url('@/assets/images/application/copy.svg')]"></div>}
+                  onClick={handleCopy}>{t('common.copy')}</Button>
+                <Button
+                  disabled={!values?.current_prompt}
+                  icon={<div className="rb:size-3.5 rb:bg-cover rb:bg-[url('@/assets/images/application/save.svg')]"></div>}
+                  onClick={handleApply}
+                >{t(`${source}.apply`)}</Button>
+                {source === 'application' &&
+                  <Button
+                    disabled={!values?.current_prompt}
+                    icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/plus_dark.svg')]"></div>}
+                    onClick={handleAdd}
+                  ></Button>
+                }
+              </Space>
+            </Flex>
+
+            <Form.Item name="current_prompt" noStyle>
+              {values?.current_prompt
+                ? <Editor 
+                  ref={editorRef}
+                  className="rb:h-119 rb:bg-white! rb:border-none! rb:p-0!" 
+                  onChange={(value) => form.setFieldValue('current_prompt', value)}
+                />
+                : <Empty url={analysisEmptyIcon} title={t(`${source}.promptOptimizationEmpty`)} isNeedSubTitle={false} size={[270, 170]} className="rb:h-119 rb:w-70 rb:mx-auto! rb:text-center! rb:text-[12px]! rb:leading-4!" />
+              }
             </Form.Item>
-            <div className="rb:grid rb:grid-cols-2 rb:gap-4 rb:mt-6">
-              <Button block disabled={!values?.current_prompt} onClick={handleCopy}>{t('common.copy')}</Button>
-              <Button type="primary" block disabled={!values?.current_prompt} onClick={handleApply}>{t(`${source}.apply`)}</Button>
-            </div>
           </div>
         </div>
       </Form>
diff --git a/web/src/views/ApplicationConfig/components/ApiKeyConfigModal.tsx b/web/src/views/ApplicationConfig/components/ApiKeyConfigModal.tsx
index f4751c88..5269c008 100644
--- a/web/src/views/ApplicationConfig/components/ApiKeyConfigModal.tsx
+++ b/web/src/views/ApplicationConfig/components/ApiKeyConfigModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:27:22 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:27:22 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-11 11:52:32
  */
 /**
  * API Key Configuration Modal
@@ -10,7 +10,7 @@
  */
 
 import { forwardRef, useImperativeHandle, useState } from 'react';
-import { Form, Slider } from 'antd';
+import { Form, Slider, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type {  ApiKeyConfigModalRef } from '../types'
@@ -111,10 +111,10 @@ interface ApiKeyConfigModalProps {
                 step={1}
               />
             </Form.Item>
-            <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5">
+            <Flex align="center" justify="space-between" className="rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5!">
               1
-              <span>{t('application.currentValue')}: {values?.rate_limit}{t('application.qpsLimitUnit')}</span>
-            </div>
+              <span>{t('application.currentValue')}: {values?.rate_limit} {t('application.qpsLimitUnit')}</span>
+            </Flex>
           </div>
         </>
         {/* Daily usage limit */}
@@ -136,10 +136,10 @@ interface ApiKeyConfigModalProps {
                 step={100}
               />
             </Form.Item>
-            <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5">
+            <Flex align="center" justify="space-between" className="rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5!">
               100
-              <span>{t('application.currentValue')}: {values?.daily_request_limit}{t('application.dailyUsageLimitUnit')}</span>
-            </div>
+              <span>{t('application.currentValue')}: {values?.daily_request_limit} {t('application.dailyUsageLimitUnit')}</span>
+            </Flex>
           </div>
         </>
       </Form>
diff --git a/web/src/views/ApplicationConfig/components/Card.tsx b/web/src/views/ApplicationConfig/components/Card.tsx
index bf67d970..43f36ac5 100644
--- a/web/src/views/ApplicationConfig/components/Card.tsx
+++ b/web/src/views/ApplicationConfig/components/Card.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:27:31 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-04 13:50:47
+ * @Last Modified time: 2026-03-04 10:25:35
  */
 import { type FC, type ReactNode } from 'react'
 
@@ -40,8 +40,9 @@ const Card: FC<CardProps> = ({
       subTitle={subTitle}
       extra={extra}
       variant={variant}
-      headerType="borderL"
-      headerClassName={variant ? '' : "rb:before:bg-[#155EEF]! rb:before:h-[19px]"}
+      headerType="borderless"
+      headerClassName="rb:h-11.5! rb:py-3! rb:leading-5.5!"
+      titleClassName="rb:font-[MiSans-Bold] rb:font-bold"
     >
       {children}
     </RbCard>
diff --git a/web/src/views/ApplicationConfig/components/ChartCard.tsx b/web/src/views/ApplicationConfig/components/ChartCard.tsx
new file mode 100644
index 00000000..3c24ef69
--- /dev/null
+++ b/web/src/views/ApplicationConfig/components/ChartCard.tsx
@@ -0,0 +1,98 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 16:28:03 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-25 13:55:11
+ */
+/**
+ * Line chart card component for displaying statistics
+ * Uses ECharts to render time-series data with gradient area fill
+ */
+
+import { type FC } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import type { StatisticsItem } from '../types'
+import RbCard from '@/components/RbCard/Card';
+import AreaLineChart from '@/components/Charts/AreaLineChart'
+import BarChart from '@/components/Charts/BarChart'
+
+/**
+ * Component props
+ */
+interface ChartCardProps {
+  /** Chart data points */
+  chartData: StatisticsItem[];
+  /** Statistics type key */
+  type: string;
+  /** Total count to display */
+  total: number;
+}
+
+/**
+ * Color mapping for different statistic types
+ */
+const ColorObj: Record<string, string> = {
+  daily_conversations: '#155EEF',
+  daily_new_users: '#9C6FFF',
+  daily_api_calls: '#155EEF',
+  daily_tokens: '#FF8A4C'
+}
+
+/**
+ * Line chart card component
+ * Displays time-series statistics with gradient area chart
+ */
+const ChartCard: FC<ChartCardProps> = ({ chartData, type, total }) => {
+  const { t } = useTranslation()
+
+  return (
+    <RbCard
+      title={t(`application.${type}`)}
+      subTitle={<span className="rb:font-[MiSans-Bold] rb:text-[#171719] rb:font-bold rb:text-[28px] rb:leading-9.5">{total}</span>}
+      headerType="borderless"
+      headerClassName="rb:min-h-26!"
+    >
+      <div className="rb:h-50">
+        {type === 'daily_conversations' || type === 'daily_tokens' ? (
+          <AreaLineChart
+            chartData={chartData}
+            colors={[ColorObj[type]]}
+            xAxisKey="date"
+            seriesList={{ count: t(`application.${type}`) }}
+            height={200}
+            lineStyle={{width: 3}}
+            showLegend={false}
+            grid={{
+              top: 7,
+              left: 4,
+              right: 18,
+              bottom: 0,
+              containLabel: true
+            }}
+            smooth={type === 'daily_conversations'}
+          />
+        )
+        : <BarChart
+            chartData={chartData}
+            colors={[ColorObj[type]]}
+            xAxisKey="date"
+            seriesList={{ count: t(`application.${type}`) }}
+            height={200}
+            showLegend={false}
+            grid={{
+              top: 7,
+              left: 4,
+              right: 18,
+              bottom: 0,
+              containLabel: true
+            }}
+            itemStyle={type === 'daily_new_users' ? { color: ColorObj[type] } : null}
+            showBackground={type === 'daily_api_calls'}
+          />}
+      </div>
+    </RbCard>
+  )
+}
+
+export default ChartCard
diff --git a/web/src/views/ApplicationConfig/components/Chat.tsx b/web/src/views/ApplicationConfig/components/Chat.tsx
index 052ad872..42ae43a9 100644
--- a/web/src/views/ApplicationConfig/components/Chat.tsx
+++ b/web/src/views/ApplicationConfig/components/Chat.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:27:39 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 20:52:33
+ * @Last Modified time: 2026-03-27 17:59:07
  */
 /**
  * Chat debugging component for application testing
@@ -10,12 +10,11 @@
  * Provides real-time streaming responses and conversation history
  */
 
-import { type FC, useEffect, useState, useRef } from 'react';
+import { type FC, useEffect, useState, useRef, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom'
 import clsx from 'clsx'
-import { App } from 'antd';
-import { SettingOutlined } from '@ant-design/icons'
+import { App, Flex, Tooltip } from 'antd';
 
 import ChatIcon from '@/assets/images/application/chat.png'
 import DebuggingEmpty from '@/assets/images/application/debuggingEmpty.png'
@@ -29,6 +28,7 @@ import ChatInput from '@/components/Chat/ChatInput'
 import ChatToolbar from '@/components/Chat/ChatToolbar'
 import type { ChatToolbarRef } from '@/components/Chat/ChatToolbar'
 import type { Variable } from './VariableList/types'
+import { getFileStatusById } from '@/api/fileStorage'
 
 
 /**
@@ -63,6 +63,8 @@ const Chat: FC<ChatProps> = ({
   const { id } = useParams()
   const { message: messageApi } = App.useApp()
   const toolbarRef = useRef<ChatToolbarRef>(null)
+  const audioPollingRef = useRef<Map<string, ReturnType<typeof setInterval>>>(new Map())
+  const msgCreatedAtRef = useRef<Map<string, number | string>>(new Map())
   const [loading, setLoading] = useState(false)
   const [isCluster, setIsCluster] = useState(source === 'multi_agent')
   const [conversationId, setConversationId] = useState<string | null>(null)
@@ -70,12 +72,24 @@ const Chat: FC<ChatProps> = ({
   const [fileList, setFileList] = useState<any[]>([])
   const [message, setMessage] = useState<string | undefined>(undefined)
   const [features, setFeatures] = useState<FeaturesConfigForm>({} as FeaturesConfigForm)
+  const [audioStatusMap, setAudioStatusMap] = useState<Record<string, string>>({})
 
   useEffect(() => {
     setCompareLoading(false)
     setLoading(false)
+    return () => {
+      audioPollingRef.current.forEach(timer => clearInterval(timer))
+      audioPollingRef.current.clear()
+    }
   }, [chatList.map(item => item.label).join(',')])
 
+  useEffect(() => {
+    return () => {
+      audioPollingRef.current.forEach(timer => clearInterval(timer))
+      audioPollingRef.current.clear()
+    }
+  }, [])
+
   useEffect(() => {
     if (data?.features) setFeatures(data.features)
   }, [data?.features])
@@ -84,7 +98,7 @@ const Chat: FC<ChatProps> = ({
     setIsCluster(source === 'multi_agent')
     toolbarRef.current?.setFiles([])
     setMessage(undefined)
-  }, [source])
+  }, [source, toolbarRef.current])
 
   /** Add user message to all chat lists */
   const addUserMessage = (message: string, files: any[]) => {
@@ -118,6 +132,7 @@ const Chat: FC<ChatProps> = ({
       const assistantMessages: Record<string, ChatItem> = {}
       chatList.forEach(item => {
         assistantMessages[item.model_config_id as string] = assistantMessage
+        msgCreatedAtRef.current.set(item.model_config_id as string, assistantMessage.created_at as number)
       })
       updateChatList(prev => prev.map(item => ({
         ...item,
@@ -126,8 +141,8 @@ const Chat: FC<ChatProps> = ({
     }
   }
   /** Update assistant message with streaming content */
-  const updateAssistantMessage = (content?: string, model_config_id?: string, conversation_id?: string, audio_url?: string) => {
-    if ((!content && !audio_url) || !model_config_id) return
+  const updateAssistantMessage = (content?: string, model_config_id?: string, conversation_id?: string, audio_url?: string, citations?: any[]) => {
+    if ((!content && !audio_url && (!citations || citations?.length < 1)) || !model_config_id) return
     updateChatList(prev => {
       const targetIndex = prev.findIndex(item => item.model_config_id === model_config_id);
       if (targetIndex !== -1) {
@@ -144,7 +159,10 @@ const Chat: FC<ChatProps> = ({
               {
                 ...lastMsg,
                 content: lastMsg.content + (content || ''),
-                meta_data: { audio_url }
+                meta_data: {
+                  ...(audio_url !== undefined ? { audio_url, audio_status: 'pending' } : {}),
+                  citations: citations || lastMsg.meta_data?.citations
+                }
               }
             ]
           }
@@ -162,19 +180,18 @@ const Chat: FC<ChatProps> = ({
       const targetIndex = prev.findIndex(item => item.model_config_id === model_config_id);
       if (targetIndex > -1) {
         const modelChatList = [...prev]
-        const curChatMsgList = modelChatList[targetIndex].list || []
-        const lastMsg = curChatMsgList[curChatMsgList.length - 1]
-        if (lastMsg.role === 'assistant') {
-          modelChatList[targetIndex] = {
-            ...modelChatList[targetIndex],
-            list: [
-              ...curChatMsgList.slice(0, curChatMsgList.length - 1),
-              {
-                ...lastMsg,
-                content: null
-              }
-            ]
-          }
+        const curModelChat = modelChatList[targetIndex]
+        const curChatMsgList = curModelChat.list || []
+        const lastMsg = curChatMsgList[curChatMsgList.length - 2]
+        modelChatList[targetIndex] = {
+          ...modelChatList[targetIndex],
+          list: [
+            ...curChatMsgList.slice(0, curChatMsgList.length - 2),
+            {
+              ...lastMsg,
+              ...(lastMsg.role === 'user' ? { status: 'error' } : { content: null })
+            }
+          ]
         }
         return [...modelChatList]
       }
@@ -182,16 +199,36 @@ const Chat: FC<ChatProps> = ({
       return prev
     })
   }
+
+  useEffect(() => {
+    updateChatList(prev => prev.map(item => ({
+      ...item,
+      list: item.list?.map(msg => {
+        console.log('item', item)
+        const id = `${item.model_config_id}_${msg.meta_data?.audio_url}`
+        if (msg.role === 'assistant' && msg.meta_data?.audio_url && audioStatusMap[id]) {
+          return {
+            ...msg,
+            meta_data: {
+              ...msg.meta_data,
+              audio_status: audioStatusMap[id]
+            }
+          }
+        }
+        return msg
+      })
+    })))
+  }, [chatList.length, audioStatusMap])
   /** Send message for agent comparison mode */
   const handleSend = (msg?: string) => {
     if (loading || !id) return
     setLoading(true)
     setCompareLoading(true)
+    const files = (fileList || []).filter(item => !['uploading', 'error'].includes(item.status))
     handleSave(false)
       .then(() => {
         const message = msg
         if (!message?.trim()) return
-        const files = (toolbarRef.current?.getFiles() || []).filter(item => !['uploading', 'error'].includes(item.status))
         // Validate required variables before sending
         let isCanSend = true
         const params: Record<string, any> = {}
@@ -217,7 +254,7 @@ const Chat: FC<ChatProps> = ({
         }
 
         addUserMessage(message, files)
-        setMessage(message)
+        setMessage(undefined)
         toolbarRef.current?.setFiles([])
         setFileList([])
         addAssistantMessage()
@@ -226,15 +263,57 @@ const Chat: FC<ChatProps> = ({
           setCompareLoading(false)
 
           data.map(item => {
-            const { model_config_id, conversation_id, content, message_length, audio_url } = item.data as { model_config_id: string; conversation_id: string; content: string; message_length: number; audio_url: string };
+            const { model_config_id, conversation_id, content, message_length, audio_url, citations } = item.data as {
+              model_config_id: string; conversation_id: string; content: string; message_length: number; audio_url: string;
+              citations?: {
+                document_id: string;
+                file_name: string;
+                knowledge_id: string;
+                score: string;
+              }[]
+            };
             
             switch (item.event) {
               case 'model_message':
                 updateAssistantMessage(content, model_config_id, conversation_id, audio_url)
                 break;
               case 'model_end':
+                const idToPoll = `${model_config_id}_${audio_url}`
+                if (audio_url && !audioStatusMap[idToPoll]) {
+                  setAudioStatusMap(prev => ({
+                    ...prev,
+                    [idToPoll]: 'pending'
+                  }))
+                }
                 if (audio_url) {
-                  updateAssistantMessage(content, model_config_id, conversation_id, audio_url)
+                  updateAssistantMessage(content, model_config_id, conversation_id, audio_url, citations)
+                  const fileId = audio_url.split('/').pop()
+                  if (fileId && idToPoll && !audioPollingRef.current.has(idToPoll)) {
+                    const timer = setInterval(() => {
+                      getFileStatusById(fileId)
+                        .then(res => {
+                          const { status } = res as { status: string }
+                          if (status && status !== 'pending') {
+                            clearInterval(audioPollingRef.current.get(idToPoll))
+                            audioPollingRef.current.delete(idToPoll)
+                            setAudioStatusMap(prev => ({
+                              ...prev,
+                              [idToPoll]: status
+                            }))
+                          }
+                        })
+                        .catch((e) => {
+                          console.log('[audio poll] error', e)
+                          clearInterval(audioPollingRef.current.get(idToPoll))
+                          audioPollingRef.current.delete(idToPoll)
+                        })
+                    }, 2000)
+                    audioPollingRef.current.set(idToPoll, timer)
+                  }
+                }
+
+                if (citations && citations.length > 0) {
+                  updateAssistantMessage(content, model_config_id, conversation_id, audio_url, citations)
                 }
                 updateErrorAssistantMessage(message_length, model_config_id)
                 break;
@@ -343,16 +422,16 @@ const Chat: FC<ChatProps> = ({
       return [...modelChatList]
     })
   }
-
+  /** Send message for cluster mode */
   const handleClusterSend = (msg?: string) => {
     if (loading || !id) return
     setLoading(true)
     setCompareLoading(true)
+    const files = (fileList || []).filter(item => !['uploading', 'error'].includes(item.status))
     handleSave(false)
       .then(() => {
         const message = msg
         if (!message || message.trim() === '') return
-        const files = (toolbarRef.current?.getFiles() || []).filter(item => !['uploading', 'error'].includes(item.status))
         addUserMessage(message, files)
         setMessage(undefined)
         toolbarRef.current?.setFiles([])
@@ -429,29 +508,31 @@ const Chat: FC<ChatProps> = ({
     updateChatList(chatList.filter((_, voIndex) => voIndex !== index))
   }
 
+  console.log('chatList', chatList)
+  const isHasLabel = useMemo(() => chatList.some(item => item.label), [chatList])
+  const isNeedVariableConfig = useMemo(() => chatVariables?.some(vo => vo.required && !vo.value), [chatVariables])
   return (
-    <div className="rb:relative rb:h-full rb:flex rb:flex-col">
+    <Flex vertical className="rb:relative rb:h-full">
       {chatList.length === 0
         ? <Empty
           url={DebuggingEmpty}
           size={[300, 200]}
-          title={t('application.debuggingEmpty')}
-          subTitle={t('application.debuggingEmptyDesc')}
-          className="rb:h-full"
+          title={t('application.debuggingEmpty')} 
+          subTitle={t('application.debuggingEmptyDesc')} 
+          className="rb:h-[calc(100vh-159px)]"
         />
         : <>
           <div className={clsx(`rb:relative rb:grid rb:grid-cols-${chatList.length} rb:overflow-hidden rb:w-full rb:flex-1 rb:min-h-0`)}>
             {chatList.map((chat, index) => (
-              <div key={index} className={clsx('rb:flex rb:flex-col', {
+              <Flex key={index} vertical className={clsx({
                 "rb:border-r rb:border-[#DFE4ED]": index !== chatList.length - 1 && chatList.length > 1,
               })}>
                 {chat.label &&
-                  <div className={clsx("rb:grid rb:bg-[#F0F3F8] rb:text-center rb:flex-[0_0_auto]", {
-                    'rb:rounded-tr-xl': index === chatList.length - 1,
-                    'rb:rounded-tl-xl': index === 0,
-                  })}>
-                    <div className='rb:relative rb:p-[10px_12px] rb:overflow-hidden'>
-                      <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:w-[calc(100%-24px)]">{chat.label}</div>
+                  <div className={clsx(
+                    "rb:grid rb:bg-[#F6F6F6] rb:text-center rb:flex-[0_0_auto]"
+                  )}>
+                    <div className='rb:relative rb:py-2.5 rb:px-3 rb:overflow-hidden'>
+                      <div className="rb:text-[#212332] rb:font-medium rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:w-[calc(100%-24px)]">{chat.label}</div>
                       <div
                         className="rb:w-4 rb:h-4 rb:cursor-pointer rb:absolute rb:top-3 rb:right-3 rb:bg-cover rb:bg-[url('@/assets/images/close.svg')] rb:hover:bg-[url('@/assets/images/close_hover.svg')]"
                         onClick={() => handleDelete(index)}
@@ -461,30 +542,45 @@ const Chat: FC<ChatProps> = ({
                 }
                 <ChatContent
                   classNames={{
-                    'rb:mx-[16px] rb:mt-6': true,
-                    'rb:h-[calc(100vh-282px)]': isCluster,
-                    'rb:h-[calc(100vh-380px)]': !isCluster,
-                  }}
+                    'rb:mb-3 rb:mt-5': isHasLabel,
+                    'rb:mb-0!': !isHasLabel,
+                    'rb:h-[calc(100vh-297px)]': isCluster && (!fileList || fileList.length === 0),
+                    'rb:h-[calc(100vh-365px)]': !isCluster && (!fileList || fileList.length === 0),
+                    'rb:h-[calc(100vh-362px)]': isCluster && fileList?.length > 0,
+                    'rb:h-[calc(100vh-433px)]': !isCluster && fileList?.length > 0,
+                    "rb:pr-4": index !== chatList.length - 1 && chatList.length > 1,
+                    "rb:pl-4": index !== 0 && chatList.length > 1,
+                  }} 
                   contentClassNames={{
-                    'rb:max-w-[400px]!': chatList.length === 1,
-                    'rb:max-w-[260px]!': chatList.length === 2,
-                    'rb:max-w-[150px]!': chatList.length === 3,
-                    'rb:max-w-[108px]!': chatList.length === 4,
+                    'rb:max-w-100!': chatList.length === 1,
+                    'rb:max-w-70!': chatList.length === 2,
+                    'rb:max-w-45!': chatList.length === 3,
+                    'rb:max-w-24!': chatList.length === 4,
                   }}
-                  empty={<Empty url={ChatIcon} title={t('application.chatEmpty')} isNeedSubTitle={false} size={[240, 200]} className="rb:h-full" />}
+                  empty={<Empty
+                    url={ChatIcon}
+                    title={t('application.chatEmpty')}
+                    isNeedSubTitle={false}
+                    size={[240, 200]}
+                    className={clsx({
+                      "rb:h-[calc(100vh-353px)]": isHasLabel,
+                      "rb:h-[calc(100vh-292px)]": !isHasLabel,
+                    })}
+                  />}
+                  onSend={isCluster ? handleClusterSend : handleSend}
                   data={chat.list || []}
                   streamLoading={compareLoading}
                   labelPosition="top"
-                  labelFormat={(item) => item.role === 'user' ? t('application.you') : chat.label}
+                  labelFormat={(item) => item.role === 'user' ? t('application.you') : chat.label || t(`application.ai`)}
                   errorDesc={t('application.ReplyException')}
                 />
-              </div>
+              </Flex>
             ))}
           </div>
-          <div className="rb:relative rb:flex rb:items-center rb:gap-2.5 rb:m-4 rb:mb-1">
+          <div className="rb:relative rb:flex rb:items-center rb:gap-2.5 rb:mt-4">
             <ChatInput
               message={message}
-              className="rb:relative!"
+              className="rb:relative! rb:bottom-0!"
               loading={loading}
               fileChange={(list) => {
                 setFileList(list || [])
@@ -492,32 +588,32 @@ const Chat: FC<ChatProps> = ({
               }}
               fileList={fileList}
               onSend={isCluster ? handleClusterSend : handleSend}
-              onChange={setMessage}
             >
               <ChatToolbar
                 ref={toolbarRef}
                 features={features}
                 onFilesChange={setFileList}
-                extra={
-                  chatVariables && chatVariables.length > 0 ? (
-                    <div
-                      className={clsx('rb:flex rb:items-center rb:border rb:rounded-lg rb:px-2 rb:text-[12px] rb:h-6 rb:cursor-pointer rb:hover:bg-[#F0F3F8] rb:text-[#212332]', {
-                        'rb:border-[#FF5D34] rb:text-[#FF5D34]': chatVariables.some(vo => vo.required && !vo.value),
-                        'rb:border-[#DFE4ED]': !chatVariables.some(vo => vo.required && !vo.value),
-                      })}
-                      onClick={handleEditVariables}
-                    >
-                      <SettingOutlined className="rb:mr-1" />
-                      {t('memoryConversation.variableConfig')}
-                    </div>
-                  ) : null
+                leftExtra={
+                  chatVariables && chatVariables.length > 0 ?(
+                    <Tooltip title={t('memoryConversation.variableConfig')}>
+                      <Flex justify="center" align="center"
+                        className={clsx("rb:size-7 rb:border rb:cursor-pointer rb:hover:bg-[#F6F6F6] rb:rounded-full rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)]", {
+                          'rb:border-[#FF5D34]': isNeedVariableConfig,
+                          'rb:border-[#EBEBEB]': !isNeedVariableConfig,
+                        })}
+                        onClick={handleEditVariables}
+                      >
+                        <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/conversation/variables.svg')]" />
+                      </Flex>
+                    </Tooltip>
+                  ): null
                 }
               />
             </ChatInput>
           </div>
         </>
       }
-    </div>
+    </Flex>
   )
 }
 
diff --git a/web/src/views/ApplicationConfig/components/ConfigHeader.tsx b/web/src/views/ApplicationConfig/components/ConfigHeader.tsx
index 77977a82..bebf6ebd 100644
--- a/web/src/views/ApplicationConfig/components/ConfigHeader.tsx
+++ b/web/src/views/ApplicationConfig/components/ConfigHeader.tsx
@@ -2,16 +2,16 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:27:52 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 17:13:54
+ * @Last Modified time: 2026-03-27 19:07:24
  */
 import { type FC, useRef, useMemo, useCallback } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import { Layout, Tabs, Dropdown, Button, Flex } from 'antd';
+import { Tabs, Dropdown, Flex, Popover } from 'antd';
 import type { MenuProps } from 'antd';
 import { useTranslation } from 'react-i18next';
+import clsx from 'clsx';
 
 import styles from '../index.module.css'
-import logoutIcon from '@/assets/images/logout.svg'
 import editIcon from '@/assets/images/edit_hover.svg'
 import copyIcon from '@/assets/images/copy_hover.svg'
 import exportIcon from '@/assets/images/export_hover.svg'
@@ -21,17 +21,16 @@ import ApplicationModal from '@/views/ApplicationManagement/components/Applicati
 import type { CopyModalRef, AgentRef, ClusterRef, WorkflowRef, FeaturesConfigForm } from '../types'
 import { deleteApplication, appExport } from '@/api/application'
 import CopyModal from './CopyModal'
+import PageHeader from '@/components/Layout/PageHeader'
 import FeaturesConfig from './FeaturesConfig'
 
-const { Header } = Layout;
-
 /**
  * Tab keys for application configuration
  */
-const tabKeys = ['arrangement', 'api', 'release', 'statistics']
+const tabKeys = ['arrangement', 'api', 'release', 'log', 'statistics']
 const sharingTabKeys = [
   'test',
-  // 'log',
+  'log',
   'api'
 ]
 
@@ -186,50 +185,81 @@ const ConfigHeader: FC<ConfigHeaderProps> = ({
   
   return (
     <>
-      <Header className="rb:w-full rb:h-16 rb:grid rb:grid-cols-3 rb:p-[16px_16px_16px_24px]! rb:border-b rb:border-[#EAECEE] rb:leading-8">
-        <div className="rb:h-8 rb:flex rb:items-center rb:font-medium">
-          <div className="rb:w-8 rb:h-8 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[24px] rb:text-[#ffffff]">
-            {application?.name[0]}
-          </div>
-          
-          <div className="rb:max-w-[100%-80px] rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{application?.name}</div>
-          {source !== 'sharing' && <Dropdown 
-            menu={{ items: formatMenuItems, onClick: handleClick }} 
-            trigger={['click']}
-            placement="bottomRight"
-          >
-            <div 
-              className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]" 
-            ></div>
-          </Dropdown>}
-        </div>
-        
-        <div className="rb:flex rb:justify-center">
-          <Tabs 
-            activeKey={activeTab} 
-            items={formatTabItems} 
-            onChange={handleChangeTab} 
+      <PageHeader
+        avatarText={application?.name?.trim()[0]}
+        avatarClassName={clsx({
+          'rb:bg-[#155EEF]': application?.type === 'agent',
+          'rb:bg-[#9C6FFF]!': application?.type === 'multi_agent',
+          'rb:bg-[#171719]': application?.type === 'workflow',
+        })}
+        title={application?.name || ''}
+        operation={source !== 'sharing' && <Dropdown
+          menu={{ items: formatMenuItems, onClick: handleClick }}
+          trigger={['click']}
+          placement="bottomRight"
+        >
+          <div
+            className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit_active.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]"
+          ></div>
+        </Dropdown>}
+        centerContent={<Flex justify="center" className="rb:h-16!">
+          <Tabs
+            activeKey={activeTab}
+            items={formatTabItems}
+            onChange={handleChangeTab}
             className={styles.tabs}
           />
-        </div>
-        {application?.type === 'workflow' && source !== 'sharing' && activeTab === 'arrangement'
-          ? <div className="rb:h-8 rb:flex rb:items-center rb:justify-end rb:gap-2.5">
-            <FeaturesConfig source={application?.type} value={features as FeaturesConfigForm} refresh={handleSaveFeaturesConfig} />
-            <Button onClick={clear}>{t('workflow.clear')}</Button>
-            <Button onClick={addvariable}>{t('workflow.addvariable')}</Button>
-            <Button onClick={run}>{t('workflow.run')}</Button>
-            <Button type="primary" onClick={save}>{t('workflow.save')}</Button>
-            {/* <Button type="primary">{t('workflow.export')}</Button> */}
-            <img src={logoutIcon} className="rb:w-4 rb:h-4 rb:cursor-pointer" onClick={goToApplication} />
-          </div>
+        </Flex>}
+        extra={application?.type === 'workflow' && source !== 'sharing' && activeTab === 'arrangement'
+          ? <Flex align="center" justify="end" gap={10} className="rb:h-8">
+            <FeaturesConfig
+              source={application?.type}
+              value={features as FeaturesConfigForm}
+              refresh={handleSaveFeaturesConfig}
+              chatVariables={(workflowRef.current?.chatVariables || []).map(v => ({ ...v, display_name: v.name }))}
+            />
+            <Popover content={t('workflow.clear')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('@/assets/images/workflow/clear.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={clear}
+              ></div>
+            </Popover>
+            <Popover content={t('workflow.addvariable')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('@/assets/images/workflow/variable.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={addvariable}
+              ></div>
+            </Popover>
+            <Popover content={t('workflow.run')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('@/assets/images/workflow/run.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={run}
+              ></div>
+            </Popover>
+            <Popover content={t('workflow.save')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('@/assets/images/workflow/save.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={save}
+              ></div>
+            </Popover>
+            <Popover content={t('common.return')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('@/assets/images/workflow/return.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={goToApplication}
+              ></div>
+            </Popover>
+          </Flex>
           : <Flex justify="flex-end">
-            <div className="rb:h-8 rb:flex rb:items-center rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:cursor-pointer" onClick={goToApplication}>
-              <img src={logoutIcon} className="rb:mr-2 rb:w-4 rb:h-4" />
-              {t('application.returnToApplicationList')}
-            </div>
+            <Flex align="center" className="rb:leading-5 rb:text-[14px] rb:text-[#5B6167] rb:font-regular rb:cursor-pointer" onClick={goToApplication}>
+              <div
+                className="rb:mr-2 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/logout.svg')]"
+              ></div>
+              {t('common.return')}
+            </Flex>
           </Flex>
         }
-      </Header>
+      >
+      </PageHeader>
       <ApplicationModal
         ref={applicationModalRef}
         refresh={refresh}
diff --git a/web/src/views/ApplicationConfig/components/CopyModal.tsx b/web/src/views/ApplicationConfig/components/CopyModal.tsx
index 7eaf1497..e9c20368 100644
--- a/web/src/views/ApplicationConfig/components/CopyModal.tsx
+++ b/web/src/views/ApplicationConfig/components/CopyModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:27:56 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:27:56 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-24 15:28:20
  */
 /**
  * Copy Application Modal
@@ -60,7 +60,8 @@ const CopyModal = forwardRef<CopyModalRef, CopyModalProps>(({
     copyApplication(data.id, values.new_name)
       .then((res) => {
         const resData = res as Application
-        navigate(`/application/config/${resData.id}`)
+        navigate(`/application/config/${resData.id}`, { replace: true })
+        handleClose()
       })
       .finally(() => {
         setLoading(false)
diff --git a/web/src/views/ApplicationConfig/components/Editor/index.tsx b/web/src/views/ApplicationConfig/components/Editor/index.tsx
index a5247d1b..ab89a610 100644
--- a/web/src/views/ApplicationConfig/components/Editor/index.tsx
+++ b/web/src/views/ApplicationConfig/components/Editor/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:25:17 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:25:17 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-26 11:18:04
  */
 /**
  * Rich text editor component using Lexical framework
@@ -136,14 +136,14 @@ const EditorContent = forwardRef<EditorRef, LexicalEditorProps>(({
         contentEditable={
           <ContentEditable
             className={clsx(
-              "rb:outline-none rb:resize-none rb:text-[14px] rb:leading-5 rb:px-4 rb:py-5 rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:overflow-auto",
+              "rb:outline-none rb:resize-none rb:text-[14px] rb:leading-5 rb:px-4 rb:py-5 rb:bg-[#FBFDFF] rb-border rb:rounded-lg rb:overflow-auto",
               disabled && "rb:cursor-not-allowed rb:bg-[#F6F8FC] rb:text-[#5B6167]",
               className
             )}
           />
         }
         placeholder={
-          <div className="rb:absolute rb:px-4 rb:py-5 rb:text-[14px] rb:text-[#5B6167] rb:leading-5 rb:pointer-none">
+          <div className="rb:absolute rb:top-0 rb:px-4 rb:py-5 rb:text-[14px] rb:text-[#5B6167] rb:leading-5 rb:pointer-none">
             {placeholder}
           </div>
         }
diff --git a/web/src/views/ApplicationConfig/components/FeaturesConfig/FeaturesConfigModal.tsx b/web/src/views/ApplicationConfig/components/FeaturesConfig/FeaturesConfigModal.tsx
index d712720f..15a8b4e0 100644
--- a/web/src/views/ApplicationConfig/components/FeaturesConfig/FeaturesConfigModal.tsx
+++ b/web/src/views/ApplicationConfig/components/FeaturesConfig/FeaturesConfigModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:27:56 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 15:38:14
+ * @Last Modified time: 2026-03-27 17:32:10
  */
 /**
  * Copy Application Modal
@@ -19,10 +19,15 @@ import RbModal from '@/components/RbModal'
 import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
 import FileUploadSettingModal from './FileUploadSettingModal'
 import type { Application } from '@/views/ApplicationManagement/types';
+import type { Capability } from '@/views/ModelManagement/types'
+import OpenStatementSettingModal, { type OpenStatementSettingModalRef } from './OpenStatementSettingModal'
+import type { Variable } from '../VariableList/types'
 
 interface FeaturesConfigModalProps {
   refresh: (value: FeaturesConfigForm) => void;
   source?: Application['type'];
+  capability?: Capability[];
+  chatVariables: Variable[];
 }
 const max_file_count = 1;
 /**
@@ -31,12 +36,15 @@ const max_file_count = 1;
 const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigModalProps>(({
   refresh,
   source,
+  capability,
+  chatVariables
 }, ref) => {
   const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
   const [form] = Form.useForm<FeaturesConfigForm>();
   const values = Form.useWatch([], form)
   const fileUploadSettingModalRef = useRef<any>(null)
+  const openStatementSettingModalRef = useRef<OpenStatementSettingModalRef>(null)
 
   /** Close modal and reset form */
   const handleClose = () => {
@@ -47,13 +55,14 @@ const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigMod
   /** Open modal */
   const handleOpen = (initValue: FeaturesConfigForm) => {
     setVisible(true);
-    console.log('initValue', initValue)
     form.setFieldsValue(initValue)
   };
   /** Copy application with new name */
   const handleSave = () => {
-    setVisible(false);
-    refresh(form.getFieldsValue())
+    form.validateFields().then((values) => {
+      setVisible(false);
+      refresh(values)
+    })
   }
 
   const handleOpenSettings = () => {
@@ -64,6 +73,29 @@ const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigMod
     form.setFieldValue('file_upload', { ...settings, enabled: values?.file_upload?.enabled ?? false })
   }
 
+  const formatFileTypeOptions = (fu: FeaturesConfigForm['file_upload']) => {
+    let options = fu.document_enabled ? [{ type: 'document', enabled: fu.document_enabled, maxSize: fu.document_max_size_mb }] : []
+    if (!capability && source !== 'workflow') return options
+    
+    if ((capability?.includes('vision') || source === 'workflow') && fu.image_enabled) {
+      options.push({ type: 'image', enabled: fu.image_enabled, maxSize: fu.image_max_size_mb })
+    }
+    if ((capability?.includes('audio') || source === 'workflow') && fu.audio_enabled) {
+      options.push({ type: 'audio', enabled: fu.audio_enabled, maxSize: fu.audio_max_size_mb })
+    }
+    if ((capability?.includes('video') || source === 'workflow') && fu.video_enabled) {
+      options.push({ type: 'video', enabled: fu.video_enabled, maxSize: fu.video_max_size_mb })
+    }
+    return options.filter(item => item.enabled)
+  }
+
+  const handleOpenStatementSettings = () => {
+    openStatementSettingModalRef.current?.handleOpen(values?.opening_statement)
+  }
+  const handleSaveStatement = (settings: FeaturesConfigForm['opening_statement']) => {
+    form.setFieldValue('opening_statement', settings)
+  }
+
   /** Expose methods to parent component */
   useImperativeHandle(ref, () => ({
     handleOpen,
@@ -85,6 +117,23 @@ const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigMod
         >
           <Flex vertical gap={12}>
             {source !== 'workflow' && <>
+              <div className="rb:relative rb:border rb:border-[#DFE4ED] rb:p-3 rb:rounded-lg rb:bg-[#f5f7fc]">
+                <SwitchFormItem
+                  title={t('application.opening_statement')}
+                  name={['opening_statement', "enabled"]}
+                  desc={values?.opening_statement?.enabled ? undefined : t('application.opening_statement_desc')}
+                />
+                {values?.opening_statement?.enabled && (() => {
+                  const statement = values.opening_statement?.statement
+                  return statement && statement.trim() !== '' ? <>
+                    <div className="rb:bg-white rb:rounded-lg rb:py-1 rb:px-3 rb:mb-1">
+                      {statement}
+                    </div>
+                    <Button block onClick={handleOpenStatementSettings}>{t('application.editOpeningStatement')}</Button>
+                  </> : <Button block onClick={handleOpenStatementSettings}>{t('application.editOpeningStatement')}</Button>
+                })()}
+                <Form.Item name="opening_statement" hidden />
+              </div>
               <div className="rb:relative rb:border rb:border-[#DFE4ED] rb:p-3 rb:rounded-lg rb:bg-[#f5f7fc]">
                 <SwitchFormItem
                   title={t(`memoryConversation.web_search`)}
@@ -99,6 +148,13 @@ const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigMod
                   desc={t('application.text_to_speech_desc')}
                 />
               </div>
+              <div className="rb:relative rb:border rb:border-[#DFE4ED] rb:p-3 rb:rounded-lg rb:bg-[#f5f7fc]">
+                <SwitchFormItem
+                  title={t(`application.citation`)}
+                  name={['citation', "enabled"]}
+                  desc={t('application.citation_desc')}
+                />
+              </div>
             </>}
 
             <div className="rb:relative rb:border rb:border-[#DFE4ED] rb:p-3 rb:rounded-lg rb:bg-[#f5f7fc]">
@@ -109,22 +165,18 @@ const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigMod
               />
               {values?.file_upload?.enabled && (() => {
                 const fu = values.file_upload
-                const types = [
-                  { type: 'image', enabled: fu.image_enabled, maxSize: fu.image_max_size_mb },
-                  { type: 'audio', enabled: fu.audio_enabled, maxSize: fu.audio_max_size_mb },
-                  { type: 'document', enabled: fu.document_enabled, maxSize: fu.document_max_size_mb },
-                  { type: 'video', enabled: fu.video_enabled, maxSize: fu.video_max_size_mb },
-                ].filter(item => item.enabled)
-                return types.length > 0 ? <>
+                // 'vision' | 'audio' | 'video'
+                const filterTypes = formatFileTypeOptions(fu)
+                return filterTypes.length > 0 ? <>
                   <Flex gap={12} className="rb:py-2!">
                     <div className="rb:flex-1 rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:bg-white rb:text-[12px]">
                       <div className="rb:grid rb:grid-cols-2 rb:gap-2 rb:text-[12px] rb:text-[#5B6167] rb:border-b rb:border-b-[#DFE4ED]">
                         <div className="rb:px-3 rb:py-1">{t(`application.supportedTypes`)}</div>
                         <div className="rb:px-3 rb:py-1">{t('application.singleMaxSize')}</div>
                       </div>
-                      {types.map((item, index) => (
+                      {filterTypes.map((item, index) => (
                         <div key={item.type} className={clsx('rb:grid rb:grid-cols-2 rb:gap-2', {
-                          'rb:border-b rb:border-b-[#DFE4ED]': index !== types.length - 1
+                          'rb:border-b rb:border-b-[#DFE4ED]': index !== filterTypes.length - 1
                         })}>
                           <div className="rb:px-3 rb:py-1">{t(`application.${item.type}`)}</div>
                           <div className="rb:px-3 rb:py-1">{item.maxSize} MB</div>
@@ -148,6 +200,13 @@ const FeaturesConfigModal = forwardRef<FeaturesConfigModalRef, FeaturesConfigMod
       <FileUploadSettingModal
         ref={fileUploadSettingModalRef}
         onSave={handleSaveSettings}
+        capability={capability}
+        source={source}
+      />
+      <OpenStatementSettingModal
+        ref={openStatementSettingModalRef}
+        chatVariables={chatVariables}
+        onSave={handleSaveStatement}
       />
     </>
   );
diff --git a/web/src/views/ApplicationConfig/components/FeaturesConfig/FileUploadSettingModal.tsx b/web/src/views/ApplicationConfig/components/FeaturesConfig/FileUploadSettingModal.tsx
index f33b313b..d30e33a5 100644
--- a/web/src/views/ApplicationConfig/components/FeaturesConfig/FileUploadSettingModal.tsx
+++ b/web/src/views/ApplicationConfig/components/FeaturesConfig/FileUploadSettingModal.tsx
@@ -2,15 +2,17 @@
  * @Author: ZhaoYing 
  * @Date: 2026-03-05 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 20:19:14
+ * @Last Modified time: 2026-03-27 14:02:40
  */
-import { forwardRef, useImperativeHandle, useState } from 'react';
+import { forwardRef, useImperativeHandle, useState, useMemo } from 'react';
 import { Form, InputNumber, Flex, Switch, Row, Col, Radio } from 'antd';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
 
 import RbModal from '@/components/RbModal';
 import type { FeaturesConfigForm } from '../../types'
+import type { Capability } from '@/views/ModelManagement/types'
+import type { Application } from '@/views/ApplicationManagement/types';
 
 type FileUpload = Omit<FeaturesConfigForm['file_upload'], 'settings'>
 
@@ -21,51 +23,50 @@ interface FileUploadSettingModalRef {
 
 interface FileUploadSettingModalProps {
   onSave: (values: FileUpload) => void;
+  capability?: Capability[];
+  source?: Application['type']
+}
+const documentType = {
+  type: 'document',
+  icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/txt.svg')]"></div>,
+  formats: [
+    "pdf",
+    "docx",
+    "doc",
+    "xlsx",
+    "xls",
+    "txt",
+    "csv",
+    "json",
+    "md",
+  ],
+}
+const imageType = {
+  type: 'image',
+  icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/image.svg')]"></div>,
+  formats: [
+    "png",
+    "jpg",
+    "jpeg"
+  ],
+}
+const audioType = {
+  type: 'audio',
+  icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/audio.svg')]"></div>,
+  formats: [
+    "mp3",
+    "wav",
+    "m4a",
+  ],
+}
+const videoType = {
+  type: 'video',
+  icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/video.svg')]"></div>,
+  formats: [
+    "mp4",
+    "mov",
+  ],
 }
-
-const fileTypeOptions = [
-  {
-    type: 'document',
-    icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/txt.svg')]"></div>,
-    formats: [
-      "pdf",
-      "docx",
-      "doc",
-      "xlsx",
-      "xls",
-      "txt",
-      "csv",
-      "json",
-      "md",
-    ],
-  },
-  {
-    type: 'image',
-    icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/image.svg')]"></div>,
-    formats: [
-      "png",
-      "jpg",
-      "jpeg"
-    ],
-  },
-  {
-    type: 'audio',
-    icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/audio.svg')]"></div>,
-    formats: [
-      "mp3",
-      "wav",
-      "m4a",
-    ],
-  },
-  {
-    type: 'video',
-    icon: <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/file/video.svg')]"></div>,
-    formats: [
-      "mp4",
-      "mov",
-    ],
-  },
-];
 
 const defaultValues: FileUpload = {
   enabled: false,
@@ -108,6 +109,8 @@ const defaultValues: FileUpload = {
 
 const FileUploadSettingModal = forwardRef<FileUploadSettingModalRef, FileUploadSettingModalProps>(({
   onSave,
+  capability,
+  source,
 }, ref) => {
   const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
@@ -148,6 +151,23 @@ const FileUploadSettingModal = forwardRef<FileUploadSettingModalRef, FileUploadS
     handleClose
   }));
 
+  const fileTypeOptions = useMemo(() => {
+    if (source === 'workflow') {
+      return [
+        documentType,
+        imageType,
+        audioType,
+        videoType,
+      ]
+    }
+    let options = [documentType]
+    if (!capability) return options
+    if (capability.includes('vision')) options = [...options, imageType]
+    if (capability.includes('audio')) options = [...options, audioType]
+    if (capability.includes('video')) options = [...options, videoType]
+    return options
+  }, [capability])
+
   return (
     <RbModal
       title={t('application.settings')}
@@ -167,7 +187,6 @@ const FileUploadSettingModal = forwardRef<FileUploadSettingModalRef, FileUploadS
           </Radio.Group>
         </Form.Item>
 
-        {/* <div className="rb:text-[12px] rb:text-[#5B6167] rb:mb-1">{t('application.maxCount')}</div> */}
         <Form.Item label={t('application.maxCount')} name="max_file_count" hidden>
           <InputNumber min={1} max={20} precision={0} className="rb:w-full!" placeholder={t('common.pleaseEnter')} />
         </Form.Item>
diff --git a/web/src/views/ApplicationConfig/components/FeaturesConfig/OpenStatementSettingModal.tsx b/web/src/views/ApplicationConfig/components/FeaturesConfig/OpenStatementSettingModal.tsx
new file mode 100644
index 00000000..2d829790
--- /dev/null
+++ b/web/src/views/ApplicationConfig/components/FeaturesConfig/OpenStatementSettingModal.tsx
@@ -0,0 +1,138 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-05 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 14:38:28
+ */
+import { forwardRef, useImperativeHandle, useState } from 'react';
+import { Button, Form, Input, Flex, App } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+import RbModal from '@/components/RbModal';
+import type { FeaturesConfigForm } from '../../types'
+import type { Variable } from '../VariableList/types'
+import Tag from '@/components/Tag'
+
+export interface OpenStatementSettingModalRef {
+  handleOpen: (values?: FeaturesConfigForm['opening_statement']) => void;
+  handleClose: () => void;
+}
+
+interface OpenStatementSettingModalProps {
+  onSave: (values: FeaturesConfigForm['opening_statement']) => void;
+  chatVariables?: Variable[];
+}
+
+const OpenStatementSettingModal = forwardRef<OpenStatementSettingModalRef, OpenStatementSettingModalProps>(({
+  onSave,
+  chatVariables = []
+}, ref) => {
+  const { t } = useTranslation();
+  const { modal } = App.useApp()
+  const [visible, setVisible] = useState(false);
+  const [form] = Form.useForm<FeaturesConfigForm['opening_statement']>();
+
+  const handleClose = () => {
+    setVisible(false);
+    form.resetFields();
+  };
+
+  const handleOpen = (values?: FeaturesConfigForm['opening_statement']) => {
+    setVisible(true);
+    form.setFieldsValue(values || {});
+  };
+
+  const handleSave = async () => {
+    form.validateFields().then(values => {
+      const { suggested_questions, ...rest } = values
+      const filterSuggestedQuestions = suggested_questions.filter(vo => vo && vo.trim() !== '' && vo !== null)
+      if (values?.enabled && values?.statement && values?.statement?.trim() !== '') {
+        const usedVars = [...new Set([...values.statement?.matchAll(/\{\{(\w+)\}\}/g)].map(m => m[1]))]
+
+        const validNames = new Set(chatVariables.map(v => v.name))
+        const invalid = usedVars.filter(v => !validNames.has(v))
+        if (invalid.length > 0) {
+          modal.confirm({
+            title: t('application.invalidVariablesTitle'),
+            content: invalid.map((vo, index) => <Tag key={index}>{'{{'}{vo}{'}}'}</Tag>),
+            okText: t('common.confirm'),
+            cancelText: t('common.cancel'),
+            onOk: () => {
+              onSave({
+                ...rest,
+                suggested_questions: filterSuggestedQuestions
+              });
+              handleClose();
+            },
+          })
+        } else {
+          onSave({
+            ...rest,
+            suggested_questions: filterSuggestedQuestions
+          });
+          handleClose();
+        }
+      } else {
+        onSave({
+          ...rest,
+          suggested_questions: filterSuggestedQuestions
+        });
+        handleClose();
+      }
+    });
+  };
+
+  useImperativeHandle(ref, () => ({
+    handleOpen,
+    handleClose
+  }));
+
+  return (
+    <RbModal
+      title={t('application.settings')}
+      open={visible}
+      onCancel={handleClose}
+      onOk={handleSave}
+    >
+      <Form form={form} layout="vertical">
+        <Form.Item name="enabled" hidden />
+        <Form.Item
+          label={t('application.opening_statement')}
+          name="statement"
+        >
+          <Input.TextArea
+            placeholder={t('common.pleaseEnter')}
+          />  
+        </Form.Item>
+
+        <Form.List name="suggested_questions">
+          {(fields, { add, remove }) => (
+            <Form.Item label={t('application.suggested_questions')}>
+              <Flex vertical gap={4}>
+              {fields.map((field, index) => (
+                <Flex key={field.key} align="center" justify="space-between" gap={4}>
+                  <Form.Item name={field.name} noStyle>
+                    <Input
+                      placeholder={t('common.pleaseEnter')}
+                    />
+                  </Form.Item>
+                  <div
+                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                    onClick={() => remove(index)}
+                  ></div>
+                </Flex>
+              ))}
+              <Button type="dashed" block onClick={() => add()}>
+                + {t('common.addOption')}
+              </Button>
+              </Flex>
+            </Form.Item>
+          )}
+        </Form.List>
+
+      </Form>
+    </RbModal>
+  );
+});
+
+export default OpenStatementSettingModal;
diff --git a/web/src/views/ApplicationConfig/components/FeaturesConfig/index.tsx b/web/src/views/ApplicationConfig/components/FeaturesConfig/index.tsx
index bb61b7d5..3fb7bc93 100644
--- a/web/src/views/ApplicationConfig/components/FeaturesConfig/index.tsx
+++ b/web/src/views/ApplicationConfig/components/FeaturesConfig/index.tsx
@@ -2,15 +2,17 @@
  * @Author: ZhaoYing 
  * @Date: 2026-03-13 17:20:21 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 15:38:59
+ * @Last Modified time: 2026-03-27 19:07:35
  */
 import { type FC, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button } from 'antd';
+import { Button, Popover } from 'antd';
 
 import FeaturesConfigModal from './FeaturesConfigModal'
 import type { FeaturesConfigModalRef, FeaturesConfigForm } from '../../types'
 import type { Application } from '@/views/ApplicationManagement/types';
+import type { Capability } from '@/views/ModelManagement/types'
+import type { Variable } from '../VariableList/types'
 
 /** Props for the FeaturesConfig component */
 interface FeaturesConfigProps {
@@ -19,12 +21,16 @@ interface FeaturesConfigProps {
   /** Callback to propagate updated config back to the parent */
   refresh: (value: FeaturesConfigForm) => void;
   source?: Application['type'];
+  capability?: Capability[];
+  chatVariables: Variable[];
 }
 
 const FeaturesConfig: FC<FeaturesConfigProps> = ({
   value,
   refresh,
-  source
+  source,
+  capability,
+  chatVariables
 }) => {
   const { t } = useTranslation();
   // Ref used to imperatively open the config modal
@@ -39,13 +45,24 @@ const FeaturesConfig: FC<FeaturesConfigProps> = ({
   return (
     <>
       {/* Button that triggers the feature configuration modal */}
-      <Button onClick={handleFeaturesConfig}>{t('application.features')}</Button>
+      {source === 'workflow'
+        ?
+        <Popover content={t('application.features')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+          <div
+            className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('@/assets/images/workflow/features.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+            onClick={handleFeaturesConfig}
+          ></div>
+        </Popover>
+        : <Button onClick={handleFeaturesConfig}>{t('application.features')}</Button>
+      }
 
       {/* Modal for editing feature settings; calls refresh on save */}
       <FeaturesConfigModal
         ref={funConfigModalRef}
         refresh={refresh}
         source={source}
+        capability={capability}
+        chatVariables={chatVariables}
       />
     </>
   )
diff --git a/web/src/views/ApplicationConfig/components/Knowledge/Knowledge.tsx b/web/src/views/ApplicationConfig/components/Knowledge/Knowledge.tsx
index 7fdf1ab2..7ad3073d 100644
--- a/web/src/views/ApplicationConfig/components/Knowledge/Knowledge.tsx
+++ b/web/src/views/ApplicationConfig/components/Knowledge/Knowledge.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:25:32 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:25:32 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-04 10:34:43
  */
 /**
  * Knowledge Base Component
@@ -12,7 +12,7 @@
 
 import { type FC, useRef, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Space, Button, List } from 'antd'
+import { Space, Button, Flex } from 'antd'
 
 import knowledgeEmpty from '@/assets/images/application/knowledgeEmpty.svg'
 import type {
@@ -140,44 +140,48 @@ const Knowledge: FC<{value?: KnowledgeConfig; onChange?: (config: KnowledgeConfi
       title={t('application.knowledgeBaseAssociation')}
       extra={
         <Space>
-          <Button style={{ padding: '0 8px', height: '24px' }} onClick={handleKnowledgeConfig}>{t('application.globalConfig')}</Button>
-          <Button style={{ padding: '0 8px', height: '24px' }} onClick={handleAddKnowledge}>+</Button>
+          <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233"
+            icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/application/set.svg')]"></div>}
+            onClick={handleKnowledgeConfig}
+          >{t('application.globalConfig')}</Button>
+          <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233" onClick={handleAddKnowledge}>+</Button>
         </Space>
       }
     >
+      <div className="rb:leading-4.5 rb:text-[12px] rb:mb-2 rb:font-medium">
+        {t('application.associatedKnowledgeBase')}
+      </div>
+
       {knowledgeList.length === 0
-        ? <Empty url={knowledgeEmpty} size={88} subTitle={t('application.knowledgeEmpty')} />
-        : 
-          <List
-            grid={{ gutter: 12, column: 1 }}
-            dataSource={knowledgeList}
-            renderItem={(item) => {
+        ? <div className="rb-border rb:rounded-xl rb:min-h-37">
+            <Empty url={knowledgeEmpty} size={88} subTitle={t('application.knowledgeEmpty')} className="rb:mt-4!" />
+          </div>
+        : <Flex vertical gap={10}>
+          {knowledgeList.map(item => {
               if (!item.id) return null
               return (
-                <List.Item>
-                  <div key={item.id} className="rb:flex rb:items-center rb:justify-between rb:p-[12px_16px] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
-                    <div className="rb:font-medium rb:leading-4">
-                      {item.name}
-                      <Tag color={item.status === 1 ? 'success' : item.status === 0 ? 'default' : 'error'} className="rb:ml-2">
-                        {item.status === 1 ? t('common.enable') : item.status === 0 ? t('common.disabled') : t('common.deleted')}
-                      </Tag>
-                      <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-5">{t('application.contains', {include_count: item.doc_num})}</div>
-                    </div>
-                    <Space size={12}>
-                      <div 
-                        className="rb:w-6 rb:h-6 rb:cursor-pointer rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]" 
-                        onClick={() => handleEditKnowledge(item)}
-                      ></div>
-                      <div 
-                        className="rb:w-6 rb:h-6 rb:cursor-pointer rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]" 
-                        onClick={() => handleDeleteKnowledge(item.id)}
-                      ></div>
-                    </Space>
+                <Flex key={item.id} align="center" justify="space-between" className="rb:py-3! rb:px-4! rb-border rb:rounded-lg">
+                  <div>
+                    <span className="rb:font-medium rb:leading-4">{item.name}</span>
+                    <Tag color={item.status === 1 ? 'success' : item.status === 0 ? 'default' : 'error'} className="rb:ml-2">
+                      {item.status === 1 ? t('common.enable') : item.status === 0 ? t('common.disabled') : t('common.deleted')}
+                    </Tag>
+                    <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t('application.contains', {include_count: item.doc_num})}</div>
                   </div>
-                </List.Item>
+                  <Space size={12}>
+                    <div 
+                      className="rb:size-6 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]" 
+                      onClick={() => handleEditKnowledge(item)}
+                    ></div>
+                    <div 
+                      className="rb:size-6  rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]" 
+                      onClick={() => handleDeleteKnowledge(item.id)}
+                    ></div>
+                  </Space>
+                </Flex>
               )
-            }}
-          />
+          })}
+        </Flex>
       }
       <KnowledgeGlobalConfigModal
         data={editConfig}
diff --git a/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeConfigModal.tsx b/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeConfigModal.tsx
index 9adcd168..6b1000d4 100644
--- a/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeConfigModal.tsx
+++ b/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeConfigModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:25:37 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:25:37 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-24 11:47:27
  */
 /**
  * Knowledge Configuration Modal
@@ -11,7 +11,7 @@
  */
 
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-import { Form, Select, InputNumber } from 'antd';
+import { Form, Select, InputNumber, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { KnowledgeConfigModalRef, KnowledgeBase, KnowledgeConfigForm, RetrieveType } from './types'
@@ -109,13 +109,13 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
         layout="vertical"
       >
         {data && (
-          <div className="rb:mb-6 rb:flex rb:items-center rb:justify-between rb:border rb:rounded-lg rb:p-[17px_16px] rb:cursor-pointer rb:bg-[#F0F3F8] rb:border-[#DFE4ED] rb:text-[#212332]">
+          <Flex align="center" justify="space-between" className="rb:mb-6! rb-border rb:rounded-lg rb:py-4.25! rb:px-4! rb:cursor-pointer rb:bg-[#F0F3F8] rb:text-[#212332]">
             <div className="rb:text-[16px] rb:leading-5.5">
               {data.name}
               <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167] rb:mt-2">{t('application.contains', {include_count: data.doc_num})}</div>
             </div>
             <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167]">{formatDateTime(data.updated_at, 'YYYY-MM-DD HH:mm:ss')}</div>
-          </div>
+          </Flex>
         )}
         <FormItem name="kb_id" hidden />
         {/* Retrieval mode */}
diff --git a/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeGlobalConfigModal.tsx b/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeGlobalConfigModal.tsx
index a09f1d05..47288e88 100644
--- a/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeGlobalConfigModal.tsx
+++ b/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeGlobalConfigModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:25:42 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:25:42 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-07 17:03:22
  */
 /**
  * Knowledge Global Configuration Modal
@@ -10,13 +10,12 @@
  */
 
 import { forwardRef, useImperativeHandle, useState, useEffect } from 'react';
-import { Form, InputNumber, Switch } from 'antd';
+import { Form, InputNumber, Switch, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { RerankerConfig, KnowledgeGlobalConfigModalRef } from './types'
 import RbModal from '@/components/RbModal'
-import CustomSelect from '@/components/CustomSelect'
-import { getModelListUrl } from '@/api/models'
+import ModelSelect from '@/components/ModelSelect'
 
 const FormItem = Form.Item;
 
@@ -94,7 +93,7 @@ const KnowledgeGlobalConfigModal = forwardRef<KnowledgeGlobalConfigModalRef, Kno
         <div className="rb:text-[#5B6167] rb:mb-6">{t('application.globalConfigDesc')}</div>
 
         {/* Result reranking */}
-        <div className="rb:flex rb:items-center rb:justify-between rb:my-6">
+        <Flex align="center" justify="space-between" className="rb:my-6!">
           <div className="rb:text-[14px] rb:font-medium rb:leading-5">
             {t('application.rerankModel')}
             <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t('application.rerankModelDesc')}</div>
@@ -106,7 +105,7 @@ const KnowledgeGlobalConfigModal = forwardRef<KnowledgeGlobalConfigModalRef, Kno
           >
             <Switch />
           </FormItem>
-        </div>
+        </Flex>
 
         {values?.rerank_model && <>
           <FormItem
@@ -115,12 +114,9 @@ const KnowledgeGlobalConfigModal = forwardRef<KnowledgeGlobalConfigModalRef, Kno
             rules={[{ required: true, message: t('common.pleaseSelect') }]}
             extra={t('application.rearrangementModelDesc')}
           >
-            <CustomSelect
-              url={getModelListUrl}
-              params={{ type: 'rerank', pagesize: 100, is_active: true }}
-              valueKey="id"
-              labelKey="name"
-              hasAll={false}
+            <ModelSelect
+              params={{ type: 'rerank' }}
+              className="rb:w-full!"
             />
           </FormItem>
           {/* Top K */}
diff --git a/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeListModal.tsx b/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeListModal.tsx
index 9a2ab282..f2c2ce3c 100644
--- a/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeListModal.tsx
+++ b/web/src/views/ApplicationConfig/components/Knowledge/KnowledgeListModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:25:49 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:25:49 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 17:54:38
  */
 /**
  * Knowledge List Modal
@@ -10,7 +10,7 @@
  */
 
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-import { Space, List } from 'antd';
+import { List, Form, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx'
 
@@ -42,14 +42,16 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
   const [visible, setVisible] = useState(false);
   const [list, setList] = useState<KnowledgeBaseListItem[]>([])
   const [filterList, setFilterList] = useState<KnowledgeBaseListItem[]>([])
-  const [query, setQuery] = useState<{keywords?: string}>({})
   const [selectedIds, setSelectedIds] = useState<string[]>([])
   const [selectedRows, setSelectedRows] = useState<KnowledgeBase[]>([])
 
+  const [form] = Form.useForm()
+  const query = Form.useWatch([], form)
+
   /** Close modal and reset state */
   const handleClose = () => {
     setVisible(false);
-    setQuery({})
+    form.resetFields()
     setSelectedIds([])
     setSelectedRows([])
   };
@@ -57,7 +59,7 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
   /** Open modal */
   const handleOpen = () => {
     setVisible(true);
-    setQuery({})
+    form.resetFields()
     setSelectedIds([])
     setSelectedRows([])
   };
@@ -66,7 +68,7 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
     if (visible) {
       getList()
     }
-  }, [query.keywords, visible])
+  }, [query?.keywords, visible])
   /** Fetch knowledge base list */
   const getList = () => {
     getKnowledgeBaseList(undefined, {
@@ -77,7 +79,9 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
     })
       .then(res => {
         const response = res as { items: KnowledgeBaseListItem[] }
-        setList(response.items || [])
+        setList([...(response.items || [])])
+        setSelectedIds([])
+        setSelectedRows([])
       })
   }
   /** Save selected knowledge bases */
@@ -99,12 +103,6 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
     handleOpen,
     handleClose
   }));
-  /** Search knowledge bases */
-  const handleSearch = (value?: string) => {
-    setQuery({keywords: value})
-    setSelectedIds([])
-    setSelectedRows([])
-  }
   /** Toggle knowledge base selection */
   const handleSelect = (item: KnowledgeBase) => {
     const index = selectedIds.indexOf(item.id)
@@ -121,7 +119,7 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
     if (list.length && selectedList.length) {
       const unSelectedList = list.filter(item => selectedList.findIndex(vo => vo.id === item.id) < 0)
       setFilterList([...unSelectedList])
-    } else if (list.length) {
+    } else {
       setFilterList([...list])
     }
   }, [list, selectedList])
@@ -136,12 +134,16 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
         onOk={handleSave}
         width={1000}
       >
-        <Space size={24} direction="vertical" className="rb:w-full">
-          <SearchInput
-            placeholder={t('knowledgeBase.searchPlaceholder')}
-            onSearch={handleSearch}
-            style={{ width: '100%' }}
-          />
+        <Flex gap={24} vertical>
+          <Form form={form}>
+            <Form.Item name="keywords" noStyle>
+              <SearchInput
+                placeholder={t('knowledgeBase.searchPlaceholder')}
+                className="rb:w-full!"
+                variant="outlined"
+              />
+            </Form.Item>
+          </Form>
           {filterList.length === 0 
             ? <Empty />
             : <List
@@ -149,7 +151,7 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
               dataSource={filterList}
               renderItem={(item: KnowledgeBase) => (
                 <List.Item>
-                  <div key={item.id} className={clsx("rb:flex rb:items-center rb:justify-between rb:border rb:rounded-lg rb:p-[17px_16px] rb:cursor-pointer rb:hover:bg-[#F0F3F8]", {
+                  <Flex key={item.id} align="center" justify="space-between" className={clsx("rb:border rb:rounded-lg rb:py-4.25! rb:px-4! rb:cursor-pointer rb:hover:bg-[#F0F3F8]", {
                     "rb:bg-[rgba(21,94,239,0.06)] rb:border-[#155EEF] rb:text-[#155EEF]": selectedIds.includes(item.id),
                     "rb:border-[#DFE4ED] rb:text-[#212332]": !selectedIds.includes(item.id),
                   })} onClick={() => handleSelect(item)}>
@@ -158,12 +160,12 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
                       <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167] rb:mt-2">{t('application.contains', {include_count: item.doc_num})}</div>
                     </div>
                     <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167]">{formatDateTime(item.created_at, 'YYYY-MM-DD HH:mm:ss')}</div>
-                  </div>
+                  </Flex>
                 </List.Item>
               )}
             />
           }
-        </Space>
+        </Flex>
       </RbModal>
     </>
   );
diff --git a/web/src/views/ApplicationConfig/components/LineCard.tsx b/web/src/views/ApplicationConfig/components/LineCard.tsx
deleted file mode 100644
index 7a2b7d3c..00000000
--- a/web/src/views/ApplicationConfig/components/LineCard.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-/*
- * @Author: ZhaoYing 
- * @Date: 2026-02-03 16:28:03 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:28:03 
- */
-/**
- * Line chart card component for displaying statistics
- * Uses ECharts to render time-series data with gradient area fill
- */
-
-import { type FC, useEffect, useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import ReactEcharts from 'echarts-for-react';
-import * as echarts from 'echarts';
-
-import Empty from '@/components/Empty'
-import Card from './Card'
-import type { StatisticsItem } from '../types'
-
-/**
- * Component props
- */
-interface LineCardProps {
-  /** Chart data points */
-  chartData: StatisticsItem[];
-  /** Statistics type key */
-  type: string;
-  /** Total count to display */
-  total: number;
-}
-
-/**
- * ECharts series configuration
- */
-const SeriesConfig = {
-  type: 'line',
-  stack: 'Total',
-  smooth: true,
-  lineStyle: {
-    width: 3
-  },
-  showSymbol: true,
-  label: {
-    show: false,
-    position: 'top'
-  },
-  emphasis: {
-    focus: 'series'
-  },
-}
-
-/**
- * Color mapping for different statistic types
- */
-const ColorObj: Record<string, string> = {
-  daily_conversations: '#FFB048',
-  daily_new_users: '#4DA8FF',
-  daily_api_calls: '#155EEF',
-  daily_tokens: '#AD88FF'
-}
-
-/**
- * Line chart card component
- * Displays time-series statistics with gradient area chart
- */
-const LineCard: FC<LineCardProps> = ({ chartData, type, total }) => {
-  const { t } = useTranslation()
-  const chartRef = useRef<ReactEcharts>(null);
-
-  useEffect(() => {
-
-  }, [chartData])
-
-  const getSeries = () => {
-    return [{
-      ...SeriesConfig,
-      name: t(`application.${type}`),
-      data: chartData.map(vo => vo.count),
-      areaStyle: {
-        opacity: 0.8,
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          { offset: 0, color: ColorObj[type] },
-          { offset: 1, color: '#FFFFFF' }
-        ])
-      },
-    }]
-  }
-
-  return (
-    <Card
-      title={<div>{t(`application.${type}`)} <span className="rb:text-[#155EEF] rb:font-medium rb:text-[18px]">{total}</span></div>}
-    >
-      {chartData && chartData.length > 0 ? (
-        <ReactEcharts
-          ref={chartRef}
-          option={{
-            color: [ColorObj[type]],
-            tooltip: {
-              trigger: 'axis',
-              extraCssText: 'box-shadow: 0px 2px 6px 0px rgba(33,35,50,0.16); border-radius: 8px;',
-              axisPointer: {
-                type: 'line',
-                crossStyle: {
-                  color: '#5F6266',
-                },
-                lineStyle: {
-                  color: '#5F6266',
-                },
-                label: {
-                  show: false
-                }
-              },
-            },
-
-            grid: {
-              top: 10,
-              left: 15,
-              right: 40,
-              bottom: 0,
-              containLabel: true
-            },
-            xAxis: {
-              type: 'category',
-              data: chartData.map(item => item.date),
-              boundaryGap: false,
-            },
-            yAxis: {
-              type: 'value',
-              axisLabel: {
-                color: '#A8A9AA',
-                fontFamily: 'PingFangSC, PingFang SC',
-                align: 'right',
-                lineHeight: 17,
-              },
-              axisLine: {
-                lineStyle: {
-                  color: '#EBEBEB',
-                }
-              },
-            },
-            series: getSeries()
-          }}
-          style={{ height: '265px', width: '100%', minWidth: '100%', boxSizing: 'border-box' }}
-          opts={{ renderer: 'canvas' }}
-          notMerge={true}
-          lazyUpdate={true}
-        />
-      ) : <Empty size={120} className="rb:mt-12 rb:mb-20.25" />}
-    </Card>
-  )
-}
-
-export default LineCard
diff --git a/web/src/views/ApplicationConfig/components/LogDetailModal.tsx b/web/src/views/ApplicationConfig/components/LogDetailModal.tsx
new file mode 100644
index 00000000..26d8741b
--- /dev/null
+++ b/web/src/views/ApplicationConfig/components/LogDetailModal.tsx
@@ -0,0 +1,103 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-24 16:31:24 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-24 16:31:24 
+ */
+import { forwardRef, useImperativeHandle, useState, useEffect } from 'react';
+import { Flex, Button, Empty, Skeleton } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+import type { LogDetailModalRef, LogItem } from '../types'
+import RbModal from '@/components/RbModal'
+import { getAppLogDetail } from '@/api/application'
+import ChatContent from '@/components/Chat/ChatContent'
+import { formatDateTime } from '@/utils/format'
+import type { ChatItem } from '@/components/Chat/types'
+
+/** Log detail data with conversation messages */
+type Data = LogItem & {
+  messages: ChatItem[];
+}
+
+/** Modal component for displaying conversation log details */
+const LogDetailModal = forwardRef<LogDetailModalRef>((_props, ref) => {
+  const { t } = useTranslation();
+  const [visible, setVisible] = useState(false);
+  const [loading, setLoading] = useState(false)
+  const [vo, setVo] = useState<LogItem | null>(null)
+  const [data, setData] = useState<Data>({} as Data)
+
+  /** Close modal and reset form */
+  const handleClose = () => {
+    setVisible(false);
+    setLoading(false)
+    setVo(null)
+    setData({} as Data)
+  };
+
+  /** Open modal */
+  const handleOpen = (item: LogItem) => {
+    setVisible(true);
+    setVo(item)
+  };
+
+  /** Fetch detail when modal opens */
+  useEffect(() => {
+    if (visible && vo) {
+      getDetail()
+    }
+  }, [visible, vo])
+
+  /** Fetch conversation log detail from API */
+  const getDetail = () => {
+    if (!vo) return
+    setLoading(true)
+    getAppLogDetail(vo.app_id, vo.id).then(res => {
+      setData(res as Data)
+    })
+    .finally(() => {
+      setLoading(false)
+    })
+  }
+  /** Expose methods to parent component */
+  useImperativeHandle(ref, () => ({
+    handleOpen,
+    handleClose
+  }));
+
+  return (
+    <RbModal
+      title={<>
+        {data.title}
+        <div className="rb:text-[#5B6167] rb:leading-4.5 rb:text-[12px]">{formatDateTime(data.created_at, 'YYYY.MM')} - {formatDateTime(data.updated_at, 'YYYY.MM')}</div>
+      </>}
+      open={visible}
+      onCancel={handleClose}
+      footer={null}
+      width={1000}
+    >
+      <Flex justify="space-between" align="center" className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2.5! rb:pr-2.5! rb:pl-3.25!">
+        {t('workingDetail.conversationStream')}
+        <Button className="rb:h-6!" onClick={getDetail}>{t('workingDetail.refresh')}</Button>
+      </Flex>
+      <div className="rb-border rb:p-3 rb:rounded-xl rb:mt-3 rb:h-116.5 rb:overflow-y-auto">
+      {loading
+        ? <Skeleton active />
+        : data.messages?.length === 0
+          ? <Empty className="rb:my-20" />
+          : (
+            <ChatContent
+              contentClassNames="rb:max-w-110!"
+              data={data.messages || []}
+              streamLoading={false}
+              labelFormat={(item) => formatDateTime(item.created_at)}
+            />
+          )
+      }
+      </div>
+    </RbModal>
+  );
+});
+
+export default LogDetailModal;
\ No newline at end of file
diff --git a/web/src/views/ApplicationConfig/components/ModelConfigModal.tsx b/web/src/views/ApplicationConfig/components/ModelConfigModal.tsx
index 19dca77b..148afd5a 100644
--- a/web/src/views/ApplicationConfig/components/ModelConfigModal.tsx
+++ b/web/src/views/ApplicationConfig/components/ModelConfigModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:28:07 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:28:07 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 11:28:02
  */
 /**
  * Model Configuration Modal
@@ -11,13 +11,14 @@
  */
 
 import { forwardRef, useImperativeHandle, useState, useEffect } from 'react';
-import { Form, Select } from 'antd';
+import { Form, type SelectProps } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { ModelConfig, ModelConfigModalRef, Config, Source } from '../types'
-import type { ModelListItem } from '@/views/ModelManagement/types'
+import type { Model } from '@/views/ModelManagement/types'
 import RbModal from '@/components/RbModal'
 import RbSlider from '@/components/RbSlider'
+import ModelSelect from '@/components/ModelSelect'
 
 const FormItem = Form.Item;
 
@@ -25,8 +26,6 @@ const FormItem = Form.Item;
  * Component props
  */
 interface ModelConfigModalProps {
-  /** List of available models */
-  modelList?: ModelListItem[];
   /** Callback to update model configuration */
   refresh: (values: ModelConfig, type: Source) => void;
   /** Application configuration data */
@@ -51,7 +50,6 @@ const configFields = [
 const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(({
   refresh,
   data,
-  modelList = []
 }, ref) => {
   const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
@@ -102,9 +100,11 @@ const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(
       });
   }
   /** Handle model selection change */
-  const handleChange = (_value: string, option: ModelListItem | ModelListItem[] | undefined) => {
+  const handleChange: SelectProps['onChange'] = (_value, option) => {
     if (source === 'chat') {
-      form.setFieldValue('label', (option as ModelListItem).name)
+      form.setFieldValue('label', (option as Model).name)
+    } else {
+      form.setFieldValue('capability', (option as Model).capability)
     }
   }
 
@@ -137,16 +137,15 @@ const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(
           rules={[{ required: source !== 'multi_agent', message: t('common.pleaseSelect') }]}
           hidden={source === 'multi_agent'}
         >
-          {source !== 'multi_agent' && <Select
-            placeholder={t('common.pleaseSelect')}
-            fieldNames={{
-              label: 'name',
-              value: 'id',
-            }}
-            options={modelList}
-            onChange={handleChange}
-          />}
+          {source !== 'multi_agent' &&
+            <ModelSelect
+              params={{type: 'llm,chat'}}
+              placeholder={t('common.pleaseSelect')}
+              onChange={handleChange}
+            />
+          }
         </FormItem>
+        {source === 'model' && <FormItem name="capability" hidden />}
         {source === 'chat' && <FormItem name="label" hidden />}
 
         <div className="rb:text-[14px] rb:font-medium rb:text-[#5B6167] rb:mb-4">{t('application.parameterConfig')}</div>
diff --git a/web/src/views/ApplicationConfig/components/ReleaseShareModal.tsx b/web/src/views/ApplicationConfig/components/ReleaseShareModal.tsx
index f26441fd..b3c8aaa1 100644
--- a/web/src/views/ApplicationConfig/components/ReleaseShareModal.tsx
+++ b/web/src/views/ApplicationConfig/components/ReleaseShareModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:28:46 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-03 14:03:44
+ * @Last Modified time: 2026-03-04 10:32:29
  */
 /**
  * Release Share Modal
@@ -10,7 +10,7 @@
  */
 
 import { forwardRef, useImperativeHandle, useState } from 'react';
-import { Button, App } from 'antd';
+import { Button, App, Flex } from 'antd';
 import { ExclamationCircleFilled } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
 import copy from 'copy-to-clipboard'
@@ -86,13 +86,15 @@ const ReleaseShareModal = forwardRef<ReleaseShareModalRef, ReleaseShareModalProp
     >
       <>
         <div className="rb:leading-5 rb:mb-2">{t('application.shareLink')}</div>
-        <div className="rb:mb-3 rb:flex rb:items-center rb:gap-2.5 rb:justify-between">
-          <div className="rb:overflow-hidden rb:whitespace-nowrap rb:text-ellipsis rb:cursor-pointer rb:h-8 rb:p-[6px_10px] rb:bg-[#FFFFFF] rb:border rb:border-[#EBEBEB] rb:rounded-md rb:leading-5">{shareLink}</div>
+        <Flex align="center" justify="space-between" gap={10} className="rb:mb-3!">
+          <div className="rb:overflow-hidden rb:whitespace-nowrap rb:text-ellipsis rb:cursor-pointer rb:h-8 rb:p-[6px_10px] rb:bg-[#FFFFFF] rb:border rb:border-[#EBEBEB] rb:rounded-md rb:leading-5" onClick={handleCopy}>
+            {shareLink}
+          </div>
 
           <Button type="primary" loading={loading} disabled={!shareLink} onClick={handleCopy}>
             {t('common.copy')}
           </Button>
-        </div>
+        </Flex>
         <RbAlert color="orange" icon={<ExclamationCircleFilled />}>
           {t('application.shareLinkTip')}
         </RbAlert>
diff --git a/web/src/views/ApplicationConfig/components/Skill/SkillListModal.tsx b/web/src/views/ApplicationConfig/components/Skill/SkillListModal.tsx
index 0a56b82f..009d578a 100644
--- a/web/src/views/ApplicationConfig/components/Skill/SkillListModal.tsx
+++ b/web/src/views/ApplicationConfig/components/Skill/SkillListModal.tsx
@@ -2,10 +2,10 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-05 10:45:08 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-10 17:59:37
+ * @Last Modified time: 2026-03-25 11:09:01
  */
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-import { Space, List, Flex, Tooltip } from 'antd';
+import { List, Flex, Tooltip, Form } from 'antd';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx'
 
@@ -31,7 +31,7 @@ interface SkillModalProps {
  * 
  * A modal dialog for selecting skills from a searchable list.
  * Features:
- * - Search functionality to filter skills by search
+ * - Search functionality to filter skills by keywords
  * - Grid layout displaying skill cards with icons and descriptions
  * - Multi-select capability with visual feedback
  * - Excludes already selected skills from the list
@@ -49,17 +49,19 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
   const [visible, setVisible] = useState(false);
   const [list, setList] = useState<Skill[]>([])
   const [filterList, setFilterList] = useState<Skill[]>([])
-  const [query, setQuery] = useState<{search?: string}>({})
   const [selectedIds, setSelectedIds] = useState<string[]>([])
   const [selectedRows, setSelectedRows] = useState<Skill[]>([])
 
+  const [form] = Form.useForm()
+  const query = Form.useWatch([], form)
+
   /**
    * Closes the modal and resets all state
    * Clears search query, selected IDs, and selected rows
    */
   const handleClose = () => {
     setVisible(false);
-    setQuery({})
+    form.resetFields()
     setSelectedIds([])
     setSelectedRows([])
   };
@@ -70,7 +72,7 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
    */
   const handleOpen = () => {
     setVisible(true);
-    setQuery({})
+    form.resetFields()
     setSelectedIds([])
     setSelectedRows([])
   };
@@ -82,7 +84,7 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
     if (visible) {
       getList()
     }
-  }, [query.search, visible])
+  }, [query?.search, visible])
   
   /**
    * Fetches the skill list from API with current search parameters
@@ -96,6 +98,8 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
       .then(res => {
         const response = res as { items: Skill[] }
         setList(response.items || [])
+        setSelectedIds([])
+        setSelectedRows([])
       })
   }
   
@@ -117,17 +121,6 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
     handleClose
   }));
   
-  /**
-   * Handles search input changes and resets selection
-   * Clears current selections when search query changes
-   * @param value - Search keyword
-   */
-  const handleSearch = (value?: string) => {
-    setQuery({search: value})
-    setSelectedIds([])
-    setSelectedRows([])
-  }
-  
   /**
    * Toggles skill selection state
    * Adds skill to selection if not selected, removes if already selected
@@ -154,7 +147,7 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
     if (list.length && selectedList.length) {
       const unSelectedList = list.filter(item => selectedList.findIndex(vo => vo.id === item.id) < 0)
       setFilterList([...unSelectedList])
-    } else if (list.length) {
+    } else {
       setFilterList([...list])
     }
   }, [list, selectedList])
@@ -169,13 +162,17 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
         onOk={handleSave}
         width={1000}
       >
-        <Space size={24} direction="vertical" className="rb:w-full">
+        <Flex gap={24} vertical>
           {/* Search input for filtering skills */}
-          <SearchInput
-            placeholder={t('skills.searchPlaceholder')}
-            onSearch={handleSearch}
-            style={{ width: '100%' }}
-          />
+          <Form form={form}>
+            <Form.Item name="search" noStyle>
+              <SearchInput
+                placeholder={t('skills.searchPlaceholder')}
+                className="rb:w-full!"
+                variant="outlined"
+              />
+            </Form.Item>
+          </Form>
           {/* Display empty state or skill grid */}
           {filterList.length === 0 
             ? <Empty />
@@ -185,29 +182,29 @@ const SkillListModal = forwardRef<SkillModalRef, SkillModalProps>(({
               renderItem={(item: Skill) => (
                 <List.Item>
                   {/* Skill card with selection state styling */}
-                  <div key={item.id} className={clsx("rb:border rb:rounded-lg rb:p-[17px_16px] rb:cursor-pointer rb:hover:bg-[#F0F3F8]", {
-                    "rb:bg-[rgba(21,94,239,0.06)] rb:border-[#155EEF] rb:text-[#155EEF]": selectedIds.includes(item.id),
-                    "rb:border-[#DFE4ED] rb:text-[#212332]": !selectedIds.includes(item.id),
+                  <div key={item.id} className={clsx("rb:border rb:rounded-lg rb:p-[17px_16px] rb:cursor-pointer rb:hover:bg-[#F6F6F6]", {
+                    "rb:border-[#171719]": selectedIds.includes(item.id),
+                    "rb-border": !selectedIds.includes(item.id),
                   })} onClick={() => handleSelect(item)}>
-                    <Flex>
-                      {/* Skill avatar showing first letter of name */}
-                      <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                        {item.name[0]}
-                      </div>
-                      {/* Skill name and description */}
-                      <div className="rb:flex-1 rb:max-w-[calc(100%-60px)]">
-                        <div className="rb:font-medium rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
-                        <Tooltip title={item.description}>
-                          <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:-mt-1 rb:wrap-break-word rb:line-clamp-1">{item.description}</div>
-                        </Tooltip>
-                      </div>
-                    </Flex>
+                    {/* Skill name and description */}
+                    <div className="rb:flex-1 rb:max-w-[calc(100%-60px)]">
+                      <Tooltip title={item.name}>
+                        <div className="rb:flex-1 rb:leading-5.5 rb:min-w-0 rb:whitespace-break-spaces rb:wrap-break-word rb:line-clamp-1 rb:font-medium rb:text-[16px] rb:mb-4">
+                          {item.name}
+                        </div>
+                      </Tooltip>
+                      
+                      {/* Skill description with tooltip */}
+                      <Tooltip title={item.description} placement="topLeft">
+                        <div className="rb:h-10 rb:leading-5 rb:wrap-break-word rb:line-clamp-2">{item.description}</div>
+                      </Tooltip>
+                    </div>
                   </div>
                 </List.Item>
               )}
             />
           }
-        </Space>
+        </Flex>
       </RbModal>
     </>
   );
diff --git a/web/src/views/ApplicationConfig/components/Skill/SkillsItem.tsx b/web/src/views/ApplicationConfig/components/Skill/SkillsItem.tsx
index 35dee5ec..cbf33e55 100644
--- a/web/src/views/ApplicationConfig/components/Skill/SkillsItem.tsx
+++ b/web/src/views/ApplicationConfig/components/Skill/SkillsItem.tsx
@@ -2,12 +2,12 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-05 10:43:03 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-05 11:10:01
+ * @Last Modified time: 2026-02-25 15:36:14
  */
 import { type FC, useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Space, Button, Form, Flex, Tooltip, Checkbox } from 'antd'
-import { CloseOutlined, CheckCircleFilled } from '@ant-design/icons'
+import { CheckCircleFilled } from '@ant-design/icons'
 
 import type {
   SkillConfigForm,
@@ -15,7 +15,6 @@ import type {
 } from './types'
 import Empty from '@/components/Empty'
 import SkillListModal from './SkillListModal'
-import Card from '../Card'
 import RbAlert from '@/components/RbAlert'
 import type { Skill } from '@/views/Skills/types'
 
@@ -86,20 +85,19 @@ const SkillsItem: FC<SkillsItemProps> = ({
   }, [allSkills])
 
   return (
-    <Card
-      title={title}
-      extra={
-        <Space>
+    <div>
+      <Flex align="center" justify="space-between" className="rb:mb-2!">
+        <div className="rb:text-[#212332] rb:font-medium rb:leading-4.5 rb:px-1">{title}</div>
+
+        <Space size={16}>
           {/* "Allow all skills" checkbox - only shown if supportAll is true */}
           {supportAll && <Form.Item name={[...parentName, 'all_skills']} valuePropName="checked" noStyle>
-            <Checkbox>{t('application.allSkill')}</Checkbox>
+            <Checkbox className="rb:text-[12px]!">{t('application.allSkill')}</Checkbox>
           </Form.Item>}
           {/* Add skill button - disabled when all skills are enabled */}
-          <Button disabled={allSkills} style={{ padding: '0 8px', height: '24px' }} onClick={handleAddSkill}>+ {t('application.addSkill')}</Button>
+          <Button disabled={allSkills} type="link" className="rb:h-4! rb:p-0! rb:font-medium! rb:text-[12px]! rb:text-[#212332]" onClick={handleAddSkill}>+ {t('application.addSkill')}</Button>
         </Space>
-      }
-      variant="borderL"
-    >
+      </Flex>
       {/* Show alert when all skills enabled, otherwise show skill list */}
       {allSkills
         ? <RbAlert color="green" icon={<CheckCircleFilled />}>{t('application.allSkillIntro')}</RbAlert>
@@ -111,39 +109,29 @@ const SkillsItem: FC<SkillsItemProps> = ({
                 <Empty size={88} subTitle={emptyTitle} />
               ) : (
                 /* Render list of configured skills */
-                <Space direction="vertical" size={12} className="rb:w-full">
+                <Flex vertical gap={12}>
                   {fields.map((field) => {
                     const skill = form.getFieldValue([...parentName, 'skill_ids', field.name])
                     return (
                       /* Individual skill card */
-                      <div key={field.key} className="rb:flex rb:items-center rb:justify-between rb:p-[12px_16px] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
+                      <Flex key={field.key} align="center" justify="space-between" className="rb:p-3! rb:bg-[#FFFFFF] rb-border rb:rounded-lg">
                         <Flex className="rb:flex-1  rb:max-w-[calc(100%-186px)]!">
-                          {/* Skill icon or fallback initial */}
-                          {skill.icon
-                            ? <img src={skill.icon} className="rb:mr-3.25 rb:size-12 rb:rounded-lg" />
-                            : <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                              {skill.name?.[0]}
-                            </div>
-                          }
                           {/* Skill name and description */}
                           <div className="rb:flex-1 rb:max-w-[calc(100%-60px)]">
-                            <div className="rb:font-medium rb:wrap-break-word rb:line-clamp-1">{skill.name}</div>
+                            <div className="rb:font-medium rb:text-[#212332] rb:leading-5 rb:wrap-break-word rb:line-clamp-1">{skill.name}</div>
                             <Tooltip title={skill.description}>
-                              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:-mt-1 rb:wrap-break-word rb:line-clamp-1">{skill.description}</div>
+                              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:mt-1 rb:wrap-break-word rb:line-clamp-1">{skill.description}</div>
                             </Tooltip>
                           </div>
                         </Flex>
-                        <Space size={16} align="center">
-                          {/* Remove skill button */}
-                          <CloseOutlined 
-                            className="rb:cursor-pointer rb:text-[#5B6167] hover:rb:text-[#155EEF]" 
-                            onClick={() => remove(field.name)}
-                          />
-                        </Space>
-                      </div>
+                        <div
+                          className="rb:size-6 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]"
+                          onClick={() => remove(field.name)}
+                        ></div>
+                      </Flex>
                     )
                   })}
-                </Space>
+                </Flex>
               )
             )}
           </Form.List>
@@ -155,7 +143,7 @@ const SkillsItem: FC<SkillsItemProps> = ({
         selectedList={form.getFieldValue([...parentName, 'skill_ids']) || []}
         refresh={refresh}
       />
-    </Card>
+    </div>
   )
 }
 export default SkillsItem
\ No newline at end of file
diff --git a/web/src/views/ApplicationConfig/components/Skill/index.tsx b/web/src/views/ApplicationConfig/components/Skill/index.tsx
index d42edd3d..aac7bb72 100644
--- a/web/src/views/ApplicationConfig/components/Skill/index.tsx
+++ b/web/src/views/ApplicationConfig/components/Skill/index.tsx
@@ -1,17 +1,18 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-05 10:42:56 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-05 10:42:56 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-26 10:18:56
  */
 import { useEffect, type FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Space, Button, Switch, Form, Flex } from 'antd'
+import { Space, Switch, Form, Flex } from 'antd'
+import clsx from 'clsx'
 
 import type {
   SkillConfigForm,
 } from './types'
-import Card from '../Card'
+import RbCard from '@/components/RbCard/Card'
 import SkillsItem from './SkillsItem'
 import { getSkillList } from '@/api/skill'
 import type { Skill } from '@/views/Skills/types'
@@ -94,15 +95,15 @@ const SkillList: FC<{value?: SkillConfigForm; onChange?: (config: SkillConfigFor
 
 
   return (
-    <Card
+    <RbCard
       title={<>
-        {t('application.skill')}
-        <span className="rb:font-regular rb:text-[12px] rb:text-[#5B6167]"> ({t('application.skillTitle')})</span>
+        <div className="rb:font-[MiSans-Bold] rb:font-bold">{t('application.skill')}</div>
+        <div className="rb:font-regular! rb:text-[12px] rb:text-[#5B6167]"> {t('application.skillTitle')}</div>
       </>}
       extra={
         <Space>
           {/* Help button for skill configuration guidance */}
-          <Button style={{ padding: '0 8px', height: '24px' }}>{t('application.skillHelp')}</Button>
+          {/* <Button style={{ padding: '0 8px', height: '24px' }}>{t('application.skillHelp')}</Button> */}
           {/* Toggle switch to enable/disable skill functionality */}
           <Form.Item 
             valuePropName="checked"
@@ -113,9 +114,28 @@ const SkillList: FC<{value?: SkillConfigForm; onChange?: (config: SkillConfigFor
           </Form.Item>
         </Space>
       }
+      headerType="borderless"
+      headerClassName={clsx("rb:py-[16px]! rb:leading-[22px]! rb:font-regular", {
+        'rb:h-[76px]! rb:py-[16px]!': !skillConfig?.enabled,
+        'rb:h-[68px]! rb:pb-2!': skillConfig?.enabled,
+      })}
     >
       {/* Render skill configuration UI only when enabled */}
-      {skillConfig?.enabled && <Flex vertical gap={12}>
+      {skillConfig?.enabled && <Flex vertical gap={8} className="rb:bg-[#FAFAFA] rb:rounded-xl rb:pt-2.5! rb:pb-3! rb:px-3!">
+        <div className="rb:text-[#212332] rb:font-medium rb:leading-4.5 rb:px-1">{t('application.executeProcessPreview')}</div>
+        <Flex align="center" justify="space-between" gap={14} className="rb:text-[12px] rb:bg-[#FFFFFF]! rb:rounded-lg rb-border rb:py-2.5! rb:pl-4! rb:pr-3.25! rb:mb-2!">
+          {/* Render each step in the process flow with numbered badges */}
+          {processObj.map((key, index) => (<>
+            <Flex align="center" gap={8}>
+              {/* Step number badge */}
+              <Flex align="center" justify="center" className="rb:size-4 rb:rounded-full rb:bg-[#171719] rb:text-white rb:font-medium">{index + 1}</Flex>
+              {/* Step label */}
+              <span className="rb:inline-block rb:max-w-16">{t(`application.${key}`)}</span>
+            </Flex>
+            {/* Arrow separator between steps (except after last step) */}
+            {index !== processObj.length - 1 && <div className="rb:w-10 rb:h-4.5 rb:bg-cover rb:bg-[url('@/assets/images/application/arrow_right.svg')]"></div>}
+          </>))}
+        </Flex>
         {/* Dynamic skill binding configuration section */}
         <Form.Item noStyle>
           <SkillsItem
@@ -125,27 +145,8 @@ const SkillList: FC<{value?: SkillConfigForm; onChange?: (config: SkillConfigFor
             emptyTitle={t('application.dynamicBindingSkill_empty')}
           />
         </Form.Item>
-        {/* Execution process preview card showing workflow steps */}
-        <Card
-          title={t('application.executeProcessPreview')}
-          variant="borderL"
-        >
-          <Flex align="center" gap={8} className="rb:text-[12px]">
-            {/* Render each step in the process flow with numbered badges */}
-            {processObj.map((key, index) => (<>
-              <Flex align="center" gap={8} className="rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:bg-white rb:p-2!">
-                {/* Step number badge */}
-                <div className="rb:size-4 rb:rounded-full rb:bg-[#155EEF] rb:text-white rb:flex rb:items-center rb:justify-center rb:font-medium">{index + 1}</div>
-                {/* Step label */}
-                <span>{t(`application.${key}`)}</span>
-              </Flex>
-              {/* Arrow separator between steps (except after last step) */}
-              {index !== processObj.length - 1 && <div className="rb:text-[#8C9196]">→</div>}
-            </>))}
-          </Flex>
-        </Card>
       </Flex>}
-    </Card>
+    </RbCard>
   )
 }
 export default SkillList
\ No newline at end of file
diff --git a/web/src/views/ApplicationConfig/components/Tag.tsx b/web/src/views/ApplicationConfig/components/Tag.tsx
index 16659c8b..ba043baf 100644
--- a/web/src/views/ApplicationConfig/components/Tag.tsx
+++ b/web/src/views/ApplicationConfig/components/Tag.tsx
@@ -16,7 +16,7 @@ import { type FC, type ReactNode } from 'react'
  */
 export interface TagProps {
   /** Tag color scheme */
-  color?: 'processing' | 'warning' | 'default' | 'success';
+  color?: 'processing' | 'warning' | 'default' | 'success' | 'dark';
   /** Tag content */
   children: ReactNode;
   /** Additional CSS classes */
@@ -31,6 +31,7 @@ const colors = {
   warning: 'rb:text-[#FF5D34] rb:border-[rgba(255,93,52,0.08)] rb:bg-[rgba(255,93,52,0.08)]',
   default: 'rb:text-[#5B6167] rb:border-[rgba(91,97,103,0.30)] rb:bg-[rgba(91,97,103,0.08)]',
   success: 'rb:text-[#369F21] rb:border-[rgba(54,159,33,0.30)] rb:bg-[rgba(54,159,33,0.08)]',
+  dark: 'rb:text-[#171719] rb:border-[#171719] rb:bg-transparent'
 }
 
 /**
diff --git a/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx b/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx
index 5ce84554..0feb814b 100644
--- a/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx
+++ b/web/src/views/ApplicationConfig/components/ToolList/ToolList.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:26:03 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 14:01:13
+ * @Last Modified time: 2026-03-19 21:22:53
  */
 /**
  * Tool List Component
@@ -12,7 +12,7 @@
 
 import { type FC, useRef, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Space, Button, List, Switch } from 'antd'
+import { Space, Button, Switch, Flex } from 'antd'
 
 import Card from '../Card'
 import type {
@@ -43,7 +43,6 @@ const ToolList: FC<{ value?: ToolOption[]; onChange?: (config: ToolOption[]) =>
               getToolMethods(item.tool_id)
             ])
 
-            console.log('toolDetail', toolDetail)
             switch ((toolDetail as any).tool_type) {
               case 'mcp':
                 const mcpFilterItem = (methods as any[]).find(vo => vo.name === item.operation)
@@ -134,42 +133,39 @@ const ToolList: FC<{ value?: ToolOption[]; onChange?: (config: ToolOption[]) =>
     setToolList([...list])
     onChange && onChange(list)
   }
-  console.log('toolList', toolList)
   return (
     <Card 
       title={t('application.toolConfiguration')}
       extra={
-        <Button style={{ padding: '0 8px', height: '24px' }} onClick={handleAddTool}>+ {t('application.addTool')}</Button>
+        <Button className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233" onClick={handleAddTool}>+ {t('application.addTool')}</Button>
       }
     >
+      <div className="rb:leading-4.5 rb:text-[12px] rb:mb-2 rb:font-medium">
+        {t('application.toolManagement')}
+      </div>
       {toolList.length === 0
-        ? <Empty size={88} />
-        : 
-          <List
-            grid={{ gutter: 12, column: 1 }}
-            dataSource={toolList}
-            renderItem={(item, index) => (
-              <List.Item>
-                <div key={index} className="rb:flex rb:items-center rb:justify-between rb:p-[12px_16px] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
-                  <div>
-                    <div className="rb:font-medium rb:leading-4">
-                      {item.label}
-                    </div>
-                    <Tag color={item.is_active ? 'success' : 'error'} className="rb:mt-1">
-                      {item.is_active ? t('common.enable') : t('common.deleted')}
-                    </Tag>
-                  </div>
-                  <Space size={12}>
-                    <div 
-                      className="rb:w-6 rb:h-6 rb:cursor-pointer rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]" 
-                      onClick={() => handleDeleteTool(index)}
-                    ></div>
-                    <Switch checked={item.enabled} onChange={() => handleChangeEnabled(index)} />
-                  </Space>
+        ? <div className="rb-border rb:rounded-xl rb:pt-4 rb:pb-6"><Empty size={88} /></div>
+        : <Flex vertical gap={12}>
+          {toolList.map((item, index) => (
+            <Flex key={index} align="center" justify="space-between" className="rb:py-2.5! rb:pl-4! rb:pr-3! rb-border rb:rounded-lg">
+              <div>
+                <div className="rb:font-medium rb:leading-4">
+                  {item.label}
                 </div>
-              </List.Item>
-            )}
-          />
+                <Tag color={item.is_active ? 'success' : 'error'} className="rb:mt-1">
+                  {item.is_active ? t('common.enable') : t('common.deleted')}
+                </Tag>
+              </div>
+              <Space size={12}>
+                <Switch size="small" checked={item.enabled} onChange={() => handleChangeEnabled(index)} />
+                <div
+                  className="rb:w-6 rb:h-6 rb:cursor-pointer rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]"
+                  onClick={() => handleDeleteTool(index)}
+                ></div>
+              </Space>
+            </Flex>
+          ))}
+        </Flex>
       }
       <ToolModal
         ref={toolModalRef}
diff --git a/web/src/views/ApplicationConfig/components/VariableList/VariableEditModal.tsx b/web/src/views/ApplicationConfig/components/VariableList/VariableEditModal.tsx
index 793c6dc9..ac737ef3 100644
--- a/web/src/views/ApplicationConfig/components/VariableList/VariableEditModal.tsx
+++ b/web/src/views/ApplicationConfig/components/VariableList/VariableEditModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:26:27 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:26:27 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-24 11:47:46
  */
 /**
  * Variable Edit Modal
@@ -11,7 +11,7 @@
  */
 
 import { forwardRef, useImperativeHandle, useState, useRef } from 'react';
-import { Form, Input, Select, InputNumber, Checkbox, Tag, Divider, Button } from 'antd';
+import { Form, Input, Select, InputNumber, Checkbox, Tag, Divider, Button, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { ApiExtensionModalRef, Variable, VariableEditModalRef } from './types'
@@ -150,8 +150,8 @@ const VariableEditModal = forwardRef<VariableEditModalRef, VariableEditModalProp
                 label: t(`application.${key}`),
               }))}
               onChange={handleChangeType}
-              labelRender={(props) => <div className="rb:flex rb:justify-between rb:items-center">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></div>}
-              optionRender={(props) => <div className="rb:flex rb:justify-between rb:items-center">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></div>}
+              labelRender={(props) => <Flex align="center" justify="space-between">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></Flex>}
+              optionRender={(props) => <Flex align="center" justify="space-between">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></Flex>}
             />
           </FormItem>
           {/* Variable Name */}
diff --git a/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx b/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx
index 8e9d2452..9f7f71f5 100644
--- a/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx
+++ b/web/src/views/ApplicationConfig/components/VariableList/VariableList.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:26:32 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:26:32 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 17:10:30
  */
 /**
  * Variable List Component
@@ -56,20 +56,32 @@ interface VariableListProps {
   }
   return (
     <Card
-      title={<>
-        {t('application.variableConfiguration')}
-        <span className="rb:font-regular rb:text-[12px] rb:text-[#5B6167]"> ({t('application.VariableManagementDesc')})</span>
-      </>}
-      extra={<Button style={{ padding: '0 8px', height: '24px' }} onClick={handleAddVariable}>+ {t('application.addVariables')}</Button>}
+      title={t('application.variableConfiguration')}
+      extra={
+        <Button
+          size="small"
+          className="rb:h-6! rb:py-0! rb:px-2! rb:rounded-md! rb:text-[#21233"
+          onClick={handleAddVariable}
+        >
+          + {t('application.addVariables')}
+        </Button>
+      }
     >
+      <div className="rb:leading-4.5 rb:text-[12px] rb:mb-2">
+        <span className="rb:font-medium">{t('application.variableManagement')}</span>
+        <span className="rb:font-regular rb:text-[#5B6167]"> ({t('application.variableManagementDesc')})</span>
+      </div>
+
       <Form.List name="variables" initialValue={value}>
         {(fields, { remove }) => {
           return (
             <>
               {fields.length > 0 ? (
                 <div className="rb:mt-3">
-                  <Table
+                  <Table<Variable>
+                    size="small"
                     rowKey="index"
+                    bordered={true}
                     pagination={false}
                     columns={[
                       {
@@ -92,7 +104,7 @@ interface VariableListProps {
                         title: t('application.optional'),
                         dataIndex: 'required',
                         key: 'required',
-                        render: (required) => <Switch checked={!required} disabled />
+                        render: (required) => <Switch size="small" checked={!required} disabled />
                       },
                       {
                         title: t('common.operation'),
@@ -112,12 +124,12 @@ interface VariableListProps {
                         ),
                       },
                     ]}
-                    initialData={value as unknown as Record<string, unknown>[]}
+                    initialData={value}
                     emptySize={88}
                   />
                 </div>
               ) : (
-                <Empty url={variablesEmpty} size={88} subTitle={t('application.variablesEmpty')} />
+                <div className="rb-border rb:rounded-xl rb:pt-4 rb:pb-6"><Empty url={variablesEmpty} size={88} subTitle={t('application.variablesEmpty')} /></div>
               )}
             </>
           )
diff --git a/web/src/views/ApplicationConfig/index.module.css b/web/src/views/ApplicationConfig/index.module.css
index 2e782dd5..8c50929c 100644
--- a/web/src/views/ApplicationConfig/index.module.css
+++ b/web/src/views/ApplicationConfig/index.module.css
@@ -7,14 +7,14 @@
 }
 .tabs :global(.ant-tabs-tab) {
   line-height: 20px;
-  padding-bottom: 18px;
-  padding-top: 10px;
+  padding-bottom: 22px;
+  padding-top: 22px;
 }
 .tabs :global(.ant-tabs-tab-active) {
   font-weight: 500;
 }
 .tabs :global(.ant-tabs-tab+.ant-tabs-tab) {
-  margin-left: 78px;
+  margin-left: 48px;
 }
 .tabs:global(.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar),
 .tabs:global(.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar) {
diff --git a/web/src/views/ApplicationConfig/index.tsx b/web/src/views/ApplicationConfig/index.tsx
index 708d9c05..a9e1df5d 100644
--- a/web/src/views/ApplicationConfig/index.tsx
+++ b/web/src/views/ApplicationConfig/index.tsx
@@ -2,10 +2,11 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:37 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-12 10:23:18
+ * @Last Modified time: 2026-03-26 15:37:18
  */
 import React, { useEffect, useState, useRef } from 'react';
 import { useParams } from 'react-router-dom';
+import { Flex } from 'antd'
 
 import ConfigHeader from './components/ConfigHeader'
 import type { AgentRef, ClusterRef, WorkflowRef, Config } from './types'
@@ -19,6 +20,7 @@ import Workflow from '@/views/Workflow';
 import Statistics from './Statistics'
 import TestChat from './TestChat'
 import type { WorkflowConfig } from '@/views/Workflow/types';
+import Logs from './Logs';
 
 /**
  * Application configuration page component
@@ -107,7 +109,7 @@ const ApplicationConfig: React.FC = () => {
   }
 
   return (
-    <>
+    <Flex vertical className="rb:h-screen!">
       <ConfigHeader 
         activeTab={activeTab}
         handleChangeTab={handleChangeTab}
@@ -118,14 +120,17 @@ const ApplicationConfig: React.FC = () => {
         features={features}
         onFeaturesChange={setFeatures}
       />
-      {activeTab === 'arrangement' && application?.type === 'agent' && <Agent ref={agentRef} onFeaturesLoad={setFeatures} />}
-      {activeTab === 'arrangement' && application?.type === 'multi_agent' && <Cluster ref={clusterRef} onFeaturesLoad={setFeatures} />}
-      {activeTab === 'arrangement' && application?.type === 'workflow' && <Workflow ref={workflowRef} onFeaturesLoad={setFeatures} />}
-      {activeTab === 'api' && <Api application={application} />}
-      {activeTab === 'release' && <ReleasePage data={application as Application} refresh={getApplicationInfo} />}
-      {activeTab === 'statistics' && <Statistics application={application} />}
-      {activeTab === 'test' && <TestChat application={application} config={config} />}
-    </>
+      <div className="rb:p-3 rb:flex-1 rb:overflow-auto">
+        {activeTab === 'arrangement' && application?.type === 'agent' && <Agent ref={agentRef} onFeaturesLoad={setFeatures} />}
+        {activeTab === 'arrangement' && application?.type === 'multi_agent' && <Cluster ref={clusterRef} onFeaturesLoad={setFeatures} />}
+        {activeTab === 'arrangement' && application?.type === 'workflow' && <Workflow ref={workflowRef} onFeaturesLoad={setFeatures} />}
+        {activeTab === 'api' && <Api application={application} />}
+        {activeTab === 'release' && <ReleasePage data={application as Application} refresh={getApplicationInfo} />}
+        {activeTab === 'statistics' && <Statistics application={application} />}
+        {activeTab === 'test' && <TestChat application={application} config={config} />}
+        {activeTab === 'log' && <Logs />}
+      </div>
+    </Flex>
   );
 };
 
diff --git a/web/src/views/ApplicationConfig/types.ts b/web/src/views/ApplicationConfig/types.ts
index ac5221a7..6c82ea64 100644
--- a/web/src/views/ApplicationConfig/types.ts
+++ b/web/src/views/ApplicationConfig/types.ts
@@ -2,15 +2,16 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:29:49 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-16 17:42:12
+ * @Last Modified time: 2026-03-24 15:44:33
  */
 import type { KnowledgeConfig } from './components/Knowledge/types'
 import type { Variable } from './components/VariableList/types'
 import type { ToolOption } from './components/ToolList/types'
 import type { ChatItem } from '@/components/Chat/types'
-import type { GraphRef, WorkflowConfig } from '@/views/Workflow/types';
+import type { ChatVariable, GraphRef, WorkflowConfig } from '@/views/Workflow/types';
 import type { ApiKey } from '@/views/ApiKeyManagement/types'
 import type { SkillConfigForm } from './components/Skill/types'
+import type { Capability } from '@/views/ModelManagement/types'
 
 /**
  * Model configuration parameters
@@ -20,6 +21,7 @@ export interface ModelConfig {
   label?: string;
   /** Default model configuration ID */
   default_model_config_id?: string;
+  capability?: Capability[];
   /** Temperature for response randomness (0-2) */
   temperature: number;
   /** Maximum tokens in response */
@@ -60,6 +62,7 @@ export interface Config extends MultiAgentConfig {
   system_prompt: string;
   /** Default model configuration ID */
   default_model_config_id?: string;
+  capability?: Capability[];
   /** Model parameters */
   model_parameters: ModelConfig;
   /** Knowledge retrieval configuration */
@@ -161,6 +164,7 @@ export interface WorkflowRef {
   graphRef: GraphRef;
   /** Add variable */
   addVariable: () => void;
+  chatVariables: ChatVariable[];
   config: WorkflowConfig | null;
   features: WorkflowConfig['features'];
   handleSaveFeaturesConfig?: (value: FeaturesConfigForm) => void;
@@ -386,6 +390,8 @@ export interface StatisticsItem {
   count: number;
   /** Date string */
   date: string;
+  /** Index signature for compatibility with ChartData */
+  [key: string]: string | number;
 }
 
 /**
@@ -476,4 +482,18 @@ export interface AppSharingModalRef {
 export interface AppSharingForm {
   target_workspace_ids: string[];
   permission: 'readonly' | 'editable'
+}
+
+export interface LogItem {
+  id: string;
+  app_id: string;
+  user_id: string;
+  title: string;
+  message_count: number;
+  is_draft: boolean;
+  created_at: number;
+  updated_at: number;
+}
+export interface LogDetailModalRef {
+  handleOpen: (vo: LogItem) => void;
 }
\ No newline at end of file
diff --git a/web/src/views/ApplicationManagement/MySharing.tsx b/web/src/views/ApplicationManagement/MySharing.tsx
index f6971349..434bf465 100644
--- a/web/src/views/ApplicationManagement/MySharing.tsx
+++ b/web/src/views/ApplicationManagement/MySharing.tsx
@@ -2,11 +2,11 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:34:12 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 16:15:43
+ * @Last Modified time: 2026-03-26 14:39:18
  */
 import React, { useState, useEffect, useMemo, type MouseEvent } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, App, Flex, Row, Col, Collapse } from 'antd';
+import { Button, App, Flex, Collapse } from 'antd';
 import clsx from 'clsx';
 
 import type { MySharedOutItem } from './types';
@@ -81,7 +81,7 @@ const MySharing: React.FC = () => {
   }
 
   return (
-    <Flex vertical gap={12} className="rb:h-[calc(100vh-148px)]! rb:overflow-y-auto!">
+    <Flex vertical gap={12} className="rb:max-h-[calc(100%-48px)]! rb:overflow-y-auto!">
       <BodyWrapper loading={false} empty={data.length === 0}>
         {grouped.map(({ workspace, items }) => (
           <Collapse
@@ -112,9 +112,9 @@ const MySharing: React.FC = () => {
                 </Button>
               ),
               children: (
-                <Row gutter={[12, 12]}>
+                <div className="rb:grid rb:grid-cols-4 rb:gap-3">
                   {items.map(item => (
-                    <Col key={item.id} span={6} className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-3! rb:px-4! rb:relative rb:cursor-pointer" onClick={() => handleEdit(item)}>
+                    <div key={item.id} className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-3! rb:px-4! rb:relative rb:cursor-pointer" onClick={() => handleEdit(item)}>
                       <div
                         className="rb:absolute rb:top-3 rb:right-3 rb:cursor-pointer rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/close.svg')]"
                         onClick={(e) => handleCancelOne(item, e)}
@@ -153,15 +153,15 @@ const MySharing: React.FC = () => {
                           <span>{item.source_app_is_active ? t('application.sourceActive') : t('application.sourceInactive')}</span>
                         </Flex>
                       </Flex>
-                    </Col>
+                    </div>
                   ))}
-                </Row>
+                </div>
               ),
             }]}
           />
         ))}
       </BodyWrapper>
-      </Flex>
+    </Flex>
   );
 };
 
diff --git a/web/src/views/ApplicationManagement/index.tsx b/web/src/views/ApplicationManagement/index.tsx
index f67d9160..3b444a3d 100644
--- a/web/src/views/ApplicationManagement/index.tsx
+++ b/web/src/views/ApplicationManagement/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:34:12 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 21:00:12
+ * @Last Modified time: 2026-03-25 15:38:13
  */
 /**
  * Application Management Page
@@ -14,13 +14,11 @@ import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, App, Select, Space, Dropdown, type SegmentedProps, Flex, Form } from 'antd';
 import clsx from 'clsx';
-import { DeleteOutlined } from '@ant-design/icons';
 import { useSearchParams } from 'react-router-dom'
 
 import ApplicationModal, { types } from './components/ApplicationModal';
 import type { Application, ApplicationModalRef, Query, UploadWorkflowModalRef } from './types';
 import SearchInput from '@/components/SearchInput'
-import RbCard from '@/components/RbCard/Card'
 import { getApplicationListUrl, deleteApplication, copyApplication } from '@/api/application'
 import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
 import { formatDateTime } from '@/utils/format';
@@ -28,6 +26,9 @@ import UploadWorkflowModal from './components/UploadWorkflowModal'
 import UploadModal from './components/UploadModal'
 import PageTabs from '@/components/PageTabs'
 import MySharing from './MySharing'
+import RbCard from '@/components/RbCard'
+import RbButton from '@/components/RbButton'
+import RbDescriptions from '@/components/RbDescriptions'
 
 
 const tabKeys = ['apps', 'sharing', 'myShare']
@@ -92,7 +93,7 @@ const ApplicationManagement: React.FC = () => {
   const handleImport = () => {
     uploadWorkflowModalRef.current?.handleOpen()
   }
-  const handleClick = ({ key }: { key: string } ) => {
+  const handleClick = ({ key }: { key: string }) => {
     switch (key) {
       case 'thirdParty':
         handleImport()
@@ -127,7 +128,7 @@ const ApplicationManagement: React.FC = () => {
   }
   return (
     <>
-      <Flex justify="space-between" className="rb:mb-3!">
+      <Flex justify="space-between" className="rb:mb-4!">
         <PageTabs
           value={activeTab}
           options={formatTabItems}
@@ -136,7 +137,6 @@ const ApplicationManagement: React.FC = () => {
 
         <Form
           form={form}
-          initialValues={{}}
         >
           {activeTab !== 'myShare' &&
             <Space size={8}>
@@ -148,7 +148,8 @@ const ApplicationManagement: React.FC = () => {
                     label: t(`application.${type}`),
                   }))}
                   allowClear
-                  className="rb:w-30"
+                  variant="filled"
+                  className="rb:w-30!"
                 />
               </Form.Item>
               <Form.Item name="search" noStyle>
@@ -157,8 +158,7 @@ const ApplicationManagement: React.FC = () => {
                   className="rb:w-75!"
                 />
               </Form.Item>
-              
-              {activeTab === 'apps' && <>
+              {activeTab === 'apps' && <Space size={10}>
                 <Dropdown
                   menu={{
                     items: [
@@ -172,10 +172,10 @@ const ApplicationManagement: React.FC = () => {
                     {t('application.import')}
                   </Button>
                 </Dropdown>
-                <Button type="primary" onClick={handleCreate}>
+                <RbButton type="primary" icon={<div className="rb:size-3 rb:bg-cover rb:bg-[url('@/assets/images/common/plus.svg')]"></div>} onClick={handleCreate}>
                   {t('application.createApplication')}
-                </Button>
-              </>}
+                </RbButton>
+              </Space>}
             </Space>
           }
         </Form>
@@ -190,20 +190,30 @@ const ApplicationManagement: React.FC = () => {
           renderItem={(item) => (
             <RbCard
               title={item.name}
-              avatar={
-                <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                  {item.name[0]}
-                </div>
+              avatarText={item.name.trim()[0]}
+              avatarClassName={clsx({
+                'rb:bg-[#155EEF]': item.type === 'agent',
+                'rb:bg-[#9C6FFF]!': item.type === 'multi_agent',
+                'rb:bg-[#171719]': item.type === 'workflow',
+              })}
+              footer={
+                item.is_shared
+                  ? <Flex justify="space-between" gap={12}>
+                    <RbButton block onClick={() => handleEdit(item)}>{t('common.view')}</RbButton>
+                    {item.share_permission === 'editable' && <RbButton type="primary" ghost className="rb:w-[calc(100%-46px)]" onClick={() => handleCopy(item)}>{t('common.copy')}</RbButton>}
+                  </Flex>
+                  : <Flex justify="space-between" gap={12}>
+                    <RbButton danger className="rb:w-22.25" onClick={() => handleDelete(item)}>{t('common.delete')}</RbButton>
+                    <RbButton type="primary" ghost className="rb:flex-1" onClick={() => handleEdit(item)}>{t('application.configuration')}</RbButton>
+                  </Flex>
               }
             >
-              {['type', 'source', 'created_at'].map((key, index) => (
-                <div key={key} className={clsx("rb:flex rb:justify-between rb:gap-5 rb:font-regular rb:text-[14px]", {
-                  'rb:mt-3': index !== 0
-                })}>
-                  <span className="rb:text-[#5B6167]">{t(`application.${key}`)}</span>
-                  <span className={clsx({
-                    'rb:text-[#155EEF] rb:font-medium': key === 'type' && item[key] === 'agent',
-                    'rb:text-[#369F21] rb:font-medium': key === 'type' && item[key] === 'multi_agent',
+              <RbDescriptions
+                items={['type', 'source', 'created_at'].map(key => ({
+                  key,
+                  label: t(`application.${key}`),
+                  children: <span className={clsx('rb:font-medium', {
+                    'rb:text-[#155EEF]': key === 'type',
                   })}>
                     {key === 'source' && item.is_shared
                       ? item.source_workspace_name
@@ -214,19 +224,8 @@ const ApplicationManagement: React.FC = () => {
                           : t(`application.${item[key as keyof Application]}`)
                     }
                   </span>
-                </div>
-              ))}
-
-              {item.is_shared
-                ? <div className="rb:mt-5 rb:flex rb:justify-between rb:gap-2.5">
-                  <Button type="primary" ghost block onClick={() => handleEdit(item)}>{t('common.view')}</Button>
-                  {item.share_permission === 'editable' && <Button type="primary" className="rb:w-[calc(100%-46px)]" onClick={() => handleCopy(item)}>{t('common.copy')}</Button>}
-                </div>
-                : <div className="rb:mt-5 rb:flex rb:justify-between rb:gap-2.5">
-                  <Button type="primary" ghost className="rb:w-[calc(100%-46px)]" onClick={() => handleEdit(item)}>{t('application.configuration')}</Button>
-                  <Button icon={<DeleteOutlined />} onClick={() => handleDelete(item)}></Button>
-                </div>
-              }
+                }))}
+              />
             </RbCard>
           )}
         />
diff --git a/web/src/views/Conversation/components/FileUpload.tsx b/web/src/views/Conversation/components/FileUpload.tsx
index 23b62b14..3c494437 100644
--- a/web/src/views/Conversation/components/FileUpload.tsx
+++ b/web/src/views/Conversation/components/FileUpload.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-06 21:09:42 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 18:38:41
+ * @Last Modified time: 2026-03-27 18:23:04
  */
 /**
  * File Upload Component
@@ -21,7 +21,7 @@
  * @component
  */
 import { useState, useEffect, forwardRef, useImperativeHandle, useMemo } from 'react';
-import { Upload, Progress, App } from 'antd';
+import { Upload, Progress, App, Flex } from 'antd';
 import type { UploadProps, UploadFile } from 'antd';
 import type { UploadProps as RcUploadProps, RcFile, UploadFileStatus } from 'antd/es/upload/interface';
 import { useTranslation } from 'react-i18next';
@@ -59,7 +59,7 @@ interface UploadFilesProps extends Omit<UploadProps, 'onChange'> {
   featureConfig: FeaturesConfigForm['file_upload']
 }
 
-const transform_file_type = {
+export const transform_file_type: Record<string, string> = {
   'text/plain': 'document/text',
   'text/markdown': 'document/markdown',
   'text/x-markdown': 'document/x-markdown',
@@ -193,13 +193,13 @@ const UploadFiles = forwardRef<UploadFilesRef, UploadFilesProps>(({
       // Get file extension
       const fileName = file.name.toLowerCase();
       const fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
-      
+
       // Check if extension is in allowed types list
       const isValidExtension = fileType.some(type => type.toLowerCase() === fileExtension);
-      
+
       // Also check MIME type if available (as fallback validation)
       const isValidMimeType = file.type && accept ? accept.includes(file.type) : true;
-      
+
       if (!isValidExtension && !isValidMimeType) {
         message.error(`${t('common.fileAcceptTip')} ${fileExtension || file.type}`);
         return Upload.LIST_IGNORE;
@@ -305,15 +305,15 @@ const UploadFiles = forwardRef<UploadFilesRef, UploadFilesProps>(({
     itemRender: (_, file, __, actions) => {
       return (
         <div key={file.uid} className="rb:relative rb:w-full rb:pt-2 rb:px-2.5 rb-pb-[10px] rb:border rb:border-[#EBEBEB] rb:rounded rb:p-2 rb:mt-2 rb:bg-white">
-          <div className="rb:text-[12px] rb:flex rb:items-center rb:justify-between rb:mb-0.5">
+          <Flex align="center" justify="space-between" className="rb:text-[12px] rb:mb-0.5!">
             {file.name}
-            <span className="rb:text-[#5B6167] rb:cursor-pointer" onClick={() => actions?.remove()}>Cancel</span>
-          </div>
+            <span className="rb:text-[#5B6167] rb:cursor-pointer" onClick={() => actions?.remove()}>{t('common.cancel')}</span>
+          </Flex>
           <Progress percent={file.percent || 0} strokeColor={file.status === 'error' ? '#FF5D34' : '#155EEF'} size="small" showInfo={false} />
         </div>
       );
     },
-    className: 'rb:-mb-1.5!',
+    className: 'rb:-mb-1.5! upload-block',
     ...props,
   };
 
@@ -327,7 +327,7 @@ const UploadFiles = forwardRef<UploadFilesRef, UploadFilesProps>(({
     <Upload
       {...uploadProps}
     >
-      {t('memoryConversation.uploadFile')}
+      <div>{t('memoryConversation.uploadFile')}</div>
     </Upload>
   );
 });
diff --git a/web/src/views/Conversation/components/UploadFileListModal.tsx b/web/src/views/Conversation/components/UploadFileListModal.tsx
index 4d2e83ee..82a14f8e 100644
--- a/web/src/views/Conversation/components/UploadFileListModal.tsx
+++ b/web/src/views/Conversation/components/UploadFileListModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-06 21:09:47 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 20:32:32
+ * @Last Modified time: 2026-03-23 17:49:42
  */
 /**
  * Upload File List Modal Component
@@ -18,11 +18,8 @@
  * 
  * @component
  */
-import { forwardRef, useImperativeHandle, useState, useMemo } from 'react';
-import { Form, Input, Select,
-  // Button,
-  Flex
-} from 'antd';
+import { forwardRef, useImperativeHandle, useState } from 'react';
+import { Form, Input, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { UploadFileListModalRef } from '../types'
@@ -42,7 +39,6 @@ interface UploadFileListModalProps {
  */
 const UploadFileListModal = forwardRef<UploadFileListModalRef, UploadFileListModalProps>(({
   refresh,
-  featureConfig
 }, ref) => {
   const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
@@ -85,20 +81,6 @@ const UploadFileListModal = forwardRef<UploadFileListModalRef, UploadFileListMod
     handleOpen
   }));
 
-  const fileTypeOptions = useMemo(() => {
-    const options = [];
-    if (featureConfig?.image_enabled) {
-      options.push({ label: t('memoryConversation.image'), value: 'image' });
-    }
-    if (featureConfig?.audio_enabled) {
-      options.push({ label: t('memoryConversation.audio'), value: 'audio' });
-    }
-    if (featureConfig?.video_enabled) {
-      options.push({ label: t('memoryConversation.video'), value: 'video' });
-    }
-    return options;
-  }, [featureConfig, t])
-
   return (
     <RbModal
       title={t('memoryConversation.addRemoteFile')}
@@ -117,20 +99,6 @@ const UploadFileListModal = forwardRef<UploadFileListModalRef, UploadFileListMod
               {/* Render each file entry with type selector and URL input */}
               {fields.map(({ key, name, ...restField }) => (
                 <Flex key={key} gap={8} align="center" className="rb:mb-3!">
-                  <FormItem
-                    {...restField}
-                    name={[name, 'type']}
-                    className="rb:mb-0!"
-                    rules={[
-                      { required: true, message: t('common.pleaseSelect') }
-                    ]}
-                  >
-                    <Select
-                      placeholder={t('memoryConversation.fileType')}
-                      options={fileTypeOptions}
-                      className="rb:w-30!"
-                    />
-                  </FormItem>
                   <FormItem
                     {...restField}
                     name={[name, 'url']}
diff --git a/web/src/views/Conversation/index.tsx b/web/src/views/Conversation/index.tsx
index e6047efd..d4d25070 100644
--- a/web/src/views/Conversation/index.tsx
+++ b/web/src/views/Conversation/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:58:03 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 12:30:41
+ * @Last Modified time: 2026-03-27 14:28:19
  */
 /**
  * Conversation Page
@@ -14,7 +14,7 @@ import { type FC, useState, useEffect, useRef } from 'react'
 import { useParams, useLocation } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import InfiniteScroll from 'react-infinite-scroll-component';
-import { Flex, Skeleton, App } from 'antd'
+import { Flex, Skeleton, App, Tooltip } from 'antd'
 import clsx from 'clsx'
 import dayjs from 'dayjs'
 
@@ -23,20 +23,17 @@ import type { HistoryItem } from './types'
 import Empty from '@/components/Empty'
 import { formatDateTime } from '@/utils/format';
 import { randomString } from '@/utils/common'
-import BgImg from '@/assets/images/conversation/bg.png'
 import ChatEmpty from '@/assets/images/empty/chatEmpty.png'
 import Chat from '@/components/Chat'
 import type { ChatItem } from '@/components/Chat/types'
-import ButtonCheckbox from '@/components/ButtonCheckbox'
-import MemoryFunctionIcon from '@/assets/images/conversation/memoryFunction.svg'
-import OnlineIcon from '@/assets/images/conversation/online.svg'
-import OnlineCheckedIcon from '@/assets/images/conversation/onlineChecked.svg'
-import MemoryFunctionCheckedIcon from '@/assets/images/conversation/memoryFunctionChecked.svg'
 import { type SSEMessage } from '@/utils/stream'
 import { shareFileUploadUrlWithoutApiPrefix } from '@/api/fileStorage'
 import ChatToolbar, { type ChatToolbarRef } from '@/components/Chat/ChatToolbar'
 import type { Variable } from '@/views/Workflow/components/Properties/VariableList/types'
+import type { Variable as AppVariable } from '@/views/ApplicationConfig/components/VariableList/types'
 import type { FeaturesConfigForm } from '@/views/ApplicationConfig/types';
+import { getFileStatusById } from '@/api/fileStorage';
+import { replaceVariables } from '@/views/ApplicationConfig/Agent'
 
 const Conversation: FC = () => {
   const { t } = useTranslation()
@@ -57,6 +54,7 @@ const Conversation: FC = () => {
   const [hasMore, setHasMore] = useState(true);
   const scrollRef = useRef<HTMLDivElement>(null);
   const toolbarRef = useRef<ChatToolbarRef>(null)
+  const audioPollingRef = useRef<Map<string, ReturnType<typeof setInterval>>>(new Map())
   const [shareToken, setShareToken] = useState<string | null>(localStorage.getItem(`shareToken_${token}`))
   const [fileList, setFileList] = useState<any[]>([])
   const [webSearch, setWebSearch] = useState(false)
@@ -64,6 +62,14 @@ const Conversation: FC = () => {
   const [memory, setMemory] = useState(true)
   const [features, setFeatures] = useState<FeaturesConfigForm>({} as FeaturesConfigForm)
   const [config, setConfig] = useState<Record<string, any>>({})
+  const [audioStatusMap, setAudioStatusMap] = useState<Record<string, string>>({})
+
+  useEffect(() => {
+    return () => {
+      audioPollingRef.current.forEach((timer) => clearInterval(timer))
+      audioPollingRef.current.clear()
+    }
+  }, [])
 
   useEffect(() => {
     const shareToken = localStorage.getItem(`shareToken_${token}`)
@@ -87,11 +93,11 @@ const Conversation: FC = () => {
     if (shareToken && token) {
       getExperienceConfig(token)
         .then(res => {
-          const response = res as { variables: Variable[]; features: FeaturesConfigForm; app_type: string; memory?: boolean; }
+          const response = res as { variables: Variable[]; features: FeaturesConfigForm; app_type: string; memory: boolean; }
           toolbarRef.current?.setVariables(response.variables || [])
           setConfig(response)
           setFeatures(response.features)
-          setIsHasMemory((response.app_type === 'workflow' && response.memory) || (response.app_type !== 'workflow'))
+          setIsHasMemory((response.app_type === 'workflow' && response.memory) || response.memory)
         })
     } else {
       setChatList([])
@@ -149,12 +155,41 @@ const Conversation: FC = () => {
       getConversationDetail(token as string, conversation_id)
         .then(res => {
           const response = res as { messages: ChatItem[] }
-          setChatList(response?.messages || [])
+          const messages = response?.messages || []
+          const historyAudioUrls = new Set(messages.map(m => m.meta_data?.audio_url).filter(Boolean))
+          audioPollingRef.current.forEach((timer, key) => {
+            if (!historyAudioUrls.has(key)) {
+              clearInterval(timer)
+              audioPollingRef.current.delete(key)
+            }
+          })
+          messages.forEach(msg => {
+            if (msg.role === 'assistant' && msg.meta_data?.audio_url && msg.meta_data?.audio_status === 'pending') {
+              startAudioPolling(msg.meta_data.audio_url, msg.meta_data.audio_url)
+            }
+          })
+          setChatList(messages.map(msg => {
+            if (msg.role === 'assistant' && msg.meta_data?.audio_url && audioPollingRef.current.has(msg.meta_data.audio_url)) {
+              return { ...msg, meta_data: { ...msg.meta_data, audio_status: 'pending' } }
+            }
+            return msg
+          }))
         })
     } else {
-      setChatList([])
+      if (features?.opening_statement?.statement) {
+        setChatList([{
+          role: 'assistant',
+          content: features.opening_statement.statement,
+          created_at: Date.now(),
+          meta_data: {
+            suggested_questions: features.opening_statement?.suggested_questions
+          }
+        }])
+      } else {
+        setChatList([])
+      }
     }
-  }, [conversation_id])
+  }, [conversation_id, features?.opening_statement?.statement])
 
   const addUserMessage = (message: string = '', files?: any[]) => {
     setChatList(prev => [...prev, {
@@ -176,8 +211,8 @@ const Conversation: FC = () => {
     }])
   }
 
-  const updateAssistantMessage = (content: string = '', audio_url?: string) => {
-    if (!content && !audio_url) return
+  const updateAssistantMessage = (content: string = '', audio_url?: string, audio_status?: string, citations?: any[]) => {
+    if (!content && !audio_url && (!citations || citations?.length < 1)) return
     if (streamLoading) setStreamLoading(false)
     setChatList(prev => {
       const lastList = [...prev]
@@ -189,16 +224,57 @@ const Conversation: FC = () => {
           {
             ...lastMsg,
             content: lastMsg.content + content,
-            meta_data: { audio_url }
+            meta_data: {
+              audio_url: audio_url || lastMsg.meta_data?.audio_url,
+              audio_status: audio_status || lastMsg.meta_data?.audio_status,
+              citations: citations || lastMsg.meta_data?.citations
+            }
           }
         ]
       }
       return prev
     })
   }
+  useEffect(() => {
+    if (!Object.keys(audioStatusMap).length) return
+    setChatList(prev => prev.map(msg => {
+      if (msg.role === 'assistant' && msg.meta_data?.audio_url && audioStatusMap[msg.meta_data.audio_url]) {
+        return {
+          ...msg,
+          meta_data: {
+            ...msg.meta_data,
+            audio_status: audioStatusMap[msg.meta_data.audio_url]
+          }
+        }
+      }
+      return msg
+    }))
+  }, [audioStatusMap, chatList.length])
+
+  const startAudioPolling = (audioUrl: string, idToPoll: string) => {
+    if (audioPollingRef.current.has(idToPoll)) return
+    const fileId = audioUrl.split('/').pop()
+    if (!fileId) return
+    const timer = setInterval(() => {
+      getFileStatusById(fileId)
+        .then(res => {
+          const { status } = res as { status: string }
+          if (status && status !== 'pending') {
+            setAudioStatusMap(prev => ({ ...prev, [idToPoll]: status }))
+            clearInterval(audioPollingRef.current.get(idToPoll))
+            audioPollingRef.current.delete(idToPoll)
+          }
+        })
+        .catch(() => {
+          clearInterval(audioPollingRef.current.get(idToPoll))
+          audioPollingRef.current.delete(idToPoll)
+        })
+    }, 2000)
+    audioPollingRef.current.set(idToPoll, timer)
+  }
 
   /** Send message and handle streaming response */
-  const handleSend = () => {
+  const handleSend = (msg?: string) => {
     if (!token || !shareToken) return
     const files = (toolbarRef.current?.getFiles() || []).filter(item => !['uploading', 'error'].includes(item.status))
     const variables = toolbarRef.current?.getVariables() || []
@@ -222,7 +298,7 @@ const Conversation: FC = () => {
 
     setLoading(true)
     setStreamLoading(true)
-    addUserMessage(message, files)
+    addUserMessage(msg || message, files)
     addAssistantMessage()
     toolbarRef.current?.setFiles([])
     setFileList([])
@@ -230,7 +306,15 @@ const Conversation: FC = () => {
     let currentConversationId: string | null = null
     const handleStreamMessage = (data: SSEMessage[]) => {
       data.forEach((item) => {
-        const { content, conversation_id: curId, audio_url } = item.data as { content: string; conversation_id: string; audio_url?: string; }
+        const { content, conversation_id: curId, audio_url, citations } = item.data as {
+          content: string; conversation_id: string; audio_url?: string;
+          citations?: {
+            document_id: string;
+            file_name: string;
+            knowledge_id: string;
+            score: string;
+          }[]
+        }
         switch (item.event) {
           case 'start':
           case 'node_start':
@@ -238,19 +322,33 @@ const Conversation: FC = () => {
             currentConversationId = newId
             break
           case 'message':
-            updateAssistantMessage(content, audio_url)
+            updateAssistantMessage(content, audio_url, audio_url ? 'pending' : undefined)
             if (curId) currentConversationId = curId;
             break
           case 'end':
           case 'workflow_end':
             if (audio_url) {
-              updateAssistantMessage(content, audio_url)
+              updateAssistantMessage(content, audio_url, 'pending', citations)
+              const { file_id } = item.data as { file_id?: string }
+              const idToPoll = file_id || audio_url || ''
+              const fileId = audio_url.split('/').pop()
+              if (fileId && idToPoll) {
+                startAudioPolling(audio_url, idToPoll)
+              }
+            } else {
+              getHistory(true)
+              if (currentConversationId && currentConversationId !== conversation_id) {
+                setConversationId(currentConversationId)
+              }
+            }
+            if (citations && citations.length > 0) {
+              updateAssistantMessage(content, audio_url, undefined, citations)
             }
             setLoading(false)
+            getHistory(true)
             if (currentConversationId && currentConversationId !== conversation_id) {
               setConversationId(currentConversationId)
             }
-            getHistory(true)
             break
         }
       })
@@ -259,7 +357,7 @@ const Conversation: FC = () => {
     sendConversation({
       web_search: webSearch,
       memory,
-      message: message || '',
+      message: msg || message || '',
       stream: true,
       conversation_id: conversation_id || null,
       files: files.map(file => {
@@ -285,8 +383,9 @@ const Conversation: FC = () => {
       })
   }
 
-  const handleChangeMemory = (value: boolean) => {
+  const handleChangeMemory = () => {
     if (config.app_type === 'workflow') return;
+    let value = !memory
     modal.confirm({
       title: value ? t('memoryConversation.memoryTipTitle') : t('memoryConversation.memoryCancelTipTitle'),
       okText: t('common.confirm'),
@@ -300,22 +399,41 @@ const Conversation: FC = () => {
     })
   }
 
+  const handleChangeVariables = (variables: Variable[]) => {
+    setChatList(prev => {
+      const firstMsg = prev[0]
+      console.log('firstMsg', firstMsg)
+      if (firstMsg && firstMsg.role === 'assistant' && firstMsg.content && features?.opening_statement.enabled && features?.opening_statement.statement && variables.length > 0) {
+        firstMsg.content = replaceVariables(features?.opening_statement.statement, variables as unknown as AppVariable[])
+      }
+      return [firstMsg, ...prev.slice(1)]
+    })
+  }
+
+  console.log('chatList', chatList)
+
   return (
     <Flex className="rb:w-full rb:p-[-16px]!">
-      <div className="rb:w-86.25 rb:h-screen rb:overflow-hidden rb:border-r rb:border-[#EAECEE] rb:p-3">
-        <div className="rb:group rb:flex rb:items-center rb:justify-center rb:font-regular rb:cursor-pointer rb:mb-5 rb:border rb:border-[#DFE4ED] rb:hover:border-[#155EEF] rb:hover:text-[#155EEF] rb:rounded-lg rb:py-2.5"
+      <div className="rb:w-80 rb:h-screen rb:bg-[#F6F6F6] rb:overflow-hidden">
+        <Flex align="center" gap={8} className="rb:p-5!">
+          <div className="rb:size-6 rb:bg-cover rb:bg-[url('@/assets/images/conversation/redbear.png')]"></div>
+          <div className="rb:text-[16px] rb:leading-5 rb:font-[Gilroy-Extrabold] rb:font-extrabold">{t('memoryConversation.chatTitle')}</div>
+        </Flex>
+
+        <Flex align="center" gap={12}
+          className="rb:cursor-pointer rb:border rb:border-[#155EEF] rb:rounded-xl rb:p-3! rb:mx-4! rb:text-[16px] rb:font-medium rb:text-[#155EEF] rb:h-12! rb:mb-5!"
           onClick={() => handleChangeHistory(null)}
         >
           <div
             className="rb:w-5 rb:h-5 rb:cursor-pointer rb:mr-2 rb:bg-cover rb:bg-[url('@/assets/images/conversation/conversation.svg')] rb:group-hover:bg-[url('@/assets/images/conversation/conversation_hover.svg')]"
           ></div>
           {t('memoryConversation.startANewConversation')}
-        </div>
+        </Flex>
         {historyList.length > 0 &&
           <div
             ref={scrollRef}
             id="scrollableDiv"
-            className="rb:overflow-y-auto rb:h-[calc(100vh-255px)]"
+            className="rb:overflow-y-auto rb:h-[calc(100vh-144px)] rb:px-3!"
           >
             <InfiniteScroll
               dataLength={historyList.length}
@@ -327,7 +445,9 @@ const Conversation: FC = () => {
               {Object.entries(groupHistoryList).map(([date, items]) => (
                 <div key={date} className="rb:mt-6 rb:first:mt-0">
                   <div className="rb:leading-5 rb:text-[#5B6167] rb:mb-2 rb:pl-1 rb:font-regular">{date.replace(/\u200e|\u200f/g, '')}</div>
-                  {items.map(item => (
+
+                  <Flex vertical gap={4}>
+                    {items.map(item => (
                     <div key={item.updated_at} className="rb:mb-3">
                       <div className={clsx("rb:p-[8px_13px] rb:rounded-lg rb:leading-5 rb:cursor-pointer rb:hover:bg-[#F0F3F8]", {
                         'rb:bg-[#FFFFFF] rb:shadow-[0px_2px_4px_0px_rgba(0,0,0,0.15)] rb:font-medium rb:hover:bg-[#FFFFFF]!': item.id === conversation_id,
@@ -337,20 +457,20 @@ const Conversation: FC = () => {
                         {item.title}
                       </div>
                     </div>
-                  ))}
+                    ))}
+                  </Flex>
                 </div>
               ))}
             </InfiniteScroll>
           </div>
         }
-        <img src={BgImg} className="rb:absolute rb:bottom-0 rb:left-0 rb:w-86.25" />
       </div>
 
       <div className="rb:relative rb:h-screen rb:px-4 rb:flex-[1_1_auto]">
-        <div className='rb:w-190 rb:h-screen rb:mx-auto rb:pt-10'>
+        <div className='rb:w-190  rb:h-screen rb:mx-auto rb:pt-10 rb:pb-3'>
           <Chat
-            empty={<Empty url={ChatEmpty} className="rb:h-full" size={[320, 180]} title={t('memoryConversation.chatEmpty')} subTitle={t('memoryConversation.emptyDesc')} />}
-            contentClassName={!fileList.length ? "rb:h-[calc(100%-144px)]" : "rb:h-[calc(100%-208px)]"}
+            empty={<Empty url={ChatEmpty} className="rb:h-full" size={[320,180]} title={t('memoryConversation.chatEmpty')} subTitle={t('memoryConversation.emptyDesc')} />}
+            contentClassName={!fileList.length ? "rb:h-[calc(100%-144px)] rb:w-full" : "rb:h-[calc(100%-208px)] rb:w-full"}
             data={chatList}
             streamLoading={streamLoading}
             loading={loading}
@@ -374,31 +494,47 @@ const Conversation: FC = () => {
                 Authorization: `Bearer ${shareToken || ''}`,
               }
             }}
-            extra={
-              <>
+            rightExtra={
+              (features?.web_search?.enabled || isHasMemory)
+              ? <Flex align="center" justify="end" gap={8}>
                 {features?.web_search?.enabled &&
-                  <ButtonCheckbox
-                    icon={OnlineIcon}
-                    checkedIcon={OnlineCheckedIcon}
-                    checked={webSearch}
-                    onChange={setWebSearch}
-                  >
-                    {t('memoryConversation.web_search')}
-                  </ButtonCheckbox>
+                  <Tooltip title={t('memoryConversation.web_search')}>
+                    <Flex justify="center" align="center"
+                      className={clsx("rb:size-7 rb:border rb:cursor-pointer rb:hover:bg-[#F6F6F6] rb:rounded-full rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)]", {
+                        'rb:bg-[rgba(21,94,239,0.06)] rb:border-[rgba(21,94,239,0.25)]': webSearch,
+                        'rb:border-[#EBEBEB]': !webSearch,
+                      })}
+                      onClick={() => setWebSearch(prev => !prev)}
+                    >
+                      <div className={clsx("rb:size-4 rb:bg-cover", {
+                        "rb:bg-[url('@/assets/images/conversation/online.svg')]": !webSearch,
+                        "rb:bg-[url('@/assets/images/conversation/onlineChecked.svg')]": webSearch
+                      })} />
+                    </Flex>
+                  </Tooltip>
                 }
                 {isHasMemory &&
-                  <ButtonCheckbox
-                    icon={MemoryFunctionIcon}
-                    checkedIcon={MemoryFunctionCheckedIcon}
-                    checked={memory}
-                    disabled={config.app_type === 'workflow'}
-                    onChange={handleChangeMemory}
-                  >
-                    {t('memoryConversation.memory')}
-                  </ButtonCheckbox>
+                  <Tooltip title={t('memoryConversation.memory')}>
+                    <Flex justify="center" align="center"
+                      className={clsx("rb:size-7 rb:border rb:hover:bg-[#F6F6F6] rb:rounded-full rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)]", {
+                        'rb:bg-[rgba(21,94,239,0.06)] rb:border-[rgba(21,94,239,0.25)]': memory,
+                        'rb:border-[#EBEBEB]': !memory,
+                        'rb:cursor-pointer': config.app_type !== 'workflow',
+                        'rb:cursor-not-allowed rb:opacity-65': config.app_type === 'workflow',
+                      })}
+                      onClick={handleChangeMemory}
+                    >
+                      <div className={clsx("rb:size-4 rb:bg-cover", {
+                        "rb:bg-[url('@/assets/images/conversation/memoryFunction.svg')]": !memory,
+                        "rb:bg-[url('@/assets/images/conversation/memoryFunctionChecked.svg')]": memory
+                      })} />
+                    </Flex>
+                  </Tooltip>
                 }
-              </>
+              </Flex>
+              : undefined
             }
+            onVariablesChange={handleChangeVariables}
           />
           </Chat>
         </div>
diff --git a/web/src/views/EmotionEngine/index.tsx b/web/src/views/EmotionEngine/index.tsx
index d6866b5a..8c0188da 100644
--- a/web/src/views/EmotionEngine/index.tsx
+++ b/web/src/views/EmotionEngine/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:56:54 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-03 16:57:17
+ * @Last Modified time: 2026-03-26 15:43:29
  */
 /**
  * Emotion Engine Configuration Page
@@ -11,18 +11,20 @@
  */
 
 import React, { useState, useEffect } from 'react';
-import { Row, Col, Form, Slider, Button, Alert, message, Space } from 'antd';
+import { Row, Col, Form, Button, App, Space, Flex, Tooltip } from 'antd';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import clsx from 'clsx';
 
 import RbCard from '@/components/RbCard/Card';
-import strategyImpactSimulator from '@/assets/images/memory/strategyImpactSimulator.svg'
 import { getMemoryEmotionConfig, updateMemoryEmotionConfig } from '@/api/memory'
 import type { ConfigForm } from './types'
-import CustomSelect from '@/components/CustomSelect';
-import { getModelListUrl } from '@/api/models'
-import Tag from '@/components/Tag'
 import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
+import LabelWrapper from '@/components/FormItem/LabelWrapper'
+import DescWrapper from '@/components/FormItem/DescWrapper'
+import RbSlider from '@/components/RbSlider';
+import RbAlert from '@/components/RbAlert';
+import ModelSelect from '@/components/ModelSelect';
 
 /**
  * Configuration field definitions
@@ -34,16 +36,16 @@ const configList = [
   },
   {
     key: 'emotion_model_id',
-    type: 'customSelect',
-    url: getModelListUrl,
-    params: { type: 'chat,llm', page: 1, pagesize: 100, is_active: true }, // chat,llm
+    type: 'modelSelect',
+    params: { type: 'chat,llm' }, // chat,llm
   },
   {
     key: 'emotion_min_intensity',
-    type: 'slider',
+    type: 'decimal',
     min: 0,
     max: 1,
-    step: 0.05
+    step: 0.05,
+    range: [0, 1],
   },
   {
     key: 'emotion_extract_keywords',
@@ -65,7 +67,7 @@ const EmotionEngine: React.FC = () => {
   const { id } = useParams();
   const [configData, setConfigData] = useState<ConfigForm>({} as ConfigForm);
   const [form] = Form.useForm<ConfigForm>();
-  const [messageApi, contextHolder] = message.useMessage();
+  const { message: messageApi } = App.useApp();
   const [loading, setLoading] = useState(false)
 
   const values = Form.useWatch([], form);
@@ -116,15 +118,18 @@ const EmotionEngine: React.FC = () => {
   }
 
   return (
-    <Row gutter={[16, 16]}>
-      <Col span={12}>
+    <Row gutter={[16, 16]} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
         <RbCard 
-          title={
-            <div className="rb:flex rb:items-center">
-              <img src={strategyImpactSimulator} className="rb:w-5 rb:h-5 rb:mr-2" />
-              {t('emotionEngine.emotionEngineConfig')}
-            </div>
-          }
+          title={t('emotionEngine.emotionEngineConfig')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          extra={<Space>
+            <Button block onClick={handleReset}>{t('common.reset')}</Button>
+            <Button type="primary" loading={loading} block onClick={handleSave}>{t('common.save')}</Button>
+          </Space>}
+          className="rb:h-full!"
+          bodyClassName="rb:h-[calc(100%-54px)] rb:overflow-y-auto! rb:p-3! rb:pt-0!"
         >
           <Form 
             form={form}
@@ -135,133 +140,150 @@ const EmotionEngine: React.FC = () => {
               lambda_mem: 0.03,
             }}
           >
-            {configList.map(config => {
-              if (config.type === 'slider') {
+            <Flex vertical gap={12}>
+              {configList.map(config => {
+                if (config.type === 'decimal') {
+                  return (
+                    <div key={config.key} className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3">
+                      <Flex align="center" gap={4} className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
+                        {t(`emotionEngine.${config.key}`)}
+                        <Tooltip title={t(`emotionEngine.${config.key}_desc`)}>
+                          <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+                        </Tooltip>
+                      </Flex>
+                      <Form.Item
+                        name={config.key}
+                        extra={<DescWrapper
+                          desc={<>
+                            <span className="rb:text-[12px]">{t(`forgettingEngine.range`)}: {config.range?.join('-')}</span> | <span>{t(`forgettingEngine.type`)}: {config.type}</span>
+                          </>}
+                        />}
+                        className="rb:mb-0!"
+                      >
+                        <RbSlider
+                          max={config.max}
+                          min={config.min}
+                          step={config.step}
+                          isInput={true}
+                          prefix={<span className="rb:text-[#5B6167]">{t('emotionEngine.currentValue')}:</span>}
+                          inputClassName="rb:w-[155px]!"
+                        />
+                      </Form.Item>
+                    </div>
+                  )
+                }
+                if (config.type === 'modelSelect') {
+                  return (
+                    <div key={config.key} className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3">
+                      <LabelWrapper title={t(`emotionEngine.${config.key}`)} className="rb:mb-3">
+                        <DescWrapper desc={t(`emotionEngine.${config.key}_desc`)} className="rb:mt-1" />
+                      </LabelWrapper>
+                      <Form.Item
+                        name={config.key}
+                        className="rb:mb-0!"
+                      >
+                        <ModelSelect
+                          params={config.params}
+                          disabled={!values?.emotion_enabled && config.key !== 'emotion_enabled'}
+                        />
+                      </Form.Item>
+                    </div>
+                  )
+                }
                 return (
-                  <div key={config.key} className=" rb:mb-6">
-                    <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
-                      {t(`emotionEngine.${config.key}`)}
-                    </div>
-                    <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4 ">
-                      {t(`emotionEngine.${config.key}_desc`)}
-                    </div>
-                    <Form.Item
-                      name={config.key}
-                    >
-                      <Slider
-                        disabled={!values?.emotion_enabled && config.key !== 'emotion_enabled'}
-                        tooltip={{ open: false }} max={config.max} min={config.min} step={config.step} style={{ margin: '0' }} />
-                    </Form.Item>
-                    <div className="rb:flex rb:text-[12px] rb:items-center rb:justify-between rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5">
-
-                      <>{t('emotionEngine.currentValue')}: {values?.[config.key as keyof ConfigForm] || 0}</>
-                    </div>
-                  </div>
+                  <SwitchFormItem
+                    title={t(`emotionEngine.${config.key}`)}
+                    name={config.key}
+                    desc={<>
+                      {config.hasSubTitle && <div className="rb:mt-1 rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`emotionEngine.${config.key}_subTitle`)}</div>}
+                      <div className="rb:mt-1  rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`emotionEngine.${config.key}_desc`)}</div>
+                    </>}
+                    disabled={!values?.emotion_enabled && config.key !== 'emotion_enabled'}
+                    className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3!"
+                  />
                 )
-              }
-              if (config.type === 'customSelect') {
-                return (
-                  <div key={config.key}>
-                    <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
-                      {t(`emotionEngine.${config.key}`)}
-                    </div>
-                    <Form.Item
-                      name={config.key}
-                      extra={t(`emotionEngine.${config.key}_desc`)}
-                    >
-                      <CustomSelect
-                        url={config.url as string}
-                        params={config.params}
-                        valueKey='id'
-                        labelKey='name'
-                        hasAll={false}
-                        disabled={!values?.emotion_enabled && config.key !== 'emotion_enabled'}
-                      />
-                    </Form.Item>
-                  </div>
-                )
-              }
-              return (
-                <SwitchFormItem
-                  title={t(`emotionEngine.${config.key}`)}
-                  name={config.key}
-                  desc={<>
-                    {config.hasSubTitle && <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`emotionEngine.${config.key}_subTitle`)}</div>}
-                    <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`emotionEngine.${config.key}_desc`)}</div>
-                  </>}
-                  className="rb:mb-6"
-                  disabled={!values?.emotion_enabled && config.key !== 'emotion_enabled'}
-                />
-              )
-            })}
-            <Row gutter={16} className="rb:mt-3">
-              <Col span={12}>
-                <Button block onClick={handleReset}>{t('common.reset')}</Button>
-              </Col>
-              <Col span={12}>
-                <Button type="primary" loading={loading} block onClick={handleSave}>{t('common.save')}</Button>
-              </Col>
-            </Row>
+              })}
+            </Flex>
           </Form>
         </RbCard>
       </Col>
-      <Col span={12}>
+      <Col span={12} className="rb:h-full!">
         <RbCard
-          title={t('emotionEngine.emotion_min_intensity_description')}
+          title={t('emotionEngine.emotionEngineConfig')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          className="rb:h-full!"
+          bodyClassName="rb:h-[calc(100%-54px)] rb:overflow-y-auto! rb:p-3! rb:pt-0!"
         >
-          <div className="rb:font-medium">{t('emotionEngine.question')}</div>
-          <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4 rb:mt-2">{t('emotionEngine.answer')}</div>
-          <div className="rb:font-medium rb:mt-4 rb:mb-2">{t('emotionEngine.differentTitle')}</div>
-
-          <Space size={16} direction="vertical" className="rb:w-full">
-            {['low', 'middle', 'high'].map((key, index) => (
-              <Alert
-                key={key} 
-                type={(['warning', 'info', 'success'] as const)[index] as 'warning' | 'info' | 'success'}
-                message={
-                  <div>
-                    <div className="rb:w-full rb:font-medium rb:flex rb:justify-between">
-                      {t(`emotionEngine.${key}_title`)}
-                      <Tag color={(['warning', 'processing', 'success'] as const)[index] as 'warning' | 'processing' | 'success'}>{t(`emotionEngine.${key}_tag`)}</Tag>
-                    </div>
-                    <Space size={8} direction="vertical" className="rb:w-full rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">
-                      <div><span className="rb:font-medium">{t('emotionEngine.advantage')}: </span>{t(`emotionEngine.${key}_advantage`)}</div>
-                      <div><span className="rb:font-medium">{t('emotionEngine.shortcoming')}: </span>{t(`emotionEngine.${key}_shortcoming`)}</div>
-                      <div><span className="rb:font-medium">{t('emotionEngine.scene')}: </span>{t(`emotionEngine.${key}_scene`)}</div>
-                    </Space>
-                  </div>
-                }
-              />
-            ))}
-          </Space>
-
-          <div className="rb:font-medium rb:mt-6 rb:mb-3">{t('emotionEngine.configSuggest')}</div>
-          <Space size={12} direction="vertical" className="rb:w-full">
-            {['first', 'customer_service', 'data_analysis', 'risk_warning'].map(key => (
-              <div className="rb:bg-[#F0F3F8] rb:px-3 rb:py-2.5 rb:rounded-md rb:text-[12px]">{t(`emotionEngine.${key}`)}: {t(`emotionEngine.${key}_desc`)}</div>
-            ))}
-          </Space>
-
-          <div className="rb:font-medium rb:mt-6 rb:mb-3">{t('emotionEngine.actual_case')}</div>
-          <Space size={12} direction="vertical" className="rb:w-full rb:bg-[#F0F3F8] rb:px-3 rb:py-2.5 rb:rounded-md">
-            <div className="rb:bg-white rb:px-3 rb:py-2.5 rb:rounded-md">
-              <span className="rb:font-medium">{t('emotionEngine.user_input')}: </span>
-              {t('emotionEngine.user_input_message')}
-            </div>
-            {['neutral_emotion', 'minor_dissatisfaction', 'expect_improvement'].map((key, index) => (
-              <div className="rb:flex rb:items-center rb:justify-between rb:bg-white rb:px-3 rb:py-2.5 rb:rounded-md">
-                <div className="rb:w-[50%] rb:flex rb:items-center rb:justify-between rb:text-[12px]">
-                  {t(`emotionEngine.${key}`)}
-                  <span>{t('emotionEngine.confidence')}: {key === 'neutral_emotion' ? 0.85 : key === 'minor_dissatisfaction' ? 0.45 : 0.32}</span>
-                </div>
-                
-                <Tag color={(['success', 'warning', 'processing'] as const)[index] as 'warning' | 'processing' | 'success'}>{t(`emotionEngine.${key}_tag`)}</Tag>
+          <Flex vertical gap={24} className="rb:text-[#212332]">
+            <div>
+              <div className="rb:font-medium rb:leading-5 rb:px-1 rb:mb-2.5">{t('emotionEngine.question')}</div>
+              <div className="rb:text-[#5B6167] rb:bg-[#F6F6F6] rb:px-3 rb:py-2.5 rb:font-regular rb:leading-5 rb:rounded-xl">
+                {t('emotionEngine.answer')}
               </div>
-            ))}
-            </Space>
+            </div>
+
+            <div>
+              <div className="rb:font-medium rb:leading-5 rb:px-1 rb:mb-2.5">{t('emotionEngine.differentTitle')}</div>
+
+              <Flex gap={10} vertical>
+                {['low', 'middle', 'high'].map((key, index) => (
+                  <RbAlert
+                    key={key}
+                    color={(['orange', 'blue', 'green'] as const)[index] as 'orange' | 'blue' | 'green'}
+                  >
+                    <Flex gap={10} vertical className=" rb:text-[#5B6167] rb:text-[14px] rb:font-regular rb:leading-5">
+                      <Flex align="center" gap={8}>
+                        <span className="rb:font-medium rb:text-[#212332]">{t(`emotionEngine.${key}_title`)}</span>
+
+                        <span className={clsx("rb:px-1 rb:rounded-sm rb:text-white rb:leading-4.5", ['rb:bg-[#FF5D34]', 'rb:bg-[#155EEF]', 'rb:bg-[#369F21]'][index])}>
+                          {t(`emotionEngine.${key}_tag`)}
+                        </span>
+                      </Flex>
+                      <div><span className="rb:font-medium rb:text-[#212332]">{t('emotionEngine.advantage')}: </span>{t(`emotionEngine.${key}_advantage`)}</div>
+                      <div><span className="rb:font-medium rb:text-[#212332]">{t('emotionEngine.shortcoming')}: </span>{t(`emotionEngine.${key}_shortcoming`)}</div>
+                      <div><span className="rb:font-medium rb:text-[#212332]">{t('emotionEngine.scene')}: </span>{t(`emotionEngine.${key}_scene`)}</div>
+                    </Flex>
+                  </RbAlert>
+                ))}
+              </Flex>
+            </div>
+
+            <div>
+              <div className="rb:font-medium rb:leading-5 rb:px-1 rb:mb-2.5">{t('emotionEngine.configSuggest')}</div>
+              <Flex gap={10} vertical>
+                {['first', 'customer_service', 'data_analysis', 'risk_warning'].map(key => (
+                  <div className="rb:bg-[#F6F6F6] rb:px-3 rb:py-2.5 rb:rounded-xl">{t(`emotionEngine.${key}`)}: {t(`emotionEngine.${key}_desc`)}</div>
+                ))}
+              </Flex>
+            </div>
+
+            <div>
+              <div className="rb:font-medium rb:leading-5 rb:px-1 rb:mb-2.5">{t('emotionEngine.actual_case')}</div>
+
+              <div className="rb:bg-[#F6F6F6] rb:px-3 rb:py-2.5 rb:font-regular rb:leading-5 rb:rounded-xl">
+                <div className="rb:mb-2.5">
+                  <span className="rb:font-medium">{t('emotionEngine.user_input')}: </span>
+                  {t('emotionEngine.user_input_message')}
+                </div>
+
+                <Flex vertical gap={4}>
+                  {['neutral_emotion', 'minor_dissatisfaction', 'expect_improvement'].map((key, index) => (
+                    <Flex gap={28} align="center" justify="space-between" className="rb:bg-white rb:px-3! rb:py-2! rb:rounded-lg">
+                      <Flex align="center" justify="space-between" className="rb:w-[55%]!">
+                        <span className="rb:font-medium">{t(`emotionEngine.${key}`)}</span>
+                        <span>{t('emotionEngine.confidence')}: {key === 'neutral_emotion' ? 0.85 : key === 'minor_dissatisfaction' ? 0.45 : 0.32}</span>
+                      </Flex>
+
+                      <span className={clsx('rb:text-right rb:wrap-break-word rb:flex-1', ['rb:text-[#369F21]', 'rb:text-[#FF5D34]', 'rb:text-[#155EEF]'][index])}>{t(`emotionEngine.${key}_tag`)}</span>
+                    </Flex>
+                  ))}
+                </Flex>
+              </div>
+            </div>
+          </Flex>
         </RbCard>
       </Col>
-      {contextHolder}
     </Row>
   );
 };
diff --git a/web/src/views/ForgettingEngine/components/LineChart.tsx b/web/src/views/ForgettingEngine/components/LineChart.tsx
index af36603a..aceb8434 100644
--- a/web/src/views/ForgettingEngine/components/LineChart.tsx
+++ b/web/src/views/ForgettingEngine/components/LineChart.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:00:20 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-04 10:03:35
+ * @Last Modified time: 2026-03-16 15:43:42
  */
 /**
  * Line Chart Component
@@ -84,7 +84,7 @@ const SeriesConfig = {
 /**
  * Chart color palette
  */
-const Colors = ['#155EEF', '#4DA8FF', '#FFB048']
+const Colors = ['#155EEF', '#4DA8FF', '#369F21']
 
 
 /**
@@ -228,8 +228,8 @@ const LineChart: FC<LineCardProps> = ({ config }) => {
             grid: {
               left: 4,
               right: '2%',
-              bottom: 60,
-              top: 32,
+              bottom: 48,
+              top: 8,
               containLabel: true
             },
             xAxis: {
@@ -243,7 +243,7 @@ const LineChart: FC<LineCardProps> = ({ config }) => {
                 show: true,
               },
               axisTick: {
-                show: true
+                show: false
               },
               axisLabel: {
                 color: '#5B6167'
@@ -268,7 +268,7 @@ const LineChart: FC<LineCardProps> = ({ config }) => {
               ...initialData || []
             ]
           }}
-          style={{ height: '450px', width: '100%' }}
+          style={{ height: '400px', width: '100%' }}
           opts={{ renderer: 'canvas' }}
           notMerge={true}
           lazyUpdate={true}
diff --git a/web/src/views/ForgettingEngine/index.tsx b/web/src/views/ForgettingEngine/index.tsx
index 7a4d94fe..0b15867e 100644
--- a/web/src/views/ForgettingEngine/index.tsx
+++ b/web/src/views/ForgettingEngine/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:00:12 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:00:12 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:47:37
  */
 /**
  * Forgetting Engine Configuration Page
@@ -11,16 +11,17 @@
  */
 
 import React, { useState, useEffect } from 'react';
-import { Row, Col, Form, Slider, Button, Space, message } from 'antd';
+import { Row, Col, Form, Button, Space, App, Flex, Tooltip } from 'antd';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 
 import RbCard from '@/components/RbCard/Card';
-import strategyImpactSimulator from '@/assets/images/memory/strategyImpactSimulator.svg'
 import LineChart from './components/LineChart'
 import { getMemoryForgetConfig, updateMemoryForgetConfig } from '@/api/memory'
 import type { ConfigForm } from './types'
 import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
+import RbSlider from '@/components/RbSlider';
+import DescWrapper from '@/components/FormItem/DescWrapper'
 
 /**
  * Configuration field definitions
@@ -106,7 +107,7 @@ const ForgettingEngine: React.FC = () => {
   const { id } = useParams();
   const [configData, setConfigData] = useState<ConfigForm>();
   const [form] = Form.useForm<ConfigForm>();
-  const [messageApi, contextHolder] = message.useMessage();
+  const { message: messageApi } = App.useApp();
   const [loading, setLoading] = useState(false)
 
   const values = Form.useWatch([], form);
@@ -154,16 +155,18 @@ const ForgettingEngine: React.FC = () => {
   }
 
   return (
-    <Row gutter={[16, 16]}>
-      <Col span={9}>
-        <RbCard 
-          title={
-            <div className="rb:flex rb:items-center">
-              <img src={strategyImpactSimulator} className="rb:w-5 rb:h-5 rb:mr-2" />
-              {t('forgettingEngine.forgettingEngineConfigParams')}
-            </div>
-          }
-          className='rb:h-full!'
+    <Row gutter={12} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
+        <RbCard
+          title={t('forgettingEngine.forgettingEngineConfigParams')}
+          extra={<Space>
+            <Button block onClick={handleReset}>{t('common.reset')}</Button>
+            <Button type="primary" loading={loading} block onClick={handleSave}>{t('common.save')}</Button>
+          </Space>}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          className="rb:h-full!"
+          bodyClassName="rb:h-[calc(100%-54px)] rb:overflow-y-auto! rb:p-3! rb:pt-0!"
         >
           <Form 
             form={form}
@@ -174,7 +177,7 @@ const ForgettingEngine: React.FC = () => {
               lambda_mem: 0.03,
             }}
           >
-            <Space size={24} direction="vertical" style={{ width: '100%' }}>
+            <Flex vertical gap={12}>
               {configList.map(config => {
                 if (config.type === 'button') {
                   return (
@@ -182,58 +185,59 @@ const ForgettingEngine: React.FC = () => {
                       title={t(`forgettingEngine.${config.key}`)}
                       name={config.name}
                       desc={config.type && <span>{t(`forgettingEngine.type`)}: {config.type}</span>}
-                      className="rb:mb-2"
+                      className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3!"
                     />
                   )
                 }
                 return (
-                  <div key={config.key}>
-                    <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
+                  <div key={config.key} className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3">
+                    <Flex align="center" gap={4} className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
                       {t(`forgettingEngine.${config.key}`)}
-                    </div>
-                    {!config.hiddenDesc && <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4 ">
-                      {t(`forgettingEngine.${config.key}Desc`)}
-                    </div>}
+                      {!config.hiddenDesc && <Tooltip title={t(`forgettingEngine.${config.key}Desc`)}>
+                        <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+                      </Tooltip>}
+                    </Flex>
                     
                     <Form.Item
                       name={config.name}
+                      extra={<DescWrapper
+                        desc={<>
+                          <span className="rb:text-[12px]">{t(`forgettingEngine.range`)}: {config.range?.join('-')}</span> | <span>{t(`forgettingEngine.type`)}: {config.type}</span>
+                        </>}
+                      />}
+                      className="rb:mb-0!"
                     >
                       {config.type === 'decimal'
-                        ? <Slider tooltip={{ open: false }} max={config.range?.[1] || 1} min={config.range?.[0] || 0} step={config.step ?? 0.01} style={{ margin: '0' }} />
+                        ? <RbSlider
+                          max={config.range?.[1] || 1}
+                          min={config.range?.[0] || 0}
+                          step={config.step ?? 0.01}
+                          isInput={true}
+                          prefix={<span className="rb:text-[#5B6167]">{t('emotionEngine.currentValue')}:</span>}
+                          inputClassName="rb:w-[155px]!"
+                        />
                         : null
                       }
                     </Form.Item>
-                    <div className="rb:flex rb:text-[12px] rb:items-center rb:justify-between rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5">
-                      <Space size={4}>
-                        {config.range && <span>{t(`forgettingEngine.range`)}: {config.range?.join('-')}</span>}
-                        {config.type && <span>{t(`forgettingEngine.type`)}: {config.type}</span>}
-                      </Space>
-                      <>{t('forgettingEngine.CurrentValue')}: {values?.[config.name] || 0}</>
-                    </div>
                   </div>
                 )
               })}
-              <Row gutter={16}>
-                <Col span={12}>
-                  <Button block onClick={handleReset}>{t('common.reset')}</Button>
-                </Col>
-                <Col span={12}>
-                  <Button type="primary" loading={loading} block onClick={handleSave}>{t('common.save')}</Button>
-                </Col>
-              </Row>
-            </Space>
+            </Flex>
           </Form>
         </RbCard>
       </Col>
-      <Col span={15}>
+      <Col span={12} className="rb:h-full!">
         <RbCard
+          title={t('forgettingEngine.forgettingCurve')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0!"
         >
           <LineChart
             config={values}
           />
         </RbCard>
       </Col>
-      {contextHolder}
     </Row>
   );
 };
diff --git a/web/src/views/Home/components/ApiLineCard.tsx b/web/src/views/Home/components/ApiLineCard.tsx
new file mode 100644
index 00000000..89cf6eb1
--- /dev/null
+++ b/web/src/views/Home/components/ApiLineCard.tsx
@@ -0,0 +1,77 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:17:05 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-10 11:35:52
+ */
+/**
+ * Line Chart Card Component
+ * Displays time-series data with ECharts line chart
+ * Supports multiple series and date range selection
+ */
+
+import { type FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Select } from 'antd'
+import dayjs from 'dayjs'
+
+import Card from './Card'
+import { getWorkspaceApiStatistics } from '@/api/application'
+import LineChart, { type ChartData } from '@/components/Charts/LineChart'
+
+const seriesList = ['total_calls', 'app_calls', 'service_calls']
+const ApiLineCard: FC = () => {
+  const { t } = useTranslation()
+  const options = [
+    { label: t('dashboard.lastDays', { days: 7 }), value: 7 },
+    { label: t('dashboard.lastDays', { days: 30 }), value: 30 },
+    { label: t('dashboard.lastDays', { days: 90 }), value: 90 },
+    { label: t('dashboard.lastHalfYear'), value: 180 },
+    { label: t('dashboard.lastYear'), value: 365 },
+  ]
+  const [chartData, setChartData] = useState<ChartData[]>([])
+  const [query, setQuery] = useState(7)
+
+  useEffect(() => {
+    getWorkspaceApiStatistics({
+      start_date: dayjs().subtract(query - 1, 'd').startOf('d').valueOf(),
+      end_date: dayjs().endOf('d').valueOf(),
+    })
+      .then(res => {
+        setChartData(res as ChartData[])
+      })
+  }, [query])
+
+  /** Format series list for legend */
+  const formatSeriesList = () => {
+    const list: Record<string, string> = {}
+    seriesList.forEach(key => {
+      list[key] = t(`dashboard.${key}`)
+    })
+
+    return list
+  }
+
+  return (
+    <Card
+      title={t(`dashboard.apiCallTrends`)}
+      headerOperate={
+        <Select 
+          value={query}
+          options={options} 
+          onChange={(value) => setQuery(value)}
+          className="rb:w-35!"
+        />
+      }
+      className={`rb:pb-6`}
+    >
+      <LineChart
+        chartData={chartData}
+        seriesList={formatSeriesList()}
+        height={239}
+      />
+    </Card>
+  )
+}
+
+export default ApiLineCard
diff --git a/web/src/views/Home/components/Card.tsx b/web/src/views/Home/components/Card.tsx
index d094dbb6..538fd616 100644
--- a/web/src/views/Home/components/Card.tsx
+++ b/web/src/views/Home/components/Card.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:27:28 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:27:28 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-26 11:16:09
  */
 /**
  * Card Component
@@ -21,15 +21,19 @@ interface CardProps {
   title: string;
   headerOperate?: ReactNode;
   className?: string;
+  bodyClassName?: string;
 }
 
-const Card: FC<CardProps> = ({ children, title, headerOperate, className }) => {
+const Card: FC<CardProps> = ({ children, title, headerOperate, className, bodyClassName }) => {
   return (
     <RbCard 
       headerType="borderless"
       title={title}
       extra={headerOperate}
-      className={`rb:h-full! ${className}`}
+      variant="borderless"
+      className={`rb:h-full! rb:bg-[#FFFFFF]! ${className}`}
+      bodyClassName={bodyClassName}
+      headerClassName="rb:min-h-[58px]!"
     >
       {children}
     </RbCard>
diff --git a/web/src/views/Home/components/LineCard.tsx b/web/src/views/Home/components/LineCard.tsx
index 4737b1f2..ac63b5a9 100644
--- a/web/src/views/Home/components/LineCard.tsx
+++ b/web/src/views/Home/components/LineCard.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:17:05 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-03 17:18:32
+ * @Last Modified time: 2026-02-10 11:59:10
  */
 /**
  * Line Chart Card Component
@@ -10,21 +10,18 @@
  * Supports multiple series and date range selection
  */
 
-import { type FC, useRef } from 'react'
+import { type FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Select } from 'antd'
-import ReactEcharts from 'echarts-for-react';
-import * as echarts from 'echarts';
 
-import { formatDateTime } from '@/utils/format';
-import Empty from '@/components/Empty'
 import Card from './Card'
+import AreaLineChart, { type ChartData } from '@/components/Charts/AreaLineChart';
 
 /**
  * Component props
  */
 interface LineCardProps {
-  chartData: Array<Record<string, string | number>>;
+  chartData: ChartData[];
   limit: number;
   onChange: (value: string, type: string) => void;
   type: string;
@@ -32,30 +29,8 @@ interface LineCardProps {
   seriesList: string[];
 }
 
-/** ECharts series configuration */
-const SeriesConfig = {
-  type: 'line',
-  stack: 'Total',
-  smooth: true,
-  lineStyle: {
-    width: 3
-  },
-  showSymbol: false,
-  label: {
-    show: true,
-    position: 'top'
-  },
-  emphasis: {
-    focus: 'series'
-  },
-  data: [220, 302, 181, 234, 210, 290, 150]
-}
-/** Chart color palette */
-const Colors = ['#FFB048', '#4DA8FF', '#155EEF']
-
 const LineCard: FC<LineCardProps> = ({ chartData, limit, onChange, type, className, seriesList }) => {
   const { t } = useTranslation()
-  const chartRef = useRef<ReactEcharts>(null);
   const options = [
     { label: t('dashboard.lastDays', { days: 7 }), value: 7 },
     { label: t('dashboard.lastDays', { days: 30 }), value: 30 },
@@ -63,39 +38,15 @@ const LineCard: FC<LineCardProps> = ({ chartData, limit, onChange, type, classNa
     { label: t('dashboard.lastHalfYear'), value: 180 },
     { label: t('dashboard.lastYear'), value: 365 },
   ]
-
-  /** Generate series data with gradient colors */
-  const getSeries = () => {
-    const list = seriesList.map((key, index) => {
-      return {
-        ...SeriesConfig,
-        name: t(`dashboard.${key}`),
-        data: chartData.map(vo => vo[key]),
-        areaStyle: {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: Colors[index]
-            },
-            {
-              offset: 1,
-              color: '#FFFFFF'
-            }
-          ])
-        },
-      }
+  /** Format series list for legend */
+  const formatSeriesList = () => {
+    const list: Record<string, string> = {}
+    seriesList.forEach(key => {
+      list[key] = t(`dashboard.${key}`)
     })
 
     return list
   }
-  /** Format series list for legend */
-  const formatSeriesList = () => {
-    return seriesList.map(key => ({
-      ...SeriesConfig,
-      name: t(`dashboard.${key}`),
-    }))
-  }
 
   return (
     <Card
@@ -104,79 +55,18 @@ const LineCard: FC<LineCardProps> = ({ chartData, limit, onChange, type, classNa
         <Select 
           value={limit}
           options={options} 
-          onChange={(value) => onChange(String(value), type)} 
-          style={{ width: '150px' }} 
+          onChange={(value) => onChange(String(value), type)}
+          className="rb:w-35!"
         />
       }
       className={`rb:pb-6 ${className}`}
     >
-      {chartData && chartData.length > 0 ? (
-        <ReactEcharts
-          ref={chartRef}
-          option={{
-            color: Colors,
-            tooltip: {
-              trigger: 'axis',
-              extraCssText: 'box-shadow: 0px 2px 6px 0px rgba(33,35,50,0.16); border-radius: 8px;',
-              axisPointer: {
-                type: 'line',
-                crossStyle: {
-                  color: '#5F6266',
-                },
-                lineStyle: {
-                  color: '#5F6266',
-                },
-                label: {
-                  show: false
-                }
-              },
-            },
-            legend: {
-              data: formatSeriesList(),
-              textStyle: {
-                color: '#5B6167',
-                fontFamily: 'PingFangSC, PingFang SC',
-                lineHeight: 16,
-              },
-              itemGap: 32,
-              padding: 0,
-              itemWidth: 26,
-              itemHeight: 10,
-              left: 'center'
-            },
-            grid: {
-              left: 4,
-              right: '3%',
-              bottom: 0,
-              containLabel: true
-            },
-            xAxis: {
-              type: 'category',
-              data: chartData.map(item => formatDateTime(item.created_at, 'DD/MM')),
-              boundaryGap: false,
-            },
-            yAxis: {
-              type: 'value',
-              axisLabel: {
-                color: '#A8A9AA',
-                fontFamily: 'PingFangSC, PingFang SC',
-                align: 'right',
-                lineHeight: 17,
-              },
-              axisLine: {
-                lineStyle: {
-                  color: '#EBEBEB',
-                }
-              },
-            },
-            series: getSeries()
-          }}
-          style={{ height: '265px', width: '100%', minWidth: '100%', boxSizing: 'border-box' }}
-          opts={{ renderer: 'canvas' }}
-          notMerge={true}
-          lazyUpdate={true}
-        />
-      ) : <Empty size={120} className="rb:mt-12 rb:mb-20.25" />}
+      <AreaLineChart
+        xAxisKey="date"
+        chartData={chartData}
+        seriesList={formatSeriesList()}
+        height={239}
+      />
     </Card>
   )
 }
diff --git a/web/src/views/Home/components/PieCard.tsx b/web/src/views/Home/components/PieCard.tsx
index e20087db..180042c0 100644
--- a/web/src/views/Home/components/PieCard.tsx
+++ b/web/src/views/Home/components/PieCard.tsx
@@ -1,137 +1,39 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:16:45 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:16:45 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 14:30:27
  */
 /**
  * Pie Chart Card Component
  * Displays knowledge base type distribution with ECharts donut chart
  */
 
-import { type FC, useRef, useEffect } from 'react'
+import { type FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import ReactEcharts from 'echarts-for-react';
 
 import Card from './Card'
 import Loading from '@/components/Empty/Loading'
-import Empty from '@/components/Empty'
+import PieChart, { type ChartData } from '@/components/Charts/PieChart'
 
 /**
  * Component props
  */
 interface PieCardProps {
-  chartData: Array<Record<string, string | number>>;
+  chartData: ChartData[];
   loading: boolean;
 }
-/** Chart color palette */
-const Colors = ['#155EEF', '#31E8FF', '#AD88FF', '#FFB048', '#4DA8FF', '#03BDFF']
 
 const PieCard: FC<PieCardProps> = ({ chartData, loading }) => {
   const { t } = useTranslation()
-  const chartRef = useRef<ReactEcharts>(null);
-  const resizeScheduledRef = useRef(false)
-  
-  useEffect(() => {
-    const handleResize = () => {
-      if (chartRef.current && !resizeScheduledRef.current) {
-        resizeScheduledRef.current = true
-        requestAnimationFrame(() => {
-          chartRef.current?.getEchartsInstance().resize();
-          resizeScheduledRef.current = false
-        });
-      }
-    }
-    
-    const resizeObserver = new ResizeObserver(handleResize)
-    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
-    if (chartElement) {
-      resizeObserver.observe(chartElement)
-    }
-    
-    return () => {
-      resizeObserver.disconnect()
-    }
-  }, [chartData])
 
   return (
     <Card
       title={t('dashboard.knowledgeBaseTypeDistribution')}
     >
       {loading
-      ? <Loading size={249} />
-      : !chartData || chartData.length === 0
-      ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
-      : <ReactEcharts
-          option={{
-            color: Colors,
-            tooltip: {
-              trigger: 'item',
-              textStyle: {
-                color: '#5B6167',
-                fontSize: 12,
-                width: 27,
-                height: 16,
-              },
-              formatter: '{d}%',
-              padding: [8, 5],
-              backgroundColor: '#FFFFFF',
-              borderColor: '#DFE4ED',
-              extraCssText: 'width: 36px; height: 36px; box-shadow: 0px 2px 4px 0px rgba(33,35,50,0.12);border-radius: 36px;'
-            },
-            legend: {
-              right: 20 ,
-              top: 'middle',
-              padding: 0,
-              itemWidth: 12,
-              itemHeight: 12,
-              borderRadius: 2,
-              orient: 'vertical',
-              textStyle: {
-                color: '#5B6167',
-                fontFamily: 'PingFangSC, PingFang SC',
-                lineHeight: 16,
-              }
-            },
-            series: [
-              {
-                name: 'Access From',
-                type: 'pie',
-                radius: ['60%', '100%'],
-                avoidLabelOverlap: false,
-                percentPrecision: 0,
-                padAngle: 4,
-                width: 200,
-                height: 200,
-                left: '10%',
-                top: 'middle',
-                itemStyle: {
-                  borderRadius: 0
-                },
-                label: {
-                  show: false,
-                  position: 'center'
-                },
-                emphasis: {
-                  label: {
-                    show: true,
-                    fontSize: 24,
-                    fontWeight: 'bold',
-                    color: '#212332',
-                    formatter: '{d}%\n{b}',
-                  }
-                },
-                labelLine: {
-                  show: false
-                },
-                data: chartData
-              }
-            ]
-          }}
-          style={{ height: '265px', width: '100%', minWidth: '400px' }}
-          notMerge={true}
-          lazyUpdate={true}
-        />
+        ? <Loading size={249} />
+        : <PieChart chartData={chartData} itemGap={24} />
       }
     </Card>
   )
diff --git a/web/src/views/Home/components/QuickOperation.tsx b/web/src/views/Home/components/QuickOperation.tsx
index e3c25f82..1fefd5d5 100644
--- a/web/src/views/Home/components/QuickOperation.tsx
+++ b/web/src/views/Home/components/QuickOperation.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:16:38 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:16:38 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-11 14:57:35
  */
 /**
  * Quick Operation Component
@@ -11,15 +11,16 @@
  */
 
 import { type FC } from 'react'
+import clsx from 'clsx';
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom';
+import { Flex } from 'antd';
 
 import Card from './Card';
-import applicationIcon from '@/assets/images/menu/application_active.svg';
-import knowledgeIcon from '@/assets/images/menu/knowledge_active.svg';
-import memoryConversationIcon from '@/assets/images/menu/memoryConversation_active.svg';
+import applicationIcon from '@/assets/images/home/application.svg';
+import knowledgeIcon from '@/assets/images/home/knowledge.svg';
+import memoryConversationIcon from '@/assets/images/home/memoryConversation.svg';
 import helpCenterIcon from '@/assets/images/menu/helpCenter_active.svg'
-import arrowTopRight from '@/assets/images/home/arrow_top_right.svg';
 
 /** Quick operation items configuration */
 const quickOperations = [
@@ -29,6 +30,13 @@ const quickOperations = [
   { key: 'helpCenter', url: '' },
 ]
 
+const bgStyleList = [
+  'rb:bg-[rgba(21,94,239,0.1)]',
+  'rb:bg-[rgba(156,111,255,0.1)]',
+  'rb:bg-[rgba(255,176,72,0.1)]',
+  'rb:bg-[rgba(77,168,255,0.1)]'
+]
+
 /** Icon mapping for quick operations */
 const quickOperationIcons: {[key: string]: string | undefined} = {
   createNewApplication: applicationIcon,
@@ -62,17 +70,19 @@ const QuickOperation:FC = () => {
   return (
     <Card
       title={t('dashboard.quickOperation')}
+      bodyClassName="rb:pt-0! rb:pb-[14px]! rb:px-4!"
     >
-      <div className="rb:grid rb:grid-cols-4 rb:gap-4">
-        {quickOperations.map(item => (
-          <div key={item.key} className="rb:rounded-lg rb:p-[20px_16px] rb:border rb:border-[#DFE4ED] rb:cursor-pointer rb:hover:border-[#155EEF]" onClick={() => handleJump(item.url)}>
-            <div className="rb:flex rb:justify-between">
-              <img className="rb:w-8 rb:h-8" src={quickOperationIcons[item.key]} />
-              <img className="rb:w-4 rb:h-4" src={arrowTopRight} />
+      <div className="rb:grid rb:grid-cols-1 rb:gap-3">
+        {quickOperations.map((item, index) => (
+          <Flex key={item.key} align="center" gap={20} className={clsx("rb:relative rb:rounded-xl rb:py-2! rb:px-3! rb:cursor-pointer", bgStyleList[index])} onClick={() => handleJump(item.url)}>
+            <div className="rb:size-8 rb:rounded-lg rb:p-1 rb:bg-[#FFFFFF]">
+              <img className="rb:size-6" src={quickOperationIcons[item.key]} />
             </div>
-            <div className="rb:mt-6 rb:text-[#212332] rb:text-[16px] rb:leading-5 rb:font-medium">{t(`dashboard.${item.key}`)}</div>
-            <div className="rb:mt-2 rb:text-[#5B6167] rb:text-[12px] rb:font-regular">{t(`dashboard.${item.key}Desc`)}</div>
-          </div>
+            <div>
+              <div className="rb:text-[14px] rb:leading-5 rb:font-medium">{t(`dashboard.${item.key}`)}</div>
+              <div className="rb:mt-0.5 rb:text-[#5B6167] rb:text-[12px] rb:font-regular">{t(`dashboard.${item.key}Desc`)}</div>
+            </div>
+          </Flex>
         ))}
       </div>
     </Card>
diff --git a/web/src/views/Home/components/RecentActivity.tsx b/web/src/views/Home/components/RecentActivity.tsx
index 8b02e011..dd71458b 100644
--- a/web/src/views/Home/components/RecentActivity.tsx
+++ b/web/src/views/Home/components/RecentActivity.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:15:33 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:15:33 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-11 14:48:31
  */
 /**
  * Recent Activity Component
@@ -13,7 +13,7 @@
 import { type FC, useEffect, useState } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
-import { Skeleton } from 'antd';
+import { Skeleton, Flex } from 'antd';
 
 import chunkCountIcon from '@/assets/images/home/chunk_count.svg';
 import statementsCountIcon from '@/assets/images/home/statements_count.svg';
@@ -79,30 +79,31 @@ const RecentActivity:FC = () => {
   return (
     <Card
       title={t('dashboard.recentMemoryActivities')}
+      bodyClassName="rb:pt-0! rb:pb-[14px]! rb:px-4!"
     >
       {loading
         ? <Skeleton />
         : !recentActivities || Object.keys(recentActivities).length === 0
         ? <Empty url={activityEmpty} subTitle={t('dashboard.activityEmpty')} size={120} className="rb:mt-11.25 rb:mb-20.25" />
-        : activityList.map((item, index) => (
-          <div key={item.key} className={clsx("rb:flex rb:justify-between rb:items-center rb:not-italic", {
-            'rb:mt-6': index !== 0
-          })}>
-            <div className="rb:flex rb:items-center rb:text-[#060419] rb:text-[16px] rb:font-medium">
-              <img className="rb:w-10 rb:h-10 rb:mr-4" src={item.icon} />
-              <div>
-                {t(`dashboard.${item.key}`)}
-                <div className="rb:text-[#5B6167] rb:text-[14px] rb:font-normal">
-                  {item.key === 'triplet_count' 
-                    ? t(`dashboard.${item.key}_desc`, { entities_count: recentActivities.triplet_entities_count, relations_count: recentActivities.triplet_relations_count })
-                    : t(`dashboard.${item.key}_desc`, { count: recentActivities[item.key as keyof RecentActivities] })
-                  }
+        : <Flex vertical gap={24} justify="space-around">
+          {activityList.map((item) => (
+            <Flex key={item.key} align="center" justify="space-between" className={clsx("rb:not-italic")}>
+              <Flex align="center" gap={20}>
+                <img className="rb:size-10" src={item.icon} />
+                <div>
+                  <div className="rb:text-[16px] rb:leading-5.5 rb:font-medium">{t(`dashboard.${item.key}`)}</div>
+                  <div className="rb:text-[#7B8085] rb:text-[14px] rb:font-regular rb:mt-1 rb:leading-4.5">
+                    {item.key === 'triplet_count' 
+                      ? t(`dashboard.${item.key}_desc`, { entities_count: recentActivities.triplet_entities_count, relations_count: recentActivities.triplet_relations_count })
+                      : t(`dashboard.${item.key}_desc`, { count: recentActivities[item.key as keyof RecentActivities] })
+                    }
+                  </div>
                 </div>
-              </div>
-            </div>
-            <div className="rb:text-[#5F6266] rb:text-right rb:whitespace-nowrap">{data?.latest_relative || ''}</div>
-          </div>
-        ))
+              </Flex>
+              <div className="rb:text-[#7B8085] rb:text-right rb:whitespace-nowrap">{data?.latest_relative || ''}</div>
+            </Flex>
+          ))}
+        </Flex>
       }
     </Card>
   )
diff --git a/web/src/views/Home/components/TagList.tsx b/web/src/views/Home/components/TagList.tsx
index 01591103..9da6be35 100644
--- a/web/src/views/Home/components/TagList.tsx
+++ b/web/src/views/Home/components/TagList.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:15:04 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:15:04 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-26 11:15:15
  */
 /**
  * Tag List Component
@@ -12,13 +12,24 @@
 import { type FC, useEffect, useState } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
-import { Skeleton } from 'antd';
+import { Skeleton, Flex } from 'antd';
 
 import tagEmpty from '@/assets/images/home/tagEmpty.svg'
 import Empty from '@/components/Empty';
 import Card from './Card';
 import { getHotMemoryTags } from '@/api/memory';
 
+const btnStyleList = [
+  'rb:bg-[rgba(21,94,239,0.06)]',
+  'rb:bg-[rgba(33,35,50,0.06)]',
+  'rb:bg-[rgba(156,111,255,0.06)]'
+]
+const numStyleList = [
+  'rb:bg-[#155EEF]',
+  'rb:bg-[#212332]',
+  'rb:bg-[#9C6FFF]'
+]
+
 const TagList:FC = () => {
   const { t } = useTranslation()
   const [loading, setLoading] = useState<boolean>(false)
@@ -38,23 +49,24 @@ const TagList:FC = () => {
   return (
     <Card
       title={t('dashboard.popularMemoryTags')}
+      bodyClassName='rb:overflow-hidden! rb:pt-0! rb:pb-4! rb:pl-4! rb:pr-3.25!'
+      className="rb:min-h-[calc(100vh-744px)]"
     >
       {loading
         ? <Skeleton />
         : !tagList || tagList.length === 0
         ? <Empty url={tagEmpty} title={t('dashboard.activityEmpty')} size={120} className="rb:mt-9 rb:mb-20.25" />
-        : <div className="rb:gap-3 rb:flex rb:flex-wrap">
+        : <Flex wrap className="rb:gap-x-3! rb:gap-y-2.5!">
           {tagList.map((item, index) => (
             <div
               key={item.name} 
-              className={clsx("rb:pt-1.5 rb:pb-1.5 rb:pr-5.75 rb:pl-5 rb:border rb:leading-5 rb:bg-white rb:rounded-[17px]", {
-                'rb:border-[rgba(21,94,239,0.4)] rb:text-[#155EEF]': index % 3 === 0,
-                'rb:border-[rgba(255,138,76,0.4)] rb:text-[#FF5D34]': index % 3 === 1,
-                'rb:border-[rgba(54,159,33,0.4)] rb:text-[#369F21]': index % 3 === 2, 
-              })}
-            >{item.name} {item.frequency}</div>
+              className={clsx("rb:rounded-[17px] rb:py-1.5 rb:pl-3 rb:pr-2", btnStyleList[index % 3])}
+            >
+              {item.name}
+              <span className={clsx('rb:px-2 rb:py-0.5 rb:rounded-[10px] rb:text-[#FFFFFF] rb:text-[12px] rb:font-bold rb:font-[MiSans-Demibold] rb:ml-2', numStyleList[index % 3])}>{item.frequency}</span>
+            </div>
           ))}
-        </div>
+          </Flex>
       }
     </Card>
   )
diff --git a/web/src/views/Home/components/TopCardList.tsx b/web/src/views/Home/components/TopCardList.tsx
new file mode 100644
index 00000000..751f232a
--- /dev/null
+++ b/web/src/views/Home/components/TopCardList.tsx
@@ -0,0 +1,112 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:28:07 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-11 14:57:55
+ */
+/**
+ * Top Card List Component
+ * Displays dashboard summary cards for key metrics
+ * Shows total memory capacity, applications, knowledge bases, and API calls
+ */
+
+import { type FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import clsx from 'clsx';
+import { Flex } from 'antd';
+
+import totalMemoryCapacity from '@/assets/images/home/totalMemoryCapacity.svg';
+import userMemory from '@/assets/images/home/userMemory.svg';
+import knowledgeBaseCount from '@/assets/images/home/knowledgeBaseCount.svg';
+import apiCallCount from '@/assets/images/home/apiCallCount.svg';
+import type { DashboardData } from '../index'
+
+/** Card configuration with styling */
+const list = [
+  {
+    key: 'totalMemoryCapacity',
+    icon: totalMemoryCapacity,
+    // value: '45,678',
+    // trendValue: '12.5%',
+    // trend: 'up',
+    // trendDesc: 'comparedToYesterday',
+    background: 'rb:bg-[url("@/assets/images/home/totalMemoryCapacity.png")] rb:bg-cover rb:bg-no-repeat',
+  },
+  {
+    key: 'application',
+    icon: userMemory,
+    // value: '32,145',
+    // trendValue: '12.5%',
+    // trend: 'down',
+    // trendDesc: 'comparedToYesterday',
+    // background: 'linear-gradient( 180deg, #F1FBF5 0%, #F9FDFF 100%)',
+  },
+  {
+    key: 'knowledgeBaseCount',
+    icon: knowledgeBaseCount,
+    // value: '13,533',
+    // trendValue: '15.7%',
+    // trend: 'up',
+    // trendDesc: 'thisWeek',
+    // background: 'linear-gradient( 180deg, #E6F5FE 0%, #FBFDFF 100%)',
+  },
+  {
+    key: 'apiCallCount',
+    icon: apiCallCount,
+    // value: '856.2k',
+    // trendValue: '23.1%',
+    // trend: 'up',
+    // trendDesc: 'comparedToYesterday',
+    // background: 'linear-gradient( 180deg, #F8F6F5 0%, #FAFDFF 100%)',
+  },
+]
+/**
+ * Component props
+ * @param data - Dashboard statistics data
+ */
+const TopCardList: FC<{data?: DashboardData}> = ({ data }) => {
+  const { t } = useTranslation()
+  return (
+    <div className="rb:grid rb:grid-cols-2 rb:gap-3">
+      {list.map((item) => {
+        return (
+          <div 
+            key={item.key}
+            className={`rb:rounded-2xl rb:bg-[#FFFFFF] rb:py-4 rb:px-3  ${item.background || ''}`}
+          >
+            <div className={clsx("rb:text-[12px] rb:leading-4", {
+              'rb:text-[#FFFFFF]': item.key === 'totalMemoryCapacity',
+              'rb:text-[#5B6167]': item.key !== 'totalMemoryCapacity',
+            })}>{t(`dashboard.${item.key}`)}</div>
+
+            <div className={clsx("rb:text-[20px] rb:font-bold rb:leading-7 rb:mt-1 rb:font-[MiSans-Bold]", {
+              'rb:text-[#FFFFFF]': item.key === 'totalMemoryCapacity',
+              // 'rb:text-[#171719]': item.key !== 'totalMemoryCapacity',
+            })}>
+              {data?.[item.key as keyof DashboardData] || 0}
+            </div>
+
+            <Flex align="center" className={clsx('rb:font-medium rb:mt-7.5!', {
+              'rb:text-[#FFFFFF]': item.key === 'totalMemoryCapacity',
+              'rb:text-[#369F21]': item.key !== 'totalMemoryCapacity',
+            })}>
+              0%
+              <div className={clsx("rb:size-3.5 rb:cursor-pointer rb:bg-cover", {
+                "rb:bg-[url('@/assets/images/home/arrow_up.svg')]": item.key === 'totalMemoryCapacity',
+                "rb:bg-[url('@/assets/images/home/arrow_up_success.svg')]": item.key !== 'totalMemoryCapacity',
+              })}></div>
+            </Flex>
+            <div className={clsx("rb:text-[12px] rb:leading-4 rb:mt-0.5", {
+              'rb:text-[#FFFFFF]': item.key === 'totalMemoryCapacity',
+              'rb:text-[#5B6167]': item.key !== 'totalMemoryCapacity',
+            })}>
+              {t('dashboard.comparedToYesterday')}
+            </div>
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+
+export default TopCardList
\ No newline at end of file
diff --git a/web/src/views/Home/components/TopCardList/index.module.css b/web/src/views/Home/components/TopCardList/index.module.css
deleted file mode 100644
index e79169ea..00000000
--- a/web/src/views/Home/components/TopCardList/index.module.css
+++ /dev/null
@@ -1,97 +0,0 @@
-.card {
-  border-radius: 12px;
-  border: 1px solid #DFE4ED;
-  padding: 0;
-}
-.header {
-  padding: 20px;
-  line-height: 44px;
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 16px;
-  color: #5B6167;
-  font-style: normal;
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid #DFE4ED;
-}
-.avatar {
-  width: 44px;
-  height: 44px;
-  background: #FFFFFF;
-  box-shadow: 0px 2px 6px 0px rgba(33, 35, 50, 0.1);
-  border-radius: 22px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 12px;
-}
-.avatar img {
-  width: 24px;
-  height: 24px;
-}
-.content {
-  padding: 20px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-family: Gilroy, Gilroy;
-  font-weight: 800;
-  font-size: 28px;
-  color: #212332;
-  text-align: left;
-  font-style: normal;
-}
-.content-right {
-  text-align: right;
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 400;
-  font-size: 12px;
-  color: #5F6266;
-  line-height: 16px;
-  font-style: normal;
-  row-gap: 4px;
-}
-.trend {
-  font-family: PingFangSC, PingFang SC;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 16px;
-  font-style: normal;
-  padding-left: 15px;
-  position: relative;
-  margin-bottom: 4px;
-  display: inline-block;
-}
-.trend::before {
-  width: 14px;
-  height: 14px;
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 1px;
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-.trend.up {
-  color: #369F21;
-}
-.trend.up::before {
-  background-image: url('@/assets/images/home/arrow_up_success.svg');
-}
-.trend.down {
-  color: #FF5D34;
-}
-.trend.down::before {
-  background-image: url('@/assets/images/home/arrow_down.png');
-}
-
-.trend-desc {
-  font-family: PingFangSC, PingFang SC;
-    font-weight: 500;
-    font-size: 14px;
-    color: #155EEF;
-    line-height: 16px;
-    text-align: left;
-    font-style: normal;
-}
\ No newline at end of file
diff --git a/web/src/views/Home/components/TopCardList/index.tsx b/web/src/views/Home/components/TopCardList/index.tsx
deleted file mode 100644
index 067bbaea..00000000
--- a/web/src/views/Home/components/TopCardList/index.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- * @Author: ZhaoYing 
- * @Date: 2026-02-03 17:28:07 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:28:07 
- */
-/**
- * Top Card List Component
- * Displays dashboard summary cards for key metrics
- * Shows total memory capacity, applications, knowledge bases, and API calls
- */
-
-import { type FC } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import totalMemoryCapacity from '@/assets/images/home/totalMemoryCapacity.svg';
-import userMemory from '@/assets/images/home/userMemory.svg';
-import knowledgeBaseCount from '@/assets/images/home/knowledgeBaseCount.svg';
-import apiCallCount from '@/assets/images/home/apiCallCount.svg';
-import styles from './index.module.css'
-import type { DashboardData } from '../../index'
-
-/** Card configuration with styling */
-const list = [
-  {
-    key: 'totalMemoryCapacity',
-    icon: totalMemoryCapacity,
-    // value: '45,678',
-    // trendValue: '12.5%',
-    // trend: 'up',
-    // trendDesc: 'comparedToYesterday',
-    background: 'linear-gradient(180deg, #E6EFFE 0%, #F9FDFF 100%)',
-  },
-  {
-    key: 'application',
-    icon: userMemory,
-    // value: '32,145',
-    // trendValue: '12.5%',
-    // trend: 'down',
-    // trendDesc: 'comparedToYesterday',
-    background: 'linear-gradient( 180deg, #F1FBF5 0%, #F9FDFF 100%)',
-  },
-  {
-    key: 'knowledgeBaseCount',
-    icon: knowledgeBaseCount,
-    // value: '13,533',
-    // trendValue: '15.7%',
-    // trend: 'up',
-    // trendDesc: 'thisWeek',
-    background: 'linear-gradient( 180deg, #E6F5FE 0%, #FBFDFF 100%)',
-  },
-  {
-    key: 'apiCallCount',
-    icon: apiCallCount,
-    // value: '856.2k',
-    // trendValue: '23.1%',
-    // trend: 'up',
-    // trendDesc: 'comparedToYesterday',
-    background: 'linear-gradient( 180deg, #F8F6F5 0%, #FAFDFF 100%)',
-  },
-]
-/**
- * Component props
- * @param data - Dashboard statistics data
- */
-const TopCardList: FC<{data?: DashboardData}> = ({ data }) => {
-  const { t } = useTranslation()
-  return (
-    <div className="rb:grid rb:grid-cols-4 rb:gap-4">
-      {list.map((item) => {
-        return (
-          <div 
-            key={item.key}
-            className={styles.card}
-            style={{
-              background: item.background,
-            }}
-          >
-          <div className={styles.header}>
-            <div className={styles.avatar}><img src={item.icon} /></div>
-            <div className={styles.headerTitle}>{t(`dashboard.${item.key}`)}</div>
-          </div>
-
-          <div className={styles.content}>
-            {data?.[item.key as keyof DashboardData] || 0}
-          </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-}
-
-export default TopCardList
\ No newline at end of file
diff --git a/web/src/views/Home/index.tsx b/web/src/views/Home/index.tsx
index 84089801..2844b816 100644
--- a/web/src/views/Home/index.tsx
+++ b/web/src/views/Home/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:12:43 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-03 17:26:04
+ * @Last Modified time: 2026-02-10 11:57:58
  */
 /**
  * Home Dashboard Page
@@ -19,6 +19,7 @@ import { getDashboardData, getMemoryIncrement, getKbTypes } from '@/api/memory';
 import RecentActivity from './components/RecentActivity'
 import TagList from './components/TagList'
 import QuickOperation from './components/QuickOperation'
+import ApiLineCard from './components/ApiLineCard'
 
 /**
  * Dashboard statistics data
@@ -120,42 +121,39 @@ const Home = () => {
   }
 
   return (
-    <div className="rb:pb-6">
-      <TopCardList data={dashboardData} />
-
-      <Row className="rb:mt-4" gutter={16}>
-        <Col span={12}>
-          <LineCard
-            chartData={memoryIncrement}
-            limit={limit}
-            onChange={handleRangeChange}
-            type="memoryGrowthTrend"
-            seriesList={['total_num']}
-          />
-        </Col>
-        <Col span={12}>
-          <PieCard
-            loading={loading.knowledgeTypeDistribution}
-            chartData={knowledgeTypeDistribution}
-          />
-        </Col>
-      </Row>
-
-      <Row className="rb:mt-4" gutter={16}>
-        <Col span={12}>
-          <RecentActivity />
-        </Col>
-        <Col span={12}>
-          <TagList />
-        </Col>
-      </Row>
-
-      <Row className="rb:mt-4" gutter={16}>
-        <Col span={24}>
-          <QuickOperation />
-        </Col>
-      </Row>
-    </div>
+    <Row gutter={[12, 12]}>
+      <Col span={8}>
+        <TopCardList data={dashboardData} />
+      </Col>
+      <Col span={8}>
+        <LineCard
+          chartData={memoryIncrement}
+          limit={limit}
+          onChange={handleRangeChange}
+          type="memoryGrowthTrend"
+          seriesList={['total_num']}
+        />
+      </Col>
+      <Col span={8}>
+        <ApiLineCard
+        />
+      </Col>
+      <Col span={8}>
+        <PieCard
+          loading={loading.knowledgeTypeDistribution}
+          chartData={knowledgeTypeDistribution}
+        />
+      </Col>
+      <Col span={8}>
+        <RecentActivity />
+      </Col>
+      <Col span={8}>
+        <QuickOperation />
+      </Col>
+      <Col span={24}>
+        <TagList />
+      </Col>
+    </Row>
   );
 }
 
diff --git a/web/src/views/Index/components/GuideCard.tsx b/web/src/views/Index/components/GuideCard.tsx
index a8560136..1d6472ae 100644
--- a/web/src/views/Index/components/GuideCard.tsx
+++ b/web/src/views/Index/components/GuideCard.tsx
@@ -9,10 +9,8 @@
 import React, { useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import guideBgImg from '@/assets/images/index/guide_bg@2x.png'
 import { Button, Tour } from 'antd';
 import type { TourProps } from 'antd';
-import arrowRight from '@/assets/images/index/arrow_right_blue.svg'
 
 const GuideCard: React.FC = () => {
   const { t } = useTranslation();
@@ -67,22 +65,18 @@ const GuideCard: React.FC = () => {
 
   return (
     <>
-    <div className='rb:w-full rb:p-4' style={{ backgroundImage: `url(${guideBgImg})`, backgroundSize: '100% 100%' }}>
-        <div className='rb:flex rb:justify-start rb:text-white rb:text-base rb:font-semibold' >
-            { t('index.getStarted')}
+      <div className='rb:w-full rb:bg-white rb:rounded-xl rb:pb-3'>
+        <div className='rb:font-[MiSans-Bold] rb:font-bold rb:leading-5 rb:p-3 rb:bg-cover rb:rounded-tl-xl rb:rounded-tr-xl rb:bg-[url("@/assets/images/index/guide_bg@2x.png")]' >
+          { t('index.getStarted')}
         </div>
-        <div className='rb:flex rb:text-xs rb:text-white rb:leading-[18px] rb:mt-3'>
+        <div className='rb:leading-4.5 rb:text-[12px] rb:-mt-2 rb:pl-3 rb:pr-1.75'>
             { t('index.startedDesc')}
         </div>
-        <div className='rb:flex rb:w-full rb:items-center rb:justify-between rb:gap-3 rb:mt-4'>
-            <Button ref={startButtonRef} className='rb:gap-2 rb:w-full rb:flex rb:items-center rb:text-[#155EEF]'  onClick={handleStartGuide}>
-                <span className='rb:text-xs'>{ t('index.viewGuide')}</span>
-                <img src={arrowRight} className='rb:size-4' />
-            </Button>
-            {/* <Button className='rb:gap-2 rb:flex rb:items-center rb:text-[#155EEF]'>
-                <span className='rb:text-xs'>{ t('index.watchVideo')}</span>
-                <img src={arrowRight} className='rb:size-4' />
-            </Button> */}
+        <div className="rb:mt-2 rb:pl-3 rb:pr-4">
+          <Button ref={startButtonRef} block className='rb:gap-1 rb:flex rb:items-center' onClick={handleStartGuide}>
+            <span className='rb:text-xs'>{t('index.viewGuide')}</span>
+            <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/arrow_right_dark.svg')]"></div>
+          </Button>
         </div>
     </div>
     
diff --git a/web/src/views/Index/components/QuickActions.tsx b/web/src/views/Index/components/QuickActions.tsx
index 063014df..e9f1f4f8 100644
--- a/web/src/views/Index/components/QuickActions.tsx
+++ b/web/src/views/Index/components/QuickActions.tsx
@@ -1,5 +1,6 @@
 import { type FC } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Flex } from 'antd'
 
 import modelIcon from '@/assets/images/index/model_mgt.svg'
 import spaceIcon from '@/assets/images/index/space_mgt.svg'
@@ -89,25 +90,30 @@ const QuickActions: FC<QuickActionsProps> = ({ onNavigate }) => {
   ];
 
   return (
-    <div className='rb:w-full rb:p-4 rb:bg-[#FBFDFF] rb:border-1 rb:border-[#DFE4ED] rb:rounded-xl'>
-        <div className='rb:flex rb:justify-start rb:text-base rb:font-medium rb:text-[#212332]'>
-            { t('quickActions.title') }
-        </div>
-        <div className="rb:grid rb:grid-cols-3 md:rb:grid-cols-4 rb:gap-4 rb:mt-4">
-            
-            {quickActions.map((action) => (
-                <div key={action.key}
-                className="rb:flex rb:flex-col rb:items-center rb:text-center rb:cursor-pointer rb:group"
-                onClick={action.onClick}
-                >
-                <img src={action.icon} className='rb:size-10 rb:mx-auto' />
-                <div className="rb:mt-2 rb:text-xs rb:max-w-[74px] rb:text-[#5B6167] rb:text-center rb:leading-[14px]">
-                    {action.title}
-                </div>
-                </div>
-            ))}
-        </div>
-  </div>);
+    <div className='rb:w-full rb:bg-white rb:rounded-xl rb:mt-2.5 rb:py-3'>
+      <div className='rb:font-[MiSans-Bold] rb:font-bold rb:leading-5 rb:px-4 rb:pb-3.5'>
+        { t('quickActions.title') }
+      </div>
+      <div className="rb:grid rb:grid-cols-3 md:rb:grid-cols-4 rb:gap-4">
+        {quickActions.map((action) => (
+          <Flex
+            key={action.key}
+            vertical
+            gap={8}
+            align="center"
+            justify="center"
+            className="rb:cursor-pointer"
+            onClick={action.onClick}
+          >
+            <img src={action.icon} className='rb:size-10 rb:mx-auto' />
+            <div className="rb:text-[12px] rb:max-w-18.25 rb:text-[#5B6167] rb:text-center rb:leading-3.5">
+              {action.title}
+            </div>
+          </Flex>
+        ))}
+      </div>
+    </div>
+  );
 };
 
 export default QuickActions;
diff --git a/web/src/views/Index/components/TopCardList/index.tsx b/web/src/views/Index/components/TopCardList/index.tsx
index 97ced240..c519a00e 100644
--- a/web/src/views/Index/components/TopCardList/index.tsx
+++ b/web/src/views/Index/components/TopCardList/index.tsx
@@ -1,20 +1,15 @@
 import { type FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import totalModels from '@/assets/images/index/models.svg';
-import totalSpaces from '@/assets/images/index/spaces.svg';
-import totalUsers from '@/assets/images/index/users.svg';
-import totalApps from '@/assets/images/index/apps.svg';
-import arrowUpDb from '@/assets/images/index/arrow_up_d.svg'
-import arrowDownDb from '@/assets/images/index/arrow_down_d.svg'
-import arrowUp from '@/assets/images/index/arrow_up.svg'
-import arrowDown from '@/assets/images/index/arrow_down.svg'
-import styles from './index.module.css'
+import { Flex } from 'antd';
+import clsx from 'clsx';
+
 import  { type DataResponse } from '@/api/common'
+import Tag from '@/components/Tag'
 
 const list = [
   {
     key: 'models',
-    icon: totalModels,
+    icon: 'rb:bg-[url("@/assets/images/index/models.svg")]',
     value: '24',
     // trendValue: '12.5%',
     trend: 'up',
@@ -25,7 +20,7 @@ const list = [
   },
   {
     key: 'spaces',
-    icon: totalSpaces,
+    icon: 'rb:bg-[url("@/assets/images/index/spaces.svg")]',
     value: '156',
     trendValue: '+8',
     trend: 'down',
@@ -36,7 +31,7 @@ const list = [
   },
   {
     key: 'users',
-    icon: totalUsers,
+    icon: 'rb:bg-[url("@/assets/images/index/users.svg")]',
     value: '1,248',
     trendValue: '+42',
     trend: 'up',
@@ -47,7 +42,7 @@ const list = [
   },
   {
     key: 'running_apps',
-    icon: totalApps,
+    icon: 'rb:bg-[url("@/assets/images/index/apps.svg")]',
     value: '12.8k',
     trendValue: '98.7%',
     trend: 'up',
@@ -60,70 +55,106 @@ const list = [
 const TopCardList: FC<{data?: DataResponse}> = ({ data }) => {
   const { t } = useTranslation()
   return (
-    <div className="rb:grid rb:grid-cols-4 rb:gap-[16px]">
+    <div className="rb:grid rb:grid-cols-4 rb:gap-3 rb:mt-3">
       {list.map((item) => {
         return (
-            <div 
-              key={item.key}
-              className={styles.card}
-              style={{
-                background: item.background,
-              }}
-            >
-            <div className={styles.header}>
-              <div className="rb:text-xs rb:font-medium rb:text-[#212332] rb:w-[96px]">{t(`dashboard.${'total_' + item.key}`)}</div>
-              <div className={styles.avatar}><img src={item.icon} /></div>
-            </div>
+          <div 
+            key={item.key}
+            className="rb:bg-white rb:rounded-xl rb:p-4"
+          >
+            <Flex justify="space-between" align="center" gap={24}>
+              <div className="rb:text-[12pxx] rb:font-medium rb:flex-1">{t(`dashboard.${'total_' + item.key}`)}</div>
+              <div className={`rb:size-8 rb:bg-cover ${item.icon}`}></div>
+            </Flex>
 
-            <div className={styles.content}>
-              {item.key === 'spaces' && String(data?.active_workspaces)}
+            <div className="rb:mt-5 rb:font-[MiSans-Bold] rb:font-bold rb:text-[24px] rb:leading-8">
+              {item.key === 'spaces' && String(data?.active_workspaces || 0)}
               {item.key === 'running_apps' &&  String(data?.[`${item.key}` as keyof DataResponse] || item.value || 0)}
               {item.key !== 'spaces' && item.key !== 'running_apps' && String(data?.[`total_${item.key}` as keyof DataResponse] || item.value || 0)}
             </div>
-            <div className='rb:flex rb:flex-col rb:items-start'>
-                {item.key === 'models' ? (
-                  <div className='rb:text-xs rb:leading-4 rb:text-[#5F6266] rb:w-[130px]'>
-                   {t(`dashboard.${'desc_' + item.key}`, { account: data?.total_llm, nums: data?.total_embedding })}
+            <div className='rb:flex rb:flex-col rb:items-start rb:mt-2'>
+              {item.key === 'models'
+                ? (
+                  <div className='rb:text-xs rb:leading-4 rb:text-[#5F6266] rb:w-32.25'>
+                    {t(`dashboard.${'desc_' + item.key}`, { account: data?.total_llm, nums: data?.total_embedding })}
                   </div>
-                ) : (<>                  
+                )
+                : (<>                  
                   <div className='rb:flex rb:items-center rb:text-xs rb:leading-4 rb:gap-1'> 
                     {item.key === 'spaces' && (<>
-                        <img src={Number(data?.new_workspaces_this_week || 0) >= 0 ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
-                        <span className={Number(data?.new_workspaces_this_week || 0) >= 0 ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{Number(data?.new_workspaces_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_workspaces_this_week || 0))}</span>
+                      <div className={clsx("rb:size-3 rb:bg-cover rb:mr-0.5", {
+                        "rb:bg-[url('@/assets/images/index/arrow_up_d.svg')]": Number(data?.new_workspaces_this_week || 0) >= 0,
+                        "rb:bg-[url('@/assets/images/index/arrow_down_d.svg')]": Number(data?.new_workspaces_this_week || 0) < 0,
+                      })}></div>
+                      <span className={clsx('rb:font-medium', {
+                        "rb:text-[#369F21]": Number(data?.new_workspaces_this_week || 0) >= 0,
+                        "rb:text-[#FF5D34]": Number(data?.new_workspaces_this_week || 0) < 0,
+                      })}>{Number(data?.new_workspaces_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_workspaces_this_week || 0))}</span>
                     </>)}
                     {item.key === 'users' && (<>
-                        <img src={Number(data?.new_users_this_week || 0) >= 0 ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
-                        <span className={Number(data?.new_users_this_week || 0) >= 0 ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{Number(data?.new_users_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_users_this_week || 0))}</span>
+                      <div className={clsx("rb:size-3 rb:bg-cover rb:mr-0.5", {
+                        "rb:bg-[url('@/assets/images/index/arrow_up_d.svg')]": Number(data?.new_users_this_week || 0) >= 0,
+                        "rb:bg-[url('@/assets/images/index/arrow_down_d.svg')]": Number(data?.new_users_this_week || 0) < 0,
+                      })}></div>
+                      <span className={clsx('rb:font-medium', {
+                        "rb:text-[#369F21]": Number(data?.new_users_this_week || 0) >= 0,
+                        "rb:text-[#FF5D34]": Number(data?.new_users_this_week || 0) < 0,
+                      })}>{Number(data?.new_users_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_users_this_week || 0))}</span>
                     </>)}
                     {item.key === 'running_apps' && (<>
-                        <img src={Number(data?.new_apps_this_week || 0) >= 0 ? arrowUpDb : arrowDownDb} className='rb:size-3'/>
-                        <span className={Number(data?.new_apps_this_week || 0) >= 0 ? 'rb:text-[#369F21]' : 'rb:text-[#FF5D34]'}>{Number(data?.new_apps_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_apps_this_week || 0))}</span>
+                      <div className={clsx("rb:size-3 rb:bg-cover rb:mr-0.5", {
+                        "rb:bg-[url('@/assets/images/index/arrow_up_d.svg')]": Number(data?.new_apps_this_week || 0) >= 0,
+                        "rb:bg-[url('@/assets/images/index/arrow_down_d.svg')]": Number(data?.new_apps_this_week || 0) < 0,
+                      })}></div>
+                      <span className={clsx('rb:font-medium', {
+                        "rb:text-[#369F21]": Number(data?.new_apps_this_week || 0) >= 0,
+                        "rb:text-[#FF5D34]": Number(data?.new_apps_this_week || 0) < 0,
+                      })}>{Number(data?.new_apps_this_week || 0) >= 0 ? '+' : '-'}{Math.abs(Number(data?.new_apps_this_week || 0))}</span>
                     </>)}
-                    
                   </div>
-                  <div className='rb:text-xs rb:leading-4 rb:text-[#5F6266]'>
+                  <div className='rb:text-[12px] rb:leading-4 rb:text-[#5F6266]'>
                     {t(`dashboard.${'desc_' + item.key}`)}
                   </div>
-                </>)}
+                </>)
+              }
             </div>
             
-            {item.key === 'models' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.model_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
-              <img src={Number(data?.model_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
-              <span>{Math.abs(Number(data?.model_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
-            </div>)}
-            {item.key === 'spaces' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.workspace_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
-              <img src={Number(data?.workspace_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
-              <span>{Math.abs(Number(data?.workspace_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
-            </div>)}
-            {item.key === 'users' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.user_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
-              <img src={Number(data?.user_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
-              <span>{Math.abs(Number(data?.user_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
-            </div>)}
-            {item.key === 'running_apps' && (<div className={`rb:flex rb:max-w-40 rb:text-xs rb:mt-2 rb:items-center rb:gap-1 rb:border-1 rb:rounded rb:px-2 rb:py-0.5 ${Number(data?.app_week_growth_rate || 0) >= 0 ? 'rb:text-[#369F21] rb:border-[#369F21] rb:bg-[rgba(54, 159, 33, 0.25)]' : 'rb:text-[#FF5D34] rb:border-[#FF5D34] rb:bg-[rgba(255, 93, 52, 0.25)]'}`}>
-              <img src={Number(data?.app_week_growth_rate || 0) >= 0 ? arrowUp : arrowDown} className='rb:size-3'/>  
-              <span>{Math.abs(Number(data?.app_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
-            </div>)}
-            
+            {item.key === 'models' && (<Tag color={Number(data?.model_week_growth_rate || 0) >= 0 ? "success" : "warning"} className="rb:mt-2">
+              <Flex align="center">
+                <div className={clsx("rb:size-3.5 rb:bg-cover rb:mr-0.5", {
+                  "rb:bg-[url('@/assets/images/index/arrow_up.svg')]": Number(data?.model_week_growth_rate || 0) >= 0,
+                  "rb:bg-[url('@/assets/images/index/arrow_down.svg')]": Number(data?.model_week_growth_rate || 0) < 0,
+                })}></div>
+                <span>{Math.abs(Number(data?.model_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+              </Flex>
+            </Tag>)}
+            {item.key === 'spaces' && (<Tag color={Number(data?.workspace_week_growth_rate || 0) >= 0 ? "success" : "warning"} className="rb:mt-2">
+              <Flex align="center">
+                <div className={clsx("rb:size-3.5 rb:bg-cover rb:mr-0.5", {
+                  "rb:bg-[url('@/assets/images/index/arrow_up.svg')]": Number(data?.workspace_week_growth_rate || 0) >= 0,
+                  "rb:bg-[url('@/assets/images/index/arrow_down.svg')]": Number(data?.workspace_week_growth_rate || 0) < 0,
+                })}></div>
+                <span>{Math.abs(Number(data?.workspace_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+              </Flex>
+            </Tag>)}
+            {item.key === 'users' && (<Tag color={Number(data?.user_week_growth_rate || 0) >= 0 ? "success" : "warning"} className="rb:mt-2">
+              <Flex align="center">
+                <div className={clsx("rb:size-3.5 rb:bg-cover rb:mr-0.5", {
+                  "rb:bg-[url('@/assets/images/index/arrow_up.svg')]": Number(data?.user_week_growth_rate || 0) >= 0,
+                  "rb:bg-[url('@/assets/images/index/arrow_down.svg')]": Number(data?.user_week_growth_rate || 0) < 0,
+                })}></div>
+                <span>{Math.abs(Number(data?.user_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+              </Flex>
+            </Tag>)}
+            {item.key === 'running_apps' && (<Tag color={Number(data?.app_week_growth_rate || 0) >= 0 ? "success" : "warning"} className="rb:mt-2">
+              <Flex align="center">
+                <div className={clsx("rb:size-3.5 rb:bg-cover rb:mr-0.5", {
+                  "rb:bg-[url('@/assets/images/index/arrow_up.svg')]": Number(data?.app_week_growth_rate || 0) >= 0,
+                  "rb:bg-[url('@/assets/images/index/arrow_down.svg')]": Number(data?.app_week_growth_rate || 0) < 0,
+                })}></div>
+                <span>{Math.abs(Number(data?.app_week_growth_rate || 0))}% {t('dashboard.thisWeek')}</span>
+              </Flex>
+            </Tag>)}
           </div>
         )
       })}
diff --git a/web/src/views/Index/components/VersionCard.tsx b/web/src/views/Index/components/VersionCard.tsx
index 702b6520..dd9e9585 100644
--- a/web/src/views/Index/components/VersionCard.tsx
+++ b/web/src/views/Index/components/VersionCard.tsx
@@ -6,29 +6,24 @@
  * @LastEditors: yujiangping
  * @LastEditTime: 2026-01-23 19:07:36
  */
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Divider } from 'antd';
-// import arrowRight from '@/assets/images/index/arrow_right.svg'
-import { getVersion, type versionResponse } from '@/api/common'
+import { Flex } from 'antd';
 
-const GuideCard: React.FC = () => {
-  const { t, i18n } = useTranslation();
+import { getVersion, type versionResponse } from '@/api/common'
+import Empty from '@/components/Empty';
+import { useI18n } from '@/store/locale';
+
+const VersionCard: React.FC = () => {
+  const { t } = useTranslation();
+  const { language } = useI18n()
   const [versionInfo, setVersionInfo] = useState<versionResponse | null>(null);
 
   // 获取当前语言对应的介绍信息
-  const getIntroduction = () => {
+  const introduction = useMemo(() => {
     if (!versionInfo) return null;
-    const currentLang = i18n.language;
-    return currentLang === 'zh' ? versionInfo.introduction : (versionInfo.introduction_en || versionInfo.introduction);
-  };
-
-  // 解析换行符和HTML的方法
-  const parseContent = (text: string) => {
-    if (!text) return '';
-    // 将 \n 转换为 <br/> 标签
-    return text.replace(/\\n/g, '<br/>');
-  };
+    return language === 'zh' ? versionInfo.introduction : (versionInfo.introduction_en || versionInfo.introduction);
+  }, [versionInfo, language])
 
   useEffect(() => {
     const fetchVersion = async () => {
@@ -44,58 +39,38 @@ const GuideCard: React.FC = () => {
   }, []);
     
   return (
-    <div className='rb:w-full rb:p-4 rb:border-1 rb:border-[#DFE4ED] rb:bg-[#FBFDFF] rb:rounded-xl'>
-        <div className='rb:flex rb:items-center rb:justify-start rb:text-[#5B6167] rb:text-base rb:font-semibold rb:gap-2'>
-            { t('index.latestUpdate')} 
-            <span className='rb:text-xs rb:text-[#1890FF]'>
-              {versionInfo?.version}
-            </span>
-        </div>
-        <div className='rb:flex rb:flex-col rb:max-h-[400px] rb:overflow-y-auto rb:text-[#5B6167]'>
-            {versionInfo && (() => {
-              const introduction = getIntroduction();
-              return introduction ? (<>  
-                <div className='rb:flex  rb:items-center rb:gap-2 rb:text-sm rb:text-[#5B6167] rb:leading-5 '>
-                   
-                    <span className='rb:text-xs rb:text-[#5B6167]'>
-                      {t('version.releaseDate')}: {introduction.releaseDate}
-                    </span>
-                    <Divider type='vertical' />
-                    <span className='rb:text-xs rb:text-[#5B6167]'>
-                      {t('version.name')}: {introduction.codeName}
-                    </span>
-                </div>
-                <p 
-                  className='rb:text-sm rb:text-[#5B6167] rb:leading-5 rb:mt-2'
-                  dangerouslySetInnerHTML={{ __html: introduction.upgradePosition }}
-                />
-                {introduction.coreUpgrades?.map((item: string, index: number) => (
-                    <p 
-                      key={index} 
-                      className='rb:text-sm rb:text-[#5B6167] rb:leading-5'
-                      dangerouslySetInnerHTML={{ __html: item }}
-                    />
-                ))}
-              </>) : null;
-            })()}
-            {/* {loading ? (
-              t('index.loading')
-            ) : (
-              versionInfo?.introduction || t('index.latestUpdateDesc')
-            )} */}
-        </div>
-        {/* <div className='rb:flex rb:w-full rb:items-center rb:justify-between rb:gap-3 rb:mt-4'>
-            <Button className='rb:gap-2 rb:flex rb:items-center rb:text-[#212332] '>
-                <span className='rb:text-xs'>{ t('index.viewDetails')}</span>
-                <img src={arrowRight} className='rb:size-4' />
-            </Button>
-            <Button className='rb:gap-2 rb:flex rb:items-center rb:text-[#212332]'>
-                <span className='rb:text-xs'>{ t('index.changeLog')}</span>
-                <img src={arrowRight} className='rb:size-4' />
-            </Button>
-        </div> */}
+    <div className='rb:w-full rb:p-3 rb:bg-white rb:rounded-xl rb:mt-3'>
+      <Flex gap={4} className="rb:mb-3">
+        <span className="rb:font-[MiSans-Bold] rb:font-bold rb:leading-5">{t('index.latestUpdate')}</span>
+        {versionInfo?.version && 
+          <span className='rb:text-[12px] rb:text-white rb:leading-4.25 rb:pt-px rb:pl-2 rb:pr-1.75 rb:bg-[#171719] rb:rounded-lg rb:rounded-bl-none '>
+            {versionInfo?.version}
+          </span>
+        }
+      </Flex>
+      {introduction
+        ? (<>  
+          <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:mt-1 rb:mb-2">
+            {t('version.releaseDate')}: {introduction.releaseDate} | {t('version.name')}: {introduction.codeName}
+          </div>
+          <div className="rb:max-h-76 rb:overflow-y-auto">
+            <p
+              className='rb:text-[12px] rb:leading-4.5'
+              dangerouslySetInnerHTML={{ __html: introduction.upgradePosition }}
+            />
+            {introduction.coreUpgrades?.map((item: string, index: number) => (
+              <p
+                key={index}
+                className='rb:text-[12px] rb:leading-4.5 rb:mt-2'
+                dangerouslySetInnerHTML={{ __html: item }}
+              />
+            ))}
+          </div>
+        </>)
+        : <Empty size={88} />
+      }
     </div>
   );
 };
 
-export default GuideCard;
\ No newline at end of file
+export default VersionCard;
\ No newline at end of file
diff --git a/web/src/views/Index/index.tsx b/web/src/views/Index/index.tsx
index 3cab0276..e5a5494a 100644
--- a/web/src/views/Index/index.tsx
+++ b/web/src/views/Index/index.tsx
@@ -1,12 +1,12 @@
 import { useEffect, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { Space, Button } from 'antd';
+import { Space, Button, Row, Col, Flex } from 'antd';
+
 import TopCardList from './components/TopCardList';
 import GuideCard from './components/GuideCard';
 import VersionCard from './components/VersionCard';
 import QuickActions from './components/QuickActions';
-import bgImg from '@/assets/images/index/index_bg@2x.png'
 import Table, { type TableRef } from '@/components/Table'
 import type { ColumnsType } from 'antd/es/table';
 import { formatDateTime } from '@/utils/format';
@@ -41,17 +41,17 @@ const Index = () => {
       title: t('space.spaceName'),
       dataIndex: 'name',
       key: 'name',
+      className: 'rb:text-[#212332]'
     },
-
     {
       title: t('space.spaceIcon'),
       dataIndex: 'icon',
       key: 'icon',
       render:(value: string, record: any) => {
         return value ? (
-          <img src={value} alt="icon" className='rb:w-[24px] rb:h-[24px]' />
+          <img src={value} alt="icon" className='rb:size-6' />
         ) : (
-          <div className='rb:w-[24px] rb:h-[24px] rb:bg-blue-500 rb:text-white rb:rounded rb:flex rb:items-center rb:justify-center rb:text-xs rb:font-medium'>
+          <div className='rb:size-6 rb:bg-[#155EEF] rb:text-white rb:rounded rb:flex rb:items-center rb:justify-center rb:text-xs rb:font-medium'>
             {record.name?.charAt(0)?.toUpperCase() || '?'}
           </div>
         )
@@ -84,7 +84,7 @@ const Index = () => {
       width: 100,
       render: (_, record) => (
         <Space size="middle">
-          <Button onClick={() => handleJump(record.id)} color="primary" variant="text">{t('space.enterSpace')}</Button>
+          <Button type="link" onClick={() => handleJump(record.id)}>{t('space.enterSpace')}</Button>
         </Space>
       ),
     },
@@ -99,44 +99,38 @@ const Index = () => {
 
 
   return (
-    <div className="rb:pb-[24px]">
-      <div className="rb:mt-[16px] rb:flex rb:gap-4">
-        <div className='rb:flex-1'>
-          <div className='rb:flex-col rb:w-full rb:h-[120px] rb:mb-4 rb:p-6 rb:leading-[30px]' style={{backgroundImage: `url(${bgImg})`, backgroundSize: '100% 100%'}}>
-              <div className='rb:flex rb:text-[22px] rb:text-[#0041C3] rb:font-semibold'>
-                { t('index.spaceTitle' )}
-              </div>
-              <div className='rb:flex rb:mt-2 rb:text-xs rb:leading-[18px] rb:text-[#5F6266] rb:max-w-[560px]'>
-                { t('index.spaceSubTitle' )}
-              </div>
+    <Row gutter={12}>
+      <Col flex="1">
+        <Flex vertical>
+          <div className='rb:w-full rb:h-26 rb:p-4 rb:bg-cover rb:bg-[url("@/assets/images/index/index_bg@2x.png")]'>
+            <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-white rb:text-[18px] rb:leading-7">
+              {t('index.spaceTitle')}
+            </div>
+            <div className='rb:mt-2 rb:text-[12px] rb:leading-4.5 rb:text-white rb:max-w-139.75'>
+              {t('index.spaceSubTitle')}
+            </div>
           </div>
           {/* 统计卡片 */}
           <TopCardList data={dashboardData} />
-          <div className="rb:rounded rb:max-h-[calc(100%-100px)] rb:overflow-y-auto rb:mt-4">
+          <div className="rb:rounded-xl rb:bg-white rb:pt-3 rb:px-3 rb:overflow-y-hidden rb:my-3 rb:flex-1">
             <Table
               ref={tableRef}
               apiUrl={tableApi}
               columns={columns}
               rowKey="id"
-              
+              bordered={false}
+              scrollY="100%"
             />
-        </div>
-        </div>
-        <div className='rb:flex-0 rb:min-w-80'>
-            {/* 引导 */}
-            <GuideCard />
-            <div className='rb:w-full rb:mt-4 '>
-                <VersionCard />
-            </div>
-            {/* 快捷操作 */}
-            <div className='rb:w-full rb:mt-4'>
-                <QuickActions onNavigate={navigate} />
-            </div>
-        </div>
-      </div>
-
-     
-    </div>
+          </div>
+        </Flex>
+      </Col>
+      <Col flex="328px">
+        {/* 引导 */}
+        <GuideCard />
+        <VersionCard />
+        <QuickActions onNavigate={navigate} />
+      </Col>
+    </Row>
   );
 }
 
diff --git a/web/src/views/InviteRegister/index.tsx b/web/src/views/InviteRegister/index.tsx
index 42cffff1..72ae55e5 100644
--- a/web/src/views/InviteRegister/index.tsx
+++ b/web/src/views/InviteRegister/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:37:12 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-04 10:05:39
+ * @Last Modified time: 2026-03-27 22:22:18
  */
 /**
  * Invite Register Page
@@ -144,7 +144,7 @@ const InviteRegister: React.FC = () => {
     }).then((res) => {
       const response = res as LoginInfo;
       updateLoginInfo(response);
-      navigate('/');
+      navigate('/', { replace: true });
     }).finally(() => {
       setLoading(false);
     });
diff --git a/web/src/views/KnowledgeBase/[knowledgeBaseId]/CreateDataset.tsx b/web/src/views/KnowledgeBase/[knowledgeBaseId]/CreateDataset.tsx
index b336fe04..1ec66004 100644
--- a/web/src/views/KnowledgeBase/[knowledgeBaseId]/CreateDataset.tsx
+++ b/web/src/views/KnowledgeBase/[knowledgeBaseId]/CreateDataset.tsx
@@ -1,7 +1,8 @@
 import {  useMemo,useRef, useState, useEffect } from 'react';
-import { Button, Flex, Radio, Steps, Modal, Input, Spin, message, Checkbox, Select, Form, Progress} from 'antd';
+import { Button, Flex, Radio, Steps, Modal, Input, Checkbox, Select, Form, Progress, App } from 'antd';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
+import './Private.css';
 import Table, { type TableRef } from '@/components/Table'
 import type { AnyObject } from 'antd/es/_util/type';
 import type { UploadFileResponse,KnowledgeBaseDocumentData } from '@/views/KnowledgeBase/types';
@@ -14,7 +15,7 @@ import exitIcon from '@/assets/images/knowledgeBase/exit.png';
 
 import SliderInput from '@/components/SliderInput';
 import DelimiterSelector from '../components/DelimiterSelector';
-const { confirm } = Modal
+
 const { TextArea } = Input;
 
   const style: React.CSSProperties = {
@@ -27,12 +28,13 @@ const { TextArea } = Input;
     columnGap: 14, // Wider gap between dot and text
     width: '100%',
     border: '1px solid #E5E5E5',
-    borderRadius: 8,
+    borderRadius: 12,
     padding: 16,
   };
   const getActiveRadioStyle = (active: boolean): React.CSSProperties => ({
     ...radioWrapperBaseStyle,
-    border: active ? '1px solid #1677ff' : radioWrapperBaseStyle.border,
+    border: active ? '1px solid #171719' : radioWrapperBaseStyle.border,
+    backgroundColor: active ? '#FAFAFA' : 'transparent',
   });
 
 
@@ -64,6 +66,7 @@ interface ContentFormData {
 const CreateDataset = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { modal, message: messageApi } = App.useApp()
   const { knowledgeBaseId: routeKnowledgeBaseId } = useParams<{ knowledgeBaseId: string }>();
   const location = useLocation();
   const locationState = (location.state ?? {}) as CreateDatasetLocationState;
@@ -92,7 +95,6 @@ const CreateDataset = () => {
   const [parameterSettings, setParameterSettings] = useState<ParameterSettings>('defaultSettings');
   const [pdfEnhancementEnabled, setPdfEnhancementEnabled] = useState<boolean>(true);
   const [pdfEnhancementMethod, setPdfEnhancementMethod] = useState<string>('deepdoc');
-  const [messageApi, contextHolder] = message.useMessage();
   const fileType = ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'csv', 'md', 'htm', 'html', 'json', 'ppt', 'pptx', 'txt','png','jpg','mp3','mp4','mov','wav']
   const steps = useMemo(
     () => [
@@ -183,7 +185,7 @@ const CreateDataset = () => {
     }
 
     // 显示确认弹框
-    confirm({
+    modal.confirm({
       title: t('knowledgeBase.startUploadConfirmTitle') || 'Start processing documents',
       content: t('knowledgeBase.startUploadConfirmContent') || 'Document processing will proceed in the background. You can choose to return to the list page immediately or stay on this page to view processing progress.',
       okText: t('knowledgeBase.returnToList') || 'Return to list',
@@ -230,7 +232,7 @@ const CreateDataset = () => {
     }
   };
   const handleDelete = (record: AnyObject) => {
-        confirm({
+       modal.confirm({
             title: t('common.deleteWarning'),
             content: t('common.deleteWarningContent', { content: record.name }),
           onOk: async () => {
@@ -546,11 +548,8 @@ const CreateDataset = () => {
     };
   }, [location.pathname]);
 
-  return (
-    <>
-      {contextHolder}
-    
-    <div className='rb:p-6 rb:pt-2 rb:h-full'>
+  return (<>
+    <div className='rb:p-3 rb:pt-2 rb:h-full rb:flex rb:flex-col'>
       {/* <Typography.Title level={4} className='rb:!m-0 rb:!mb-4'>
         {t('knowledgeBase.createA') + ' ' + t('knowledgeBase.dataset')}
       </Typography.Title> */}
@@ -558,57 +557,57 @@ const CreateDataset = () => {
           <img src={exitIcon} alt='exit' className='rb:w-4 rb:h-4' />
           <span className='rb:text-gray-500 rb:text-sm'>{t('common.exit')}</span>
       </div>
-      <div className='rb:px-24 rb:py-5  rb:bg-[#FBFDFF] rb:rounded-lg rb:border rb:border-[#DFE4ED]'>
-          <Steps current={current} items={steps} />
+      <div className='rb:px-24 rb:py-5  rb:bg-white rb:rounded-xl'>
+          <Steps current={current} items={steps} className="custom-steps" />
       </div>  
-      
+      <div className='rb:bg-white rb:rounded-xl rb:flex-1 rb:mt-3'>
 
-      {current === 0 && (
-        <div className='rb:flex rb:w-full rb:mt-10'>
-            {source && source === 'local' && (
-                <UploadFiles 
-                  ref={uploadRef}
-                  isCanDrag={true} 
-                  fileSize={100} 
-                  multiple={true} 
-                  maxCount={99} 
-                  fileType={fileType} 
-                  customRequest={handleUpload}
-                  onChange={(fileList) => {
-                    console.log('File list changed:', fileList);
-                  }}
-                  onRemove={async (file) => {
-                      // 如果文件正在上传，取消上传
-                      const fileUid = file.uid;
-                      const abortController = abortControllersRef.current.get(fileUid);
-                      if (abortController) {
-                        abortController.abort();
-                        abortControllersRef.current.delete(fileUid);
-                        console.log('Upload cancelled:', (file as any).name);
-                        // 取消上传后直接返回 true，允许移除文件
-                        return true;
-                      }
-                      
-                      // Only delete server file when file upload was successful (has response.id)
-                      if (file.response?.id) {
-                        try {
-                          await deleteDocument(file.response.id);
-                          setRechunkFileIds(prev => prev.filter(id => id !== file.response.id));
-                          console.log('Server file deleted:', file.response.id);
+        {current === 0 && (
+          <div className='rb:flex rb:w-full rb:p-6'>
+              {source && source === 'local' && (
+                  <UploadFiles 
+                    ref={uploadRef}
+                    isCanDrag={true} 
+                    fileSize={100} 
+                    multiple={true} 
+                    maxCount={99} 
+                    fileType={fileType} 
+                    customRequest={handleUpload}
+                    onChange={(fileList) => {
+                      console.log('File list changed:', fileList);
+                    }}
+                    onRemove={async (file) => {
+                        // 如果文件正在上传，取消上传
+                        const fileUid = file.uid;
+                        const abortController = abortControllersRef.current.get(fileUid);
+                        if (abortController) {
+                          abortController.abort();
+                          abortControllersRef.current.delete(fileUid);
+                          console.log('Upload cancelled:', (file as any).name);
+                          // 取消上传后直接返回 true，允许移除文件
                           return true;
-                        } catch (error) {
-                          console.error('Failed to delete file:', error);
-                          messageApi.error(t('common.deleteFailed') || 'Failed to delete file');
-                          return false; // Don't remove file when deletion fails
                         }
-                      }
-                      
-                      // Also allow removal in other cases (such as failed uploads)
-                      return true;
-                    }} />
-            )}
-            {source && source === 'link' && (
-                <div className='rb:flex rb:w-full rb:flex-col rb:mt-10 rb:px-40'>
+                        
+                        // Only delete server file when file upload was successful (has response.id)
+                        if (file.response?.id) {
+                          try {
+                            await deleteDocument(file.response.id);
+                            setRechunkFileIds(prev => prev.filter(id => id !== file.response.id));
+                            console.log('Server file deleted:', file.response.id);
+                            return true;
+                          } catch (error) {
+                            console.error('Failed to delete file:', error);
+                            messageApi.error(t('common.deleteFailed') || 'Failed to delete file');
+                            return false; // Don't remove file when deletion fails
+                          }
+                        }
+                        
+                        // Also allow removal in other cases (such as failed uploads)
+                        return true;
+                      }} />
+              )}
+              {source && source === 'link' && (
+                  <div className='rb:flex rb:w-full rb:flex-col rb:mt-10 rb:px-40'>
 
                     <div className='rb:text-sm rb:font-medium rb:text-gray-800 rb:mb-3'>
                         {t('knowledgeBase.webLink')}
@@ -624,7 +623,7 @@ const CreateDataset = () => {
                 </div>
             )}
             {source && source === 'text' && (
-                <div className='rb:flex rb:w-full rb:flex-col rb:mt-10 rb:px-40'>
+                <div className='rb:flex rb:w-full rb:flex-col rb:mt-10 rb:px-20'>
                     <Form 
                       form={form} 
                       layout="vertical"
@@ -667,202 +666,205 @@ const CreateDataset = () => {
                 </div>
             )}
         </div>
-      )}
+        )}
 
-      {current === 1 && (
-        <div className='rb:flex rb:flex-col rb:mt-10 rb:px-40'>
-            {rechunkFileIds.length > 0 && (
-              <div className='rb:bg-[#F0F3F8] rb:border rb:border-[#DFE4ED] rb:rounded rb:px-3 rb:py-2 rb:mb-4 rb:text-xs rb:text-gray-600 rb:flex rb:flex-wrap rb:gap-2'>
-                  <span className='rb:text-gray-700 rb:font-medium'>{t('knowledgeBase.rechunking')}:</span>
-                  {rechunkFileIds.map((id) => (
-                    <span key={id} className='rb:px-2 rb:py-0.5 rb:bg-white rb:border rb:border-[#DFE4ED] rb:rounded'>{id}</span>
-                  ))}
-              </div>
-            )}
-            <div className='rb:text-base rb:font-medium rb:text-gray-800 rb:mt-4'>
-                {t('knowledgeBase.fileParsingSettings')}
-            </div>
-            <div className='rb:mt-4'>
-              <div 
-                className={`rb:flex rb:items-center rb:w-full rb:border rb:rounded-lg rb:p-4 rb:cursor-pointer ${
-                  pdfEnhancementEnabled ? 'rb:border-blue-500' : 'rb:border-gray-300'
-                }`}
-                // onClick={() => setPdfEnhancementEnabled(!pdfEnhancementEnabled)}
-              >
-                <Checkbox 
-                  checked={pdfEnhancementEnabled}
-                  onChange={(e) => setPdfEnhancementEnabled(e.target.checked)}
-                  className='rb:mr-3'
-                />
-                <span className='rb:text-base rb:font-medium rb:text-gray-800 rb:pl-[22px]'>
-                  {t('knowledgeBase.pdfEnhancementAnalysis')}
-                </span>
-                {pdfEnhancementEnabled && (
-                <div className='rb:ml-10'>
-                  <Select
-                    value={pdfEnhancementMethod}
-                    onChange={(value) => setPdfEnhancementMethod(value)}
-                    className='rb:w-48'
-                    options={[
-                      { value: 'deepdoc', label: 'DeepDoc' },
-                      { value: 'mineru', label: 'MinerU' },
-                      { value: 'textln', label: 'TextLN' }
-                    ]}
-                  />
+        {current === 1 && (
+          <div className='rb:flex rb:flex-col rb:mt-10 rb:px-40'>
+              {rechunkFileIds.length > 0 && (
+                <div className='rb:bg-[#F0F3F8] rb:border rb:border-[#DFE4ED] rb:rounded-[8px] rb:px-3 rb:py-2 rb:mb-4 rb:text-xs rb:text-gray-600 rb:flex rb:items-center rb:flex-wrap rb:gap-2'>
+                    <span className='rb:text-gray-700 rb:font-medium'>{t('knowledgeBase.rechunking')}:</span>
+                    {rechunkFileIds.map((id) => (
+                      <span key={id} className='rb:px-2 rb:py-0.5 rb:bg-white rb:border rb:border-[#DFE4ED] rb:rounded'>{id}</span>
+                    ))}
                 </div>
               )}
+              <div className='rb:text-base rb:font-medium rb:text-gray-800 rb:mt-4'>
+                  {t('knowledgeBase.fileParsingSettings')}
               </div>
-              
-            </div>
-            <div className='rb:text-base rb:font-medium rb:text-gray-800 rb:mt-6'>
-                {t('knowledgeBase.dataProcessingSettings')}
-            </div>
-            <div className='rb:font-medium rb:text-gray-500 rb:mt-4 rb:mb-3'>
-                {t('knowledgeBase.processingMethod')}
-            </div>
-            <Radio.Group
-                value={processingMethod}
-                onChange={(e) => setProcessingMethod(e.target.value)}
-                style={style}
-            >
-                <Radio value='directBlock' style={getActiveRadioStyle(processingMethod === 'directBlock')}>
-                    <Flex gap='small' vertical>
-                        <span className='rb:text-base rb:font-medium rb:text-gray-800'>
-                            {t('knowledgeBase.directBlock')}
-                        </span>
-                    </Flex>
-                </Radio>
-                <Radio value='qaExtract' style={getActiveRadioStyle(processingMethod === 'qaExtract')}>
-                    <Flex gap='small' vertical>
-                        <span className='rb:text-base rb:font-medium rb:text-gray-800'>
-                        {t('knowledgeBase.qaExtract')}
-                        </span>
-                    </Flex>
-                </Radio>
-            </Radio.Group>
-            <div className='rb:font-medium rb:text-gray-500 rb:mt-4 rb:mb-3'>
-                {t('knowledgeBase.parameterSettings')}
-            </div>
-            <Radio.Group
-                value={parameterSettings}
-                onChange={(e) => setParameterSettings(e.target.value)}
-                style={style}
-            >
-                <Radio value='defaultSettings' style={getActiveRadioStyle(parameterSettings === 'defaultSettings')}>
-                    <Flex gap='small' vertical>
-                        <span className='rb:text-base rb:font-medium rb:text-gray-800'>
-                            {t('knowledgeBase.default')}
-                        </span>
-                        <span className='rb:text-3 rb:text-gray-500'>{t('knowledgeBase.defaultSettings')}</span>
-                    </Flex>
-                </Radio>
-                <Radio value='customSettings' style={getActiveRadioStyle(parameterSettings === 'customSettings')}>
-                    <Flex gap='small' vertical>
-                        <span className='rb:text-base rb:font-medium rb:text-gray-800'>
-                            {t('knowledgeBase.customize')}
-                        </span>
-                        <span className='rb:text-3 rb:text-gray-500'>{t('knowledgeBase.customSettings')}</span>
-                    </Flex>
-                </Radio>
-            </Radio.Group>
-            {parameterSettings === 'customSettings' && ( 
-              <div className='rb:flex rb:flex-col rb:mt-5'> 
-                  <div className='rb:w-full rb:text-sm rb:font-medium rb:text-gray-800 rb:mb-3'>
-                      {t('knowledgeBase.delimiter')}
-                  </div>
-                  <DelimiterSelector value={delimiter} onChange={setDelimiter} className='rb:mb-5'/>
-                  <SliderInput label={t('knowledgeBase.suggestedBlockSize')} max={1024} min={1} step={1} value={blockSize} onChange={handleChange} />
-              </div>
-              
-            )}
-        </div>
-      )}
-
-      {/* 暂时隐藏第三步：数据预览 */}
-      {/* {current === stepIndexMap.dataPreview && (
-        <div className='rb:grid rb:grid-cols-2 rb:rounded-xl rb:border rb:border-[#DFE4ED] rb:h-[calc(100%-160px)] rb:bg-[#FBFDFF] rb:mt-4'>
-            <div className='rb:border-r rb:h-full rb:overflow-hidden rb:border-[#DFE4ED]'>
-                <div className='rb:h-11 rb:w-full rb:text-sm rb:font-medium rb:text-gray-800 rb:px-4 rb:py-3 rb:border-b rb:border-[#DFE4ED]'>
-                    {t('knowledgeBase.fileList')}
-                </div>
-                <div className='rb:flex rb:flex-col rb:h-[calc(100%-44px)] rb:overflow-y-auto'>
-                    {data.map((item, index) => (
-                        <div key={index} className={`rb:h-11 rb:w-full rb:text-sm rb:text-gray-800 rb:px-4 rb:py-3  rb:hover:text-[#155EEF] rb:cursor-pointer ${curSelectedFileId === index ? styles.textBg + ' ' + styles.active : ''}`}
-                            onClick={() => handlePreview(item, index)}>
-                            {item.file_name}
-                        </div>
-                        ))
-                    }
-                    
-                </div>
-            </div>
-            <div className='rb:h-full rb:overflow-hidden'>
-                <div className='rb:flex rb:items-center rb:justify-between rb:h-11 rb:w-full rb:text-sm rb:font-medium rb:text-gray-800 rb:px-4 rb:py-3 rb:border-b rb:border-[#DFE4ED]'>
-                    {t('knowledgeBase.dataPreview')}
-                    <span className='rb:text-sm rb:text-gray-500'>{t('knowledgeBase.maxPreviewChunks', {count: total, max: chunkData.length})}</span>
-                </div>
-                <Spin spinning={previewLoading}>
-                    <div className='rb:flex rb:flex-col rb:h-[calc(100%-44px)] rb:overflow-y-auto'>
-                        {chunkData.length > 0 ? (
-                            chunkData.map((item, index) => (
-                                <div key={index} className='rb:text-sm rb:text-gray-800 rb:px-4 rb:py-3'
-                                    dangerouslySetInnerHTML={{ __html: item.page_content }}
-                                />
-                            ))
-                        ) : (
-                            <NoData title={t('knowledgeBase.noChunksToPreview')} 
-                                subTitle={t('knowledgeBase.clickToPreview')}
-                                image={noDataIcon}
-                            />
-                        )}
+              <div className='rb:mt-4'>
+                <div 
+                  className={`rb:flex rb:items-center rb:justify-between rb:w-full rb:border rb:rounded-xl rb:p-4 rb:cursor-pointer ${
+                  pdfEnhancementEnabled ? 'rb:border-[#171719] rb:bg-[#FAFAFA]' : 'rb-border'
+                  }`}
+                  // onClick={() => setPdfEnhancementEnabled(!pdfEnhancementEnabled)}
+                >
+                  <Checkbox 
+                    checked={pdfEnhancementEnabled}
+                    onChange={(e) => setPdfEnhancementEnabled(e.target.checked)}
+                    className='rb:mr-3'
+                  >
+                    <span className='rb:text-base rb:font-medium rb:text-gray-800 rb:pl-[22px]'>
+                      {t('knowledgeBase.pdfEnhancementAnalysis')}
+                    </span>
+                  </Checkbox>
+                  {pdfEnhancementEnabled && (
+                    <div className='rb:ml-10'>
+                      <Select
+                        value={pdfEnhancementMethod}
+                        onChange={(value) => setPdfEnhancementMethod(value)}
+                        className='rb:w-[300px]'
+                        options={[
+                          { value: 'deepdoc', label: 'DeepDoc' },
+                          { value: 'mineru', label: 'MinerU' },
+                          { value: 'textln', label: 'TextLN' }
+                        ]}
+                      />
                     </div>
-                </Spin>
-            </div>
-        </div>
-      )} */}
-
-      {current === 2 && (
-        // <Spin spinning={pollingLoading} tip={t('knowledgeBase.processingDocuments') || '正在处理文档...'}>
-          <div className='rb:text-sm rb:text-gray-500 rb:mt-4 rb:h-[calc(100%-160px)] rb:overflow-y-auto'>
-            {rechunkFileIds.length > 0 ? (
-              <Table
-                ref={tableRef}
-                apiUrl={`/documents/${knowledgeBaseId}/documents`}
-                apiParams={{       
-                    document_ids: rechunkFileIds.join(','),
-                }}
-                columns={columns}
-                rowKey="id"
-              />
-            ) : (
-              <Table
-                ref={tableRef}
-                columns={columns}
-                rowKey="id"
-                initialData={[]}
-              />
-            )}
+                  )}
+                </div>
+                
+              </div>
+              <div className='rb:text-base rb:font-medium rb:text-gray-800 rb:mt-6'>
+                  {t('knowledgeBase.dataProcessingSettings')}
+              </div>
+              <div className='rb:font-medium rb:text-gray-500 rb:mt-4 rb:mb-3'>
+                  {t('knowledgeBase.processingMethod')}
+              </div>
+              <Radio.Group
+                  value={processingMethod}
+                  onChange={(e) => setProcessingMethod(e.target.value)}
+                  style={style}
+              >
+                  <Radio value='directBlock' style={getActiveRadioStyle(processingMethod === 'directBlock')}>
+                      <Flex gap='small' vertical>
+                          <span className='rb:text-base rb:font-medium rb:text-gray-800'>
+                              {t('knowledgeBase.directBlock')}
+                          </span>
+                      </Flex>
+                  </Radio>
+                  <Radio value='qaExtract' style={getActiveRadioStyle(processingMethod === 'qaExtract')}>
+                      <Flex gap='small' vertical>
+                          <span className='rb:text-base rb:font-medium rb:text-gray-800'>
+                          {t('knowledgeBase.qaExtract')}
+                          </span>
+                      </Flex>
+                  </Radio>
+              </Radio.Group>
+              <div className='rb:font-medium rb:text-gray-500 rb:mt-4 rb:mb-3'>
+                  {t('knowledgeBase.parameterSettings')}
+              </div>
+              <Radio.Group
+                  value={parameterSettings}
+                  onChange={(e) => setParameterSettings(e.target.value)}
+                  style={style}
+              >
+                  <Radio value='defaultSettings' style={getActiveRadioStyle(parameterSettings === 'defaultSettings')}>
+                      <Flex gap='small' vertical>
+                          <span className='rb:text-base rb:font-medium rb:text-gray-800'>
+                              {t('knowledgeBase.default')}
+                          </span>
+                          <span className='rb:text-3 rb:text-gray-500'>{t('knowledgeBase.defaultSettings')}</span>
+                      </Flex>
+                  </Radio>
+                  <Radio value='customSettings' style={getActiveRadioStyle(parameterSettings === 'customSettings')}>
+                      <Flex gap='small' vertical>
+                          <span className='rb:text-base rb:font-medium rb:text-gray-800'>
+                              {t('knowledgeBase.customize')}
+                          </span>
+                          <span className='rb:text-3 rb:text-gray-500'>{t('knowledgeBase.customSettings')}</span>
+                      </Flex>
+                  </Radio>
+              </Radio.Group>
+              {parameterSettings === 'customSettings' && ( 
+                <div className='rb:grid rb:grid-cols-2 rb:mt-5 rb-border rb:rounded-xl rb:px-6 rb:py-4 rb:gap-10'> 
+                <div>
+                  <div className='rb:w-full rb:text-[#5B6167] rb:leading-5 rb:mb-2'>
+                    {t('knowledgeBase.delimiter')}
+                  </div>
+                  <DelimiterSelector value={delimiter} onChange={setDelimiter} />
+                  </div>
+                  <SliderInput label={t('knowledgeBase.suggestedBlockSize')} max={1024} min={1} step={1} value={blockSize} onChange={handleChange} />
+                </div>
+                
+              )}
           </div>
-        // </Spin>
-      )}
-
-      <div className={`rb:flex rb:gap-3 rb:mt-6 ${current === 1 || (source == 'link' && current === 0) || (source == 'text' && current === 0) ? 'rb:pl-40 rb:mt-10' : ''}`}>
-        {current !== 0 && (
-            <Button onClick={handlePrev} disabled={current === 0 || pollingLoading}>
-            {t('common.previous') || 'Prev'}
-            </Button>
         )}
-        <Button 
-          type='primary' 
-          onClick={current === 2 ? handleStartUpload : handleNext}
-          disabled={
-            pollingLoading || 
-            (current === 0 && source === 'local' && rechunkFileIds.length === 0) ||
-            (current === 0 && source === 'text' && !textFormValid)
-          }
-        >
-          {current === 2 ? t('knowledgeBase.startUploading') || 'Start Upload' : t('common.next') || 'Next'}
-        </Button>
+
+        {/* 暂时隐藏第三步：数据预览 */}
+        {/* {current === stepIndexMap.dataPreview && (
+          <div className='rb:grid rb:grid-cols-2 rb:rounded-xl rb:border rb:border-[#DFE4ED] rb:h-[calc(100%-160px)] rb:bg-[#FBFDFF] rb:mt-4'>
+              <div className='rb:border-r rb:h-full rb:overflow-hidden rb:border-[#DFE4ED]'>
+                  <div className='rb:h-11 rb:w-full rb:text-sm rb:font-medium rb:text-gray-800 rb:px-4 rb:py-3 rb:border-b rb:border-[#DFE4ED]'>
+                      {t('knowledgeBase.fileList')}
+                  </div>
+                  <div className='rb:flex rb:flex-col rb:h-[calc(100%-44px)] rb:overflow-y-auto'>
+                      {data.map((item, index) => (
+                          <div key={index} className={`rb:h-11 rb:w-full rb:text-sm rb:text-gray-800 rb:px-4 rb:py-3  rb:hover:text-[#155EEF] rb:cursor-pointer ${curSelectedFileId === index ? styles.textBg + ' ' + styles.active : ''}`}
+                              onClick={() => handlePreview(item, index)}>
+                              {item.file_name}
+                          </div>
+                          ))
+                      }
+                      
+                  </div>
+              </div>
+              <div className='rb:h-full rb:overflow-hidden'>
+                  <div className='rb:flex rb:items-center rb:justify-between rb:h-11 rb:w-full rb:text-sm rb:font-medium rb:text-gray-800 rb:px-4 rb:py-3 rb:border-b rb:border-[#DFE4ED]'>
+                      {t('knowledgeBase.dataPreview')}
+                      <span className='rb:text-sm rb:text-gray-500'>{t('knowledgeBase.maxPreviewChunks', {count: total, max: chunkData.length})}</span>
+                  </div>
+                  <Spin spinning={previewLoading}>
+                      <div className='rb:flex rb:flex-col rb:h-[calc(100%-44px)] rb:overflow-y-auto'>
+                          {chunkData.length > 0 ? (
+                              chunkData.map((item, index) => (
+                                  <div key={index} className='rb:text-sm rb:text-gray-800 rb:px-4 rb:py-3'
+                                      dangerouslySetInnerHTML={{ __html: item.page_content }}
+                                  />
+                              ))
+                          ) : (
+                              <NoData title={t('knowledgeBase.noChunksToPreview')} 
+                                  subTitle={t('knowledgeBase.clickToPreview')}
+                                  image={noDataIcon}
+                              />
+                          )}
+                      </div>
+                  </Spin>
+              </div>
+          </div>
+        )} */}
+
+        {current === 2 && (
+          // <Spin spinning={pollingLoading} tip={t('knowledgeBase.processingDocuments') || '正在处理文档...'}>
+            <div className='rb:text-sm rb:text-gray-500 rb:mt-4 rb:h-[calc(100%-160px)] rb:overflow-y-auto rb:px-6 rb:py-6'>
+              {rechunkFileIds.length > 0 ? (
+                <Table
+                  ref={tableRef}
+                  apiUrl={`/documents/${knowledgeBaseId}/documents`}
+                  apiParams={{       
+                      document_ids: rechunkFileIds.join(','),
+                  }}
+                  columns={columns}
+                  rowKey="id"
+                />
+              ) : (
+                <Table
+                  ref={tableRef}
+                  columns={columns}
+                  rowKey="id"
+                  initialData={[]}
+                />
+              )}
+            </div>
+          // </Spin>
+        )}
+        <div className={`rb:flex rb:p-6 rb:gap-3 rb:mt-6 ${current === 1 || (source == 'link' && current === 0) || (source == 'text' && current === 0) ? 'rb:pl-28 rb:mt-10' : ''}`}>
+          {current !== 0 && (
+              <Button onClick={handlePrev} disabled={current === 0 || pollingLoading}>
+              {t('common.previous') || 'Prev'}
+              </Button>
+          )}
+          <Button 
+            type='primary' 
+            onClick={current === 2 ? handleStartUpload : handleNext}
+            disabled={
+              pollingLoading || 
+              (current === 0 && source === 'local' && rechunkFileIds.length === 0) ||
+              (current === 0 && source === 'text' && !textFormValid)
+            }
+          >
+            {current === 2 ? t('knowledgeBase.startUploading') || 'Start Upload' : t('common.next') || 'Next'}
+          </Button>
+        </div>
       </div>
     </div>
   </>);
diff --git a/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx b/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx
index dcee69dd..f3716cd3 100644
--- a/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx
+++ b/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx
@@ -7,7 +7,7 @@
  * @LastEditTime: 2025-12-19 20:19:59
  */
 import { useEffect, useState, useRef, type FC } from 'react';
-import { useNavigate, useParams, useLocation } from 'react-router-dom';
+import { useNavigate, useParams, useLocation, useSearchParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { useBreadcrumbManager, type BreadcrumbPath } from '@/hooks/useBreadcrumbManager';
 import { Button, Spin, message, Switch } from 'antd';
@@ -29,11 +29,16 @@ const DocumentDetails: FC = () => {
   const { updateBreadcrumbs } = useBreadcrumbManager({
     breadcrumbType: 'detail'
   });
+  const [searchParams] = useSearchParams();
   const { 
     documentId, 
     parentId: locationParentId, 
     breadcrumbPath 
-  } = (location.state || {}) as { 
+  } = ({
+    documentId: searchParams.get('documentId') ?? undefined,
+    parentId: searchParams.get('parentId') ?? undefined,
+    ...(location.state || {})
+  }) as { 
     documentId?: string; 
     parentId?: string; 
     breadcrumbPath?: BreadcrumbPath;
@@ -350,9 +355,9 @@ const DocumentDetails: FC = () => {
   }
 
   return (<>
-    <div className="rb:flex rb:flex-col rb:h-full rb:p-4">
+    <div className="rb:flex rb:flex-col rb:h-full rb:p-1">
       {/* Header */}
-      <div className="rb:flex rb:flex-col rb:text-left rb:mb-6">
+      <div className="rb:flex rb:flex-col rb:text-left rb:mb-4">
         <div className='rb:flex rb:items-center rb:justify-between'>
             <div className='rb:flex rb:items-center rb:gap-2 rb:mb-4 rb:cursor-pointer' onClick={handleBack}>
                 <img src={exitIcon} alt='exit' className='rb:w-4 rb:h-4' />
@@ -379,10 +384,10 @@ const DocumentDetails: FC = () => {
       </div>
 
       {/* Content area */}
-      <div className="rb:flex rb:h-full rb:gap-4 rb:flex-1 rb:overflow-hidden">
+      <div className="rb:flex rb:h-full rb:flex-1 rb:overflow-hidden rb:bg-white rb:rounded-xl rb:border rb:border-[#DFE4ED]">
         {/* Left: Document info */}
         <div className='rb:w-80 rb:h-full rb:flex rb:flex-col rb:gap-4 rb:overflow-hidden'>
-          <div className='rb:border rb:border-[#DFE4ED] rb:bg-white rb:rounded-xl rb:p-4'>
+          <div className='rb:h-full rb:border-r rb:border-[#DFE4ED] rb:p-4'>
             <InfoPanel 
               title={t('knowledgeBase.documentInfo') || '文档信息'} 
               items={infoItems}
@@ -396,7 +401,7 @@ const DocumentDetails: FC = () => {
         {/* Right: Chunk list */}
         <div 
           id="chunkScrollableDiv"
-          className="rb:flex-1 rb:bg-white rb:rounded-lg rb:border rb:border-gray-200 rb:p-6 rb:overflow-y-auto"
+          className="rb:flex-1 rb:bg-white rb:rounded-lg rb:p-4 rb:overflow-y-auto"
         >
           <h2 className="rb:text-lg rb:font-medium rb:mb-4">
             {t('knowledgeBase.chunkList') || '分块列表'}
diff --git a/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.css b/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.css
index bf683aa9..34678b48 100644
--- a/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.css
+++ b/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.css
@@ -16,6 +16,7 @@
 .customTree .ant-tree-node-content-wrapper {
   background: transparent !important;
   background-color: transparent !important;
+  color: #171719 !important;
   height: 40px !important;
   display: flex !important;
   align-items: center !important;
@@ -28,15 +29,18 @@
 
 .customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper:before,
 .customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper:hover:before {
-    background: #FFFFFF !important;
+    background: #171719 !important;
 }
 .customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper, 
 .customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper:hover{
-    color: #000 !important;
+    color: #FFFFFF !important;
 }
 .customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher,
 .customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-draggable-icon{
-    color: #000;
+    color: #FFFFFF;
+}
+.customTree.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher img {
+    filter: brightness(0) invert(1) !important;
 }
 .customTree .ant-tree-switcher {
   display: flex !important;
@@ -111,3 +115,8 @@
 
 
 
+
+/* Steps 已完成步骤圆内字体颜色 */
+.custom-steps .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
+  color: #FFFFFF !important;
+}
diff --git a/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.tsx b/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.tsx
index 30aefb16..0198f363 100644
--- a/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.tsx
+++ b/web/src/views/KnowledgeBase/[knowledgeBaseId]/Private.tsx
@@ -2,7 +2,7 @@
 import { useEffect, useState, useRef, useCallback, type FC } from 'react';
 import { useNavigate, useParams, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Switch, Button, Dropdown, Space, Modal, message, Radio, Tooltip } from 'antd';
+import { Switch, Button, Dropdown, Space, Radio, Tooltip, App } from 'antd';
 import type { MenuProps } from 'antd';
 import SearchInput from '@/components/SearchInput'
 import Table, { type TableRef } from '@/components/Table'
@@ -39,12 +39,11 @@ import { formatDateTime } from '@/utils/format';
 import KnowledgeGraphCard from '../components/KnowledgeGraphCard';
 import { useBreadcrumbManager, type BreadcrumbItem } from '@/hooks/useBreadcrumbManager';
 import './Private.css'
-const { confirm } = Modal
 // Tree node data type
 
 const Private: FC = () => {
   const { t } = useTranslation();
-  const [messageApi, contextHolder] = message.useMessage();
+  const { modal, message: messageApi } = App.useApp()
   const navigate = useNavigate();
   const location = useLocation();
   const { knowledgeBaseId } = useParams<{ knowledgeBaseId: string }>();
@@ -501,7 +500,7 @@ const Private: FC = () => {
     downloadFile(targetFileId, fileName);
   }
   const handleDelete = (item: any) => {
-      confirm({
+      modal.confirm({
         title: t('common.deleteWarning'),
         content: t('common.deleteWarningContent', { content: item.file_name }),
         onOk: () => {
@@ -530,7 +529,7 @@ const Private: FC = () => {
         const document = record as KnowledgeBaseDocumentData;
         return (
           <span
-            className="rb:text-blue-600 rb:cursor-pointer rb:hover:underline"
+            className="rb:text-gray-900 rb:font-medium rb:cursor-pointer rb:hover:underline"
             onClick={() => {
               if (knowledgeBaseId && document.id) {
                 navigate(`/knowledge-base/${knowledgeBaseId}/DocumentDetails`,{
@@ -765,10 +764,9 @@ const Private: FC = () => {
 
   return (
     <>
-    {contextHolder}
-    <div className="rb:flex rb:h-full rb:gap-4">
+    <div className="rb:flex rb:h-full rb:bg-white rb:rounded-xl">
       {folder && (
-        <div className="rb:w-64 rb:flex-shrink-0 rb:h-[calc(100%+40px)] rb:mt-[-16px] rb:border-r rb:border-[#EAECEE] rb:p-4 rb:bg-transparent">
+        <div className="rb:w-64 rb:py-4 rb:flex-shrink-0 rb:h-[calc(100%+40px)] rb:border-r rb:border-[#EAECEE] rb:p-4 rb:bg-transparent">
             <FolderTree
               multiple
               className="customTree"
@@ -784,7 +782,7 @@ const Private: FC = () => {
             />
         </div>
       )}
-      <div className='rb:flex-1 rb:min-w-0'>
+      <div className='rb:flex-1 rb:min-w-0 rb:p-4'>
         <div className="rb:flex rb:items-center rb:justify-between rb:mb-4">
           
           <div className="rb:flex-col">
@@ -808,7 +806,7 @@ const Private: FC = () => {
           {/* </div> */}
         </div>
         <div className='rb:flex rb:items-center rb:justify-between rb:mb-4'>
-          <SearchInput placeholder={t('knowledgeBase.search')} onSearch={handleSearch} />
+          <SearchInput placeholder={t('knowledgeBase.search')} variant="outlined" onSearch={handleSearch} />
           <div className='rb:flex-1 rb:flex rb:items-center rb:justify-end rb:gap-2.5'>
             <Radio.Group value={isGraph} onChange={(e) => setIsGraph(e.target.value)}>
               <Radio.Button value={false} >
diff --git a/web/src/views/KnowledgeBase/[knowledgeBaseId]/Share.tsx b/web/src/views/KnowledgeBase/[knowledgeBaseId]/Share.tsx
index e9aa0aa9..2bdfe970 100644
--- a/web/src/views/KnowledgeBase/[knowledgeBaseId]/Share.tsx
+++ b/web/src/views/KnowledgeBase/[knowledgeBaseId]/Share.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useState, useRef, type FC } from 'react';
 import { useParams, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import { Popover } from 'antd';
 import type { KnowledgeBaseListItem, RecallTestDrawerRef } from '@/views/KnowledgeBase/types';
 import RecallTest from '../components/RecallTest';
 import InfoPanel, { type InfoItem } from '../components/InfoPanel';
@@ -27,7 +28,7 @@ const Share: FC = () => {
   const recallTestRef = useRef<RecallTestDrawerRef>(null);
   const [infoItems, setInfoItems] = useState<InfoItem[]>([]);
   const [knowledgeBaseFolderPath, setKnowledgeBaseFolderPath] = useState<BreadcrumbItem[]>([]);
-  
+  const [viewInfo,setViewInfo] = useState<boolean>(false);
   const { updateBreadcrumbs } = useBreadcrumbManager({
     breadcrumbType: 'detail'
   });
@@ -160,7 +161,17 @@ const Share: FC = () => {
           <span className='rb:text-gray-500 rb:text-sm rb:ml-2 rb:font-normal'>(ID: {knowledgeBase.id})</span></h1>
         
         {/* <p className="rb:text-gray-600 rb:mt-2">{knowledgeBase.description || t('knowledgeBase.noDescription')}</p> */}
-        <span className='rb:text-gray-800 rb:text-xs rb:border rb:border-[#369F21] rb:bg-[rgba(54,159,33,0.2)] rb:px-1 rb:py-[2px] rb:rounded'>{knowledgeBase.permission_id}</span>
+        <span className='rb:text-white rb:text-xs rb:bg-blue-500 rb:px-1 rb:py-[2px] rb:rounded'>{knowledgeBase.permission_id}</span>
+        <Popover
+          content={<InfoPanel title={t('knowledgeBase.knowledgeBaseInfo')} items={infoItems} />}
+          trigger="hover"
+          placement="bottomLeft"
+          arrow={false}
+        >
+          <span 
+            className='rb:border rb:border-[#171719] rb:px-1 rb:py-[2px] rb:rounded rb:text-gray-900 rb:text-xs rb:cursor-pointer'
+          >{t('knowledgeBase.viewBasicInfo')}</span>
+        </Popover>
       </div>
       <div className="rb:flex rb:w-full rb:items-center rb:mb-5 rb:gap-2">
           <img src={shareUserIcon} className='rb:size-4 rb:ml-2' />
@@ -178,15 +189,11 @@ const Share: FC = () => {
             <RecallTest  ref={recallTestRef} />
           </div>
         </div>
-        <div className='rb:w-80 rb:border rb:overflow-y-auto rb:border-[#DFE4ED] rb:bg-white rb:rounded-xl rb:p-4'>
-          <InfoPanel 
-            title={t('knowledgeBase.knowledgeBaseInfo')} 
-            items={infoItems}
-          />
-        </div>
+        {/* <div className='rb:w-80 rb:border rb:overflow-y-auto rb:border-[#DFE4ED] rb:bg-white rb:rounded-xl rb:p-4'>
+         
+        </div> */}
       </div>
 
-
     </div>
   );
 };
diff --git a/web/src/views/KnowledgeBase/components/CreateImageDataset.tsx b/web/src/views/KnowledgeBase/components/CreateImageDataset.tsx
index e6b9b386..732a95ec 100644
--- a/web/src/views/KnowledgeBase/components/CreateImageDataset.tsx
+++ b/web/src/views/KnowledgeBase/components/CreateImageDataset.tsx
@@ -1,7 +1,7 @@
 import { forwardRef, useImperativeHandle, useState, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 
-import { Form, message } from 'antd';
+import { Form, App } from 'antd';
 import { useTranslation } from 'react-i18next';
 import type { UploadFile } from 'antd';
 import type { CreateSetModalRef, CreateSetMoealRefProps } from '@/views/KnowledgeBase/types';
@@ -19,8 +19,8 @@ const CreateImageDataset = forwardRef<CreateSetModalRef, CreateSetMoealRefProps>
   ({ refreshTable }, ref) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
+    const { message: messageApi } = App.useApp();
     const [visible, setVisible] = useState(false);
-    const [messageApi, contextHolder] = message.useMessage();
 
     const [form] = Form.useForm<ImageDatasetFormData>();
     const [loading, setLoading] = useState(false);
@@ -227,7 +227,6 @@ const CreateImageDataset = forwardRef<CreateSetModalRef, CreateSetMoealRefProps>
     };
     return (
       <>
-      {contextHolder}
       <RbModal
         title={`${t('knowledgeBase.createA')} ${t('knowledgeBase.mediaDataSet')}`}
         open={visible}
diff --git a/web/src/views/KnowledgeBase/components/CreateModal.tsx b/web/src/views/KnowledgeBase/components/CreateModal.tsx
index 35eb52d0..96cb8c92 100644
--- a/web/src/views/KnowledgeBase/components/CreateModal.tsx
+++ b/web/src/views/KnowledgeBase/components/CreateModal.tsx
@@ -1,5 +1,5 @@
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { Form, Input, Select, Modal, Tabs, Switch, Radio, Button, message } from 'antd';
+import { Form, Input, Select, Modal, Tabs, Switch, Radio, Button, App } from 'antd';
 import { useTranslation } from 'react-i18next';
 import type { KnowledgeBaseListItem, KnowledgeBaseFormData, CreateModalRef, CreateModalRefProps } from '@/views/KnowledgeBase/types';
 import { 
@@ -26,7 +26,7 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
   refreshTable
 }, ref) => {
   const { t } = useTranslation();
-  const [messageApi, contextHolder] = message.useMessage();
+  const { modal, message: messageApi } = App.useApp()
   const [visible, setVisible] = useState(false);
   const [modelTypeList, setModelTypeList] = useState<string[]>([]);
   const [modelOptionsByType, setModelOptionsByType] = useState<Record<string, { label: string; value: string }[]>>({});
@@ -335,7 +335,7 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
     
     // If original type is 'rebuild' and knowledge graph is enabled, show confirmation dialog
     if (originalType === 'rebuild' && isGraphragEnabled) {
-      confirm({
+      modal.confirm({
         title: t('knowledgeBase.rebuildConfirmTitle'),
         content: t('knowledgeBase.rebuildConfirmContent'),
         onOk: async() => {
@@ -478,7 +478,7 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
       // Get previous value from original datasets object
       const previousValue = (datasets as any)[fieldKey];
       
-      confirm({
+      modal.confirm({
         title: t('common.updateWarning'),
         content: t('knowledgeBase.updateEmbeddingContent'),
         onOk: () => {
@@ -880,7 +880,6 @@ const CreateModal = forwardRef<CreateModalRef, CreateModalRefProps>(({
           items={tabItems}
         />
       </Form>
-      {contextHolder}
     </RbModal>
   );
 });
diff --git a/web/src/views/KnowledgeBase/components/KnowledgeGraph.tsx b/web/src/views/KnowledgeBase/components/KnowledgeGraph.tsx
index ea6b8f7e..7096bbd4 100644
--- a/web/src/views/KnowledgeBase/components/KnowledgeGraph.tsx
+++ b/web/src/views/KnowledgeBase/components/KnowledgeGraph.tsx
@@ -270,8 +270,8 @@ const KnowledgeGraph: FC<KnowledgeGraphProps> = ({ data, loading = false }) => {
     <Col span={24}>
       <RbCard 
         title={t('knowledgeBase.knowledgeGraph')}
-        headerType="borderless"
-        headerClassName="rb:text-[18px]! rb:leading-[24px]"
+        variant="outlined"
+        headerClassName="rb:text-sm! rb:leading-11 rb:bg-[#FAFAFA]! rb:w-full rb:ml-0! rb:px-3!"
       >
         <div className="rb:h-124 rb:relative">
           {loading ? (
@@ -435,7 +435,7 @@ const KnowledgeGraph: FC<KnowledgeGraphProps> = ({ data, loading = false }) => {
             </>
           )}
         </div>
-        <div className="rb:bg-[#F0F3F8] rb:flex rb:items-center rb:gap-6 rb:rounded-[0px_0px_12px_12px] rb:p-[14px_40px] rb:m-[0_-20px_-16px_-16px]">
+        <div className="rb:bg-[#FAFAFA] rb:border-box rb:border-t rb:border-gray-200 rb:flex rb:items-center rb:justify-between rb:gap-6 rb:rounded-[0px_0px_12px_12px] rb:p-[14px_40px] rb:m-[0_-16px_-20px_-16px]">
           {operations.map((item) => (
             <div key={item.name} className="rb:flex rb:items-center rb:text-[#5B6167] rb:leading-5">
               <img src={item.icon} className="rb:w-5 rb:h-5 rb:mr-1" />
diff --git a/web/src/views/KnowledgeBase/components/RecallTest.tsx b/web/src/views/KnowledgeBase/components/RecallTest.tsx
index 9c0c9261..c0c6a237 100644
--- a/web/src/views/KnowledgeBase/components/RecallTest.tsx
+++ b/web/src/views/KnowledgeBase/components/RecallTest.tsx
@@ -108,11 +108,11 @@ const RecallTest = forwardRef<RecallTestDrawerRef>(({},ref) => {
               <span className='rb:text-[#155eef]'>{ t('knowledgeBase.loadSampleQuestions')}</span>
           </div> */}
         </div>
-        <Form form={form} >
+        <Form form={form} layout="vertical">
           <Form.Item name="query">
               <TextArea rows={4} placeholder={t('knowledgeBase.testQuestionPlaceholder')}/>
           </Form.Item>
-          <div className='rb:grid rb:grid-cols-2 rb:gap-x-4'>
+          <div className='rb:grid rb:grid-cols-5 rb:gap-x-4'>
               <Form.Item 
                   name="retrieve_type" 
                   label={t('knowledgeBase.retrieveMode')}
@@ -179,7 +179,7 @@ const RecallTest = forwardRef<RecallTestDrawerRef>(({},ref) => {
               {/* <Form.Item name="hybrid" valuePropName="checked" initialValue={true} label={t('knowledgeBase.hybrid') || 'Hybrid'}>
                   <Switch checkedChildren={t('common.yes') || 'Yes'} unCheckedChildren={t('common.no') || 'No'} />
               </Form.Item>  */}
-              <Form.Item>
+              <Form.Item className="rb:flex rb:items-end rb:justify-end">
                   <Button type="primary" onClick={handleStartTest} loading={loading}>{ t('knowledgeBase.startTesting')}</Button>
               </Form.Item> 
           </div>
diff --git a/web/src/views/KnowledgeBase/components/RecallTestDrawer.tsx b/web/src/views/KnowledgeBase/components/RecallTestDrawer.tsx
index 2bb23416..cae9c80f 100644
--- a/web/src/views/KnowledgeBase/components/RecallTestDrawer.tsx
+++ b/web/src/views/KnowledgeBase/components/RecallTestDrawer.tsx
@@ -1,4 +1,3 @@
-
 import { forwardRef, useImperativeHandle, useState, useRef, useLayoutEffect, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import RbDrawer from '@/components/RbDrawer';
@@ -51,6 +50,7 @@ const RecallTestDrawer = forwardRef<RecallTestDrawerRef>(({},ref) => {
         title={t('knowledgeBase.recallTest')}
         open={open}
         onClose={() => setOpen(false)}
+        width={1000}
     >
       <RecallTest ref={setRecallTestRef} />
     </RbDrawer>
diff --git a/web/src/views/KnowledgeBase/components/RecallTestResult.tsx b/web/src/views/KnowledgeBase/components/RecallTestResult.tsx
index eb46d8f4..784d0520 100644
--- a/web/src/views/KnowledgeBase/components/RecallTestResult.tsx
+++ b/web/src/views/KnowledgeBase/components/RecallTestResult.tsx
@@ -169,7 +169,7 @@ const RecallTestResult = ({
         return (
           <div
             key={`${item.metadata?.sort_id || index}-${index}`}
-            className={`rb:flex rb:flex-col rb:mb-4 rb:rounded-lg rb:border rb:border-[#DFE4ED] rb:bg-[#FBFDFF] rb:p-4 rb:pt-2 rb:pb-3 rb:relative rb:group ${editable ? 'rb:cursor-pointer rb:transition-all hover:rb:border-[#155EEF] hover:rb:shadow-md' : ''}`}
+            className={`rb:flex rb:flex-col rb:mb-4 rb:rounded-xl rb:bg-[#F6F6F6] rb:p-4 rb:pt-2 rb:pb-3 rb:relative rb:group ${editable ? 'rb:cursor-pointer rb:transition-all hover:rb:border-[#155EEF] hover:rb:shadow-md' : ''}`}
             onClick={(e) => handleItemClick(e, item, index)}
           >
             {editable && (
@@ -183,16 +183,16 @@ const RecallTestResult = ({
                   {scorePercentage.toFixed(1)}% {t('knowledgeBase.similarity')}
                 </span>
               )}
-              <div className={`rb:flex rb:mt-2 rb:flex-col rb:items-end rb:justify-end rb:gap-1 ${!showScore ? 'rb:w-full' : ''}`}>
+              <div className={`rb:flex rb:mt-2 rb:flex rb:items-end rb:justify-end rb:gap-4 ${!showScore ? 'rb:w-full' : ''}`}>
                 <span className='rb:text-gray-800'>
                   <FileOutlined /> {item.metadata?.file_name || '-'}
                 </span>
-                <span className='rb:text-gray-500 rb:text-xs rb:bg-[#F0F3F8] rb:px-1 rb:py-[2px] rb:rounded'>
+                <span className='rb:text-gray-500 rb:text-xs rb:bg-[#DFDFDF] rb:px-1 rb:py-[2px] rb:rounded'>
                   chunk_{item.metadata?.sort_id || index}
                 </span>
               </div>
             </div>
-            <div className='rb:flex rb:text-left rb:px-4 rb:py-3 rb:bg-[#F0F3F8] rb:rounded-lg rb:mt-2'>
+            <div className='rb:flex rb:text-left rb:px-4 rb:py-3 rb:bg-white rb:rounded-lg rb:mt-2'>
               <div className='rb:text-gray-800 rb:text-sm rb:whitespace-pre-wrap rb:break-words rb:w-full'>
                 {(() => {
                   const qaContent = parseQAContent(item.page_content);
diff --git a/web/src/views/KnowledgeBase/components/ShareModal.tsx b/web/src/views/KnowledgeBase/components/ShareModal.tsx
index 2f2cbb7a..bd1b806d 100644
--- a/web/src/views/KnowledgeBase/components/ShareModal.tsx
+++ b/web/src/views/KnowledgeBase/components/ShareModal.tsx
@@ -3,13 +3,12 @@
  * @Version: 0.0.1
  * @Author: yujiangping
  * @Date: 2025-11-10 18:52:55
- * @LastEditors: yujiangping
- * @LastEditTime: 2026-03-09 16:39:07
+ * @LastEditors: ZhaoYing
+ * @LastEditTime: 2026-03-25 18:30:28
  */
 import { forwardRef, useImperativeHandle, useState, useRef } from 'react';
-import { Switch } from 'antd';
+import { Switch, App } from 'antd';
 import { useTranslation } from 'react-i18next';
-import { message } from 'antd';
 import type { ShareModalRef, ShareModalRefProps, KnowledgeBase, SpaceItem} from '@/views/KnowledgeBase/types';
 import RbModal from '@/components/RbModal'
 // import betchControlIcon from '@/assets/images/knowledgeBase/betch-control.png';
@@ -23,7 +22,7 @@ import ShareSpaceModal from './ShareSpaceModal'
 const ShareModal = forwardRef<ShareModalRef,ShareModalRefProps>(({ handleShare: onShare }, ref) => {
   const { t } = useTranslation();
   const shareSpaceModalRef = useRef<ShareSpaceModalRef>(null);
-  const [messageApi, contextHolder] = message.useMessage();
+  const { message: messageApi } = App.useApp()
   const [visible, setVisible] = useState(false);
   const [loading, setLoading] = useState(false)
   const [curIndex, setCurIndex] = useState(9999);
@@ -101,7 +100,6 @@ const ShareModal = forwardRef<ShareModalRef,ShareModalRefProps>(({ handleShare:
 
   return (
     <>
-    {contextHolder}
     <RbModal
       title={t('knowledgeBase.shareSpace')}
       open={visible}
diff --git a/web/src/views/KnowledgeBase/components/ShareSpaceModal.tsx b/web/src/views/KnowledgeBase/components/ShareSpaceModal.tsx
index f75a47d6..0c70b300 100644
--- a/web/src/views/KnowledgeBase/components/ShareSpaceModal.tsx
+++ b/web/src/views/KnowledgeBase/components/ShareSpaceModal.tsx
@@ -3,13 +3,12 @@
  * @Version: 0.0.1
  * @Author: yujiangping
  * @Date: 2025-11-10 18:52:55
- * @LastEditors: yujiangping
- * @LastEditTime: 2026-03-09 16:34:51
+ * @LastEditors: ZhaoYing
+ * @LastEditTime: 2026-03-25 18:30:28
  */
 import { forwardRef, useImperativeHandle, useState } from 'react';
-import { Switch } from 'antd';
 import { useTranslation } from 'react-i18next';
-import { message } from 'antd';
+import { App } from 'antd';
 import type { ShareModalRef, ShareModalRefProps, KnowledgeBase} from '@/views/KnowledgeBase/types';
 import RbModal from '@/components/RbModal'
 // import betchControlIcon from '@/assets/images/knowledgeBase/betch-control.png';
@@ -21,7 +20,7 @@ import type { SpaceItem } from '@/views/KnowledgeBase/types';
 import { formatDateTime } from '@/utils/format';
 const ShareModal = forwardRef<ShareModalRef,ShareModalRefProps>(({ handleShare: onShare }, ref) => {
   const { t } = useTranslation();
-  const [messageApi, contextHolder] = message.useMessage();
+  const { message: messageApi } = App.useApp()
   const [visible, setVisible] = useState(false);
   const [loading, setLoading] = useState(false)
   const [curIndex, setCurIndex] = useState(-1);
@@ -97,7 +96,6 @@ const ShareModal = forwardRef<ShareModalRef,ShareModalRefProps>(({ handleShare:
 
   return (
     <>
-    {contextHolder}
     <RbModal
       title={t('knowledgeBase.toWorkspace')}
       open={visible}
diff --git a/web/src/views/KnowledgeBase/index.tsx b/web/src/views/KnowledgeBase/index.tsx
index 1ad6997b..b996bc16 100644
--- a/web/src/views/KnowledgeBase/index.tsx
+++ b/web/src/views/KnowledgeBase/index.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState, useRef, useMemo, useCallback, type FC } from 'react';
-import { Row, Col, Button, Dropdown, Modal, message, Tooltip } from 'antd'
+import { Button, Dropdown, Tooltip, App, Flex } from 'antd'
 import type { MenuProps } from 'antd';
-import { EllipsisOutlined } from '@ant-design/icons';
+import { RightOutlined, DownOutlined } from '@ant-design/icons';
 import { useNavigate, useLocation } from 'react-router-dom';
 
 import { useTranslation } from 'react-i18next';
@@ -16,7 +16,7 @@ import RbCard from '@/components/RbCard/Card'
 import SearchInput from '@/components/SearchInput'
 import Empty from '@/components/Empty'
 import { getKnowledgeBaseList, getModelList, getModelTypeList, deleteKnowledgeBase, getKnowledgeBaseTypeList } from '@/api/knowledgeBase'
-const { confirm } = Modal;
+
 import InfiniteScroll from 'react-infinite-scroll-component';
 
 import { useBreadcrumbManager, type BreadcrumbItem } from '@/hooks/useBreadcrumbManager';
@@ -29,6 +29,7 @@ type ModelMenuInfo = {
 const KnowledgeBaseManagement: FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
+  const { modal, message: messageApi } = App.useApp()
   const location = useLocation();
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState<KnowledgeBaseListItem[]>([])
@@ -43,7 +44,6 @@ const KnowledgeBaseManagement: FC = () => {
   const [knowledgeBaseTypes, setKnowledgeBaseTypes] = useState<string[]>([]);
   const modelListCache = useRef<Record<string, string>>({});
   const modalRef = useRef<CreateModalRef>(null)
-  const [messageApi, contextHolder] = message.useMessage();
   const processedStateRef = useRef<any>(null);
   
   // 使用面包屑管理 Hook
@@ -78,6 +78,7 @@ const KnowledgeBaseManagement: FC = () => {
     if (permissionId !== 'share') {
       items.push({
         key: '1',
+        icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/edit_bold.svg')]" />,
         label: t('knowledgeBase.edit'),
         onClick: () => {
           handleEdit(item);
@@ -87,6 +88,7 @@ const KnowledgeBaseManagement: FC = () => {
 
     items.push({
       key: '2',
+      icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/delete_red_big.svg')]" />,
       label: t('knowledgeBase.delete'),
       onClick: () => {
         handleDelete(item);
@@ -185,7 +187,7 @@ const KnowledgeBaseManagement: FC = () => {
     }
   };
   const formatData = (data: KnowledgeBaseListItem) => {
-    const keys: (keyof KnowledgeBaseListItem)[] = ['type', 'permission_id']
+    const keys: (keyof KnowledgeBaseListItem)[] = ['permission_id','type']
     return keys.map(key => ({
       key,
       label: t(`knowledgeBase.${key}`),
@@ -386,7 +388,7 @@ const KnowledgeBaseManagement: FC = () => {
 
   // 处理删除
   const handleDelete = (item: KnowledgeBaseListItem) => {
-    confirm({
+    modal.confirm({
       title: t('common.deleteWarning'),
       content: t('common.deleteWarningContent', { content: item.name }),
       onOk: () => {
@@ -528,7 +530,6 @@ const KnowledgeBaseManagement: FC = () => {
 
   return (
     <>
-      {contextHolder}
       <div className="rb:flex rb:justify-between rb:px-2 rb:mb-4">
         <SearchInput
           placeholder={t('knowledgeBase.searchPlaceholder')}
@@ -561,64 +562,83 @@ const KnowledgeBaseManagement: FC = () => {
         {data.length === 0 && !loading ? (
           <Empty size={200} />
         ) : (
-          <Row gutter={[16, 16]} className="rb:mb-2" style={{ margin: 0 }}>
+          <div style={{ columns: '3 280px', columnGap: 12, marginBottom: 8 }}>
             {data.map((item) => {
             const modelInfo = modelMenus[item.id];
             const hasModelInfo = modelInfo && modelInfo.menu.length > 1;
             return (
-              <Col xs={12} sm={12} md={12} lg={8} xl={8} key={item.id} >
+              <div key={item.id} className="rb:break-inside-avoid rb:mb-3">
                 <RbCard
                   title={item.name}
-                  className='rb:min-h-[198px]'
+                  headerType="borderless"
+                  headerClassName="rb:py-3!"
                   extra={
                     <div onClick={(e) => e.stopPropagation()}>
-                      <Dropdown menu={{ items: getOptMenuItems(item) }} >
-                        <EllipsisOutlined className="rb:cursor-pointer" />
+                      <Dropdown
+                        menu={{ items: getOptMenuItems(item) }}
+                        placement="bottomRight"
+                      >
+                        <div onClick={(e) => e.stopPropagation()} className="rb:cursor-pointer rb:size-5.5 rb:bg-[url('@/assets/images/common/more.svg')] rb:hover:bg-[url('@/assets/images/common/more_hover.svg')]"></div>
                       </Dropdown>
                     </div>
                   }
                 >
-                  <div className='rb:min-h-[158px]' onClick={() => handleToDetail(item)}>
-                    <div className='rb:min-h-[124px]'>
-                    {item.descriptionItems?.map((description: Record<string, unknown>) => (
-                        <div 
-                        key={description.key as string}
-                        className="rb:flex rb:gap-4 rb:justify-start rb:text-[#5B6167] rb:text-[14px] rb:leading-[20px] rb:mb-[12px]"
-                        >
-                        <div className="rb:whitespace-nowrap rb:w-20">{(description.label as string)}</div>
-                        <div className={clsx('rb:flex-inline rb:text-left rb:py-[1px] rb:rounded rb:font-medium',{
-                            "rb:text-[#155eef] rb:bg-[rgba(21,94,239,0.06)] rb:px-2 rb:border rb:border-[rgba(21,94,239,0.25)] rb:font-medium": (description.key as string) === 'permission_id' && (description.children as string) === t('knowledgeBase.private'),
-                            "rb:text-[#369F21] rb:bg-[rgba(54,159,33,0.06)] rb:px-2 rb:border rb:border-[rgba(54,159,33,0.25);] rb:font-medium": (description.key as string) === 'permission_id' && (description.children as string) === t('knowledgeBase.share'),
-                        })}>{(description.children as string)}</div>
-                        </div>
-                    ))}
-                    {item.description && (
-                        <div className="rb:flex rb:text-[#5B6167] rb:h-10 rb:line-clamp-2 rb:text-sm rb:leading-5 rb:mb-3 rb:gap-4">
-                        <div className="rb:font-medium rb:w-20">{t('knowledgeBase.description')} </div>
+                  <div className='' onClick={() => handleToDetail(item)}>
+                    <div className="rb:flex rb:text-[#5B6167] rb:h-5 rb:line-clamp-1 rb:text-sm rb:leading-5 rb:mb-3">
+                        {/* <div className="rb:font-medium rb:w-20">{t('knowledgeBase.description')} </div> */}
                         <Tooltip title={item.description}>
-                          <div className='rb:flex-1 rb:text-left rb:leading-5 rb:text-gray-800 rb:break-words rb:line-clamp-2'>{item.description || t('knowledgeBase.noDescription')}</div>
+                            <div className='rb:flex-1 rb:text-left rb:leading-5 rb:text-gray-800 rb:wrap-break-word rb:line-clamp-2'>{(item.description && item.description != '') ? item.description : t('knowledgeBase.noDescription')}</div>
                         </Tooltip>
-                        </div>
-                    )}
                     </div>
-                    {hasModelInfo && (
-                      <Dropdown menu={{ items: modelInfo.menu }}>
-                        <div
-                          className="rb:flex rb:text-gray-500 rb:px-3 rb:py-2 rb:text-[12px] rb:leading-4 rb:mb-2 rb:bg-[#F0F3F8] rb:rounded"
-                          onClick={(e) => e.stopPropagation()}
+                    <Flex vertical gap={4} className='rb:min-h-15 rb:py-2.5! rb:px-3! rb:bg-[#F6F6F6] rb:rounded-lg rb:mb-3'>
+                      {item.descriptionItems?.map((description: Record<string, unknown>) => (
+                        <div 
+                          key={description.key as string}
+                          className="rb:grid rb:grid-cols-2 rb:text-[#5B6167] rb:text-[14px] rb:leading-5"
                         >
-                            <span>{t('knowledgeBase.models')}:</span>
-                            <span className="rb:ml-1 rb:truncate rb:max-w-[200px]">
-                              {modelInfo.summary.join('、')}
-                            </span>
+                          <div className={clsx('rb:whitespace-nowrap rb:w-20', {"rb:text-gray-800 rb:font-medium" : (description.key as string) === 'permission_id'})}>{(description.label as string)}</div>
+                          <div className={clsx('rb:flex-inline rb:text-left rb:py-px rb:rounded',{
+                              "rb:text-[#155eef] rb:font-medium": (description.key as string) === 'permission_id' && (description.children as string) === t('knowledgeBase.private'),
+                              "rb:text-[#FF8A4C] rb:font-medium": (description.key as string) === 'permission_id' && (description.children as string) === t('knowledgeBase.share'),
+                          })}>{(description.children as string)}</div>
                         </div>
-                      </Dropdown>
+                      ))}
+                    </Flex>
+                    {hasModelInfo && (
+                      <div onClick={(e) => e.stopPropagation()}>
+                        <div
+                          className="rb:flex rb:items-center rb:pt-2 rb:px-2 rb:text-[12px] rb:leading-5 rb:cursor-pointer rb:rounded  rb:transition-colors"
+                          onClick={() => {
+                            setData(prev => prev.map(d => d.id === item.id ? { ...d, _expanded: !d._expanded } : d));
+                          }}
+                        >
+                          {/* <span className='rb:text-gray-500'>{t('knowledgeBase.models')}:</span> */}
+                          <span className="rb:ml-1 rb:truncate rb:flex-1 rb:text-gray-500">
+                            {modelInfo.summary[0].split(':')[0]}:<span className="rb:text-gray-900">{modelInfo.summary[0].split(':').slice(1).join(':')}</span>
+                          </span>
+                          <span className="rb:ml-auto rb:text-gray-400 rb:text-[10px]">
+                            {item._expanded ? <DownOutlined /> : <RightOutlined />}
+                          </span>
+                        </div>
+                        {item._expanded && (
+                          <div className="rb:py-1 rb:px-2 rb:text-[12px]">
+                            {modelInfo.summary.slice(1).map((text, idx) => {
+                              const [label, value] = text.split(':');
+                              return (
+                                <div key={idx} className="rb:py-1 rb:text-gray-500">
+                                  {label}:<span className="rb:text-gray-900">{value}</span>
+                                </div>
+                              );
+                            })}
+                          </div>
+                        )}
+                      </div>
                     )}
                   </div>
                 </RbCard>
-              </Col>
+              </div>
             )})}
-          </Row>
+          </div>
         )}
       </InfiniteScroll>
 
diff --git a/web/src/views/KnowledgeBase/types.ts b/web/src/views/KnowledgeBase/types.ts
index 373de344..f5abf955 100644
--- a/web/src/views/KnowledgeBase/types.ts
+++ b/web/src/views/KnowledgeBase/types.ts
@@ -283,6 +283,7 @@ export interface KnowledgeBaseListItem extends KnowledgeBase {
   reranker?: Model;
   llm?: Model;
   image2text?: Model;
+  _expanded?: boolean;
 }
 
 // 知识库列表响应
diff --git a/web/src/views/MemberManagement/components/MemberModal.tsx b/web/src/views/MemberManagement/components/MemberModal.tsx
index e16c60ba..a41e940b 100644
--- a/web/src/views/MemberManagement/components/MemberModal.tsx
+++ b/web/src/views/MemberManagement/components/MemberModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:42:17 
  * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:42:17 
+ * @Last Modified time: 2026-03-25 18:30:48 
  */
 /**
  * Member Modal
@@ -39,7 +39,7 @@ const MemberModal = forwardRef<MemberModalRef, MemberModalProps>(({
   refreshTable
 }, ref) => {
   const { t } = useTranslation();
-  const { message } = App.useApp()
+  const { message, modal } = App.useApp()
   const initialForm = {
     // role: 'member',
   }
@@ -47,7 +47,6 @@ const MemberModal = forwardRef<MemberModalRef, MemberModalProps>(({
   const [editingUser, setEditingUser] = useState<Member | null>(null);
   const [form] = Form.useForm<MemberModalData>();
   const [loading, setLoading] = useState(false)
-  const [modal, contextHolder] = Modal.useModal();
 
   const roleOptions = [
     'member',
@@ -179,7 +178,6 @@ const MemberModal = forwardRef<MemberModalRef, MemberModalProps>(({
           </Select>
         </FormItem>
       </Form>
-      {contextHolder}
     </RbModal>
   );
 });
diff --git a/web/src/views/MemberManagement/index.tsx b/web/src/views/MemberManagement/index.tsx
index 1435cea6..f846a310 100644
--- a/web/src/views/MemberManagement/index.tsx
+++ b/web/src/views/MemberManagement/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:42:12 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:42:12 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:48:43
  */
 /**
  * Member Management Page
@@ -10,10 +10,9 @@
  */
 
 import React, { useRef } from 'react';
-import { App, Button, Space } from 'antd';
+import { App, Button, Space, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 import type { ColumnsType } from 'antd/es/table';
-import type { AnyObject } from 'antd/es/_util/type';
 
 import { deleteMember, memberListUrl } from '@/api/member';
 import MemberModal from './components/MemberModal';
@@ -61,7 +60,7 @@ const MemberManagement: React.FC = () => {
   };
 
   /** Table column configuration */
-  const columns: ColumnsType = [
+  const columns: ColumnsType<Member> = [
     {
       title: t('member.username'),
       dataIndex: 'username',
@@ -89,15 +88,15 @@ const MemberManagement: React.FC = () => {
     {
       title: t('common.operation'),
       key: 'action',
-      render: (_, record: AnyObject) => (
+      render: (_, record) => (
         <Space size="large">
           <Button
             type="link"
-            onClick={() => handleEdit(record as Member)}
+            onClick={() => handleEdit(record)}
           >
             {t('common.edit')}
           </Button>
-          <Button type="link" danger onClick={() => handleDelete(record as Member)}>
+          <Button type="link" danger onClick={() => handleDelete(record)}>
             {t('common.delete')}
           </Button>
         </Space>
@@ -106,25 +105,26 @@ const MemberManagement: React.FC = () => {
   ];
 
   return (
-    <>
-      <div className="rb:flex rb:justify-end rb:mb-3">
+    <div className="rb:h-full rb:overflow-hidden rb:bg-white rb:rounded-lg rb:pt-3 rb:px-3">
+      <Flex justify="end" className="rb:px-1! rb:mb-3!">
         <Button type="primary" onClick={() => handleEdit()}>
           {t('member.createMember')}
         </Button>
-      </div>
-      <Table
+      </Flex>
+      <Table<Member>
         ref={tableRef}
         apiUrl={memberListUrl}
         columns={columns}
         rowKey="id"
         pagination={false}
+        scrollY="calc(100vh - 248px)"
       />
 
       <MemberModal
         ref={memberFormRef}
         refreshTable={refreshTable}
       />
-    </>
+    </div>
   );
 };
 
diff --git a/web/src/views/MemoryConversation/components/Card.tsx b/web/src/views/MemoryConversation/components/Card.tsx
deleted file mode 100644
index 956c59f8..00000000
--- a/web/src/views/MemoryConversation/components/Card.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * Card Component
- * Styled wrapper for conversation and analysis panels
- * Provides consistent layout and styling
- */
-
-import { Card } from 'antd'
-import { type FC, type ReactNode } from 'react'
-
-/**
- * Component props
- */
-interface RbCardProps {
-  children: ReactNode;
-  title: string;
-  bodyClassName?: string;
-  style?: React.CSSProperties;
-}
-const RbCard: FC<RbCardProps> = ({ children, title, bodyClassName, style, ...props }) => {
-  return (
-    <Card 
-      title={title}
-      classNames={{
-        header: "rb:min-h-[40px]! rb:p-[0_16px]! rb:rounded-[12px_12px_0_0]! rb:text-[14px]! rb:leading-[20px]! rb:font-medium! rb:border-b-[#DFE4ED]",
-        body: `rb:h-[calc(100%-40px)] rb:p-[16px]! ${bodyClassName || ''}`,
-      }}
-      style={{
-        borderRadius: '12px',
-        borderColor: '#DFE4ED',
-        background: '#FBFDFF',
-        height: 'calc(100vh - 152px)',
-        ...style
-      }}
-      {...props}
-    >
-      {children}
-    </Card>
-  )
-}
-export default RbCard
\ No newline at end of file
diff --git a/web/src/views/MemoryConversation/index.module.css b/web/src/views/MemoryConversation/index.module.css
new file mode 100644
index 00000000..32522f65
--- /dev/null
+++ b/web/src/views/MemoryConversation/index.module.css
@@ -0,0 +1,11 @@
+.segmented {
+  background: #F6F6F6;
+  border: 1px solid #EBEBEB;
+}
+.segmented:global(.ant-segmented .ant-segmented-item-label) {
+  min-height: 24px;
+  line-height: 24px;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+}
\ No newline at end of file
diff --git a/web/src/views/MemoryConversation/index.tsx b/web/src/views/MemoryConversation/index.tsx
index e0797b90..1e1d0a92 100644
--- a/web/src/views/MemoryConversation/index.tsx
+++ b/web/src/views/MemoryConversation/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:09:03 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:09:03 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:00:15
  */
 /**
  * Memory Conversation Page
@@ -12,48 +12,39 @@
 
 import { type FC, type ReactNode, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Col, Row, App, Skeleton, Space, Select, Flex } from 'antd'
+import { Col, Row, App, Skeleton, Select, Segmented, Tooltip, Flex } from 'antd'
 import dayjs from 'dayjs'
 import type { AnyObject } from 'antd/es/_util/type';
-import clsx from 'clsx'
 
 import ConversationEmptyIcon from '@/assets/images/conversation/conversationEmpty.svg'
 import AnalysisEmptyIcon from '@/assets/images/conversation/analysisEmpty.png'
-import Card from './components/Card'
 import { readService, getUserMemoryList } from '@/api/memory'
 import Empty from '@/components/Empty'
 import Markdown from '@/components/Markdown'
 import type { Data } from '@/views/UserMemory/types'
 import Chat from '@/components/Chat'
-import MemoryFunctionIcon from '@/assets/images/conversation/memoryFunction.svg'
-import OnlineIcon from '@/assets/images/conversation/online.svg'
-import DeepThinkingIcon from '@/assets/images/conversation/deepThinking.svg'
-import ButtonCheckbox from '@/components/ButtonCheckbox'
-import DeepThinkingCheckedIcon from '@/assets/images/conversation/deepThinkingChecked.svg'
-import OnlineCheckedIcon from '@/assets/images/conversation/onlineChecked.svg'
-import MemoryFunctionCheckedIcon from '@/assets/images/conversation/memoryFunctionChecked.svg'
 import type { ChatItem } from '@/components/Chat/types'
+import RbCard from '@/components/RbCard/Card';
+import styles from './index.module.css'
+import ResultCard from '@/components/RbCard/ResultCard'
 
 
 /** Search mode configuration */
 const searchSwitchList = [
   {
-    icon: DeepThinkingIcon,
-    checkedIcon: DeepThinkingCheckedIcon,
+    icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/conversation/deepThinking.svg')]"></div>,
     value: '0',
-    label: 'deepThinking'
+    key: 'deepThinking'
   },
   {
-    icon: MemoryFunctionIcon,
-    checkedIcon: MemoryFunctionCheckedIcon,
+    icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/conversation/normalReply.svg')]"></div>,
     value: '1',
-    label: 'normalReply'
+    key: 'normalReply'
   },
   {
-    icon: OnlineIcon,
-    checkedIcon: OnlineCheckedIcon,
+    icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/conversation/quickReply.svg')]"></div>,
     value: '2',
-    label: 'quickReply'
+    key: 'quickReply'
   },
 ]
 
@@ -92,7 +83,7 @@ export interface LogItem {
   type: string;
   title: string;
   data?: DataItem[] | AnyObject;
-  raw_results?: string | AnyObject;
+  raw_results?: string | Record<string, AnyObject>;
   summary?: string;
   query?: string;
   reason?: string;
@@ -105,7 +96,7 @@ export interface LogItem {
  * Content wrapper component for analysis items
  */
 const ContentWrapper: FC<{ children: ReactNode }> = ({ children }) => (
-  <div className="rb:p-3 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
+  <div className="rb:px-3 rb:py-2.5 rb:bg-white rb:rounded-xl">
     {children}
   </div>
 )
@@ -120,6 +111,7 @@ const MemoryConversation: FC = () => {
   const [userList, setUserList] = useState<Data[]>([])
   const [search_switch, setSearchSwitch] = useState('0')
   const [msg, setMsg] = useState<string>('')
+  const [expandedLogs, setExpandedLogs] = useState<Record<number, boolean>>({})
 
   /** Load user list on mount */
   useEffect(() => {
@@ -139,6 +131,7 @@ const MemoryConversation: FC = () => {
     }
     setChatData(prev => [...prev, { content: msg, created_at: new Date().getTime(), role: 'user' }])
     setLoading(true)
+    setExpandedLogs({})
     readService({
       message: msg,
       end_user_id: userId,
@@ -149,6 +142,7 @@ const MemoryConversation: FC = () => {
         const response = res as { answer: string; intermediate_outputs: LogItem[] }
         setChatData(prev => [...prev, { content: response.answer || '-', created_at: new Date().getTime(), role: 'assistant' }])
         setLogs(response.intermediate_outputs)
+        setExpandedLogs(Object.fromEntries(response.intermediate_outputs.map((_, i) => [i, true])))
       })
       .finally(() => {
         setLoading(false)
@@ -175,46 +169,51 @@ const MemoryConversation: FC = () => {
             placeholder={t('memoryConversation.searchPlaceholder')}
             style={{ width: '100%', marginBottom: '16px' }}
             onChange={setUserId}
+            className="rb:bg-white rb:rounded-lg"
+            variant="filled"
           />
         </Col>
       </Row>
-      <Row gutter={16} className="rb:h-[calc(100vh-152px)] rb:overflow-hidden">
-        <Col span={12}>
-          <Card 
+      <Row gutter={16} className="rb:h-[calc(100vh-118px)]!">
+        <Col span={12} className="rb:h-full!">
+          <RbCard 
             title={t('memoryConversation.conversationContent')}
-            bodyClassName="rb:pb-[0]!"
+            headerType="borderless"
+            headerClassName="rb:min-h-[52px]! rb:font-[MiSans-Bold] rb:font-bold"
+            bodyClassName="rb:px-3! rb:py-0! rb:h-[calc(100%-52px)]!"
+            className="rb:h-full!"
           >
             <Chat
               empty={
                 <Empty url={ConversationEmptyIcon} className="rb:h-full" size={[140, 100]} title={t('memoryConversation.conversationContentEmpty')} isNeedSubTitle={false} />
               }
-              contentClassName='rb:h-[calc(100vh-362px)]'
+              className="rb:pt-0!"
+              contentClassName='rb:h-[calc(100%-144px)]'
               data={chatData}
               onChange={setMsg}
               onSend={handleSend}
               loading={loading}
               labelFormat={(item) => dayjs(item.created_at).locale('en').format('MMMM D, YYYY [at] h:mm A')}
             >
-              <Flex gap={8}>
-                {searchSwitchList.map(item => (
-                  <ButtonCheckbox
-                    key={item.value}
-                    icon={item.icon}
-                    checkedIcon={item.checkedIcon}
-                    checked={search_switch === item.value}
-                    onChange={() => handleChange(item.value)}
-                  >
-                    {t(`memoryConversation.${item.label}`)}
-                  </ButtonCheckbox>
-                ))}
-              </Flex>
+              <Segmented
+                options={searchSwitchList.map(item => ({
+                  ...item,
+                  icon: <Tooltip title={t(`memoryConversation.${item.key}`)}>{item.icon}</Tooltip>
+                }))}
+                shape="round"
+                className={styles.segmented}
+                onChange={handleChange}
+              />
             </Chat>
-          </Card>
+          </RbCard>
         </Col>
-        <Col span={12}>
-          <Card 
+        <Col span={12} className="rb:h-full!">
+          <RbCard 
             title={t('memoryConversation.memoryConversationAnalysis')}
-            bodyClassName='rb:overflow-auto'
+            headerType="borderless"
+            headerClassName="rb:min-h-[52px]! rb:font-[MiSans-Bold] rb:font-bold"
+            bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-52px)]! rb:overflow-y-auto!"
+            className="rb:h-full!"
           >
             {loading ?
               <Skeleton active />
@@ -226,22 +225,19 @@ const MemoryConversation: FC = () => {
                 subTitle={t('memoryConversation.memoryConversationAnalysisEmptySubTitle')}
                 size={[270, 170]}
               />
-            : <Space size={12} direction="vertical" style={{width: '100%'}}>
+              : <Flex gap={12} vertical>
                 {logs.map((log, logIndex) => (
-                  <div key={logIndex}
-                    className={clsx(
-                      `rb:p-[16px_24px] rb:rounded-lg`,
-                      'rb:border rb:border-[#DFE4ED]',
-                      {
-                        'rb:shadow-[inset_4px_0px_0px_0px_#155EEF]': logIndex % 3 === 0,
-                        'rb:shadow-[inset_4px_0px_0px_0px_#369F21]': logIndex % 3 === 1,
-                        'rb:shadow-[inset_4px_0px_0px_0px_#9C6FFF]': logIndex % 3 === 2,
-                      }
-                    )}
+                  <ResultCard
+                    key={logIndex}
+                    title={log.title}
+                    isMiSans={false}
+                    bodyClassName={`rb:p-3! rb:pt-0! ${!!expandedLogs[logIndex] ? 'rb:pb-3!' : 'rb:pb-0!'}`}
+                    expanded={!!expandedLogs[logIndex]}
+                    handleExpand={() => setExpandedLogs(prev => ({ ...prev, [logIndex]: !prev[logIndex] }))}
+                    extra={log.type === 'verification' && <div className="rb-border rb:rounded-lg rb:py-1 rb:px-2 rb:text-[12px] rb:font-medium rb:leading-4.5 rb:text-[#FF5D34]">{log.result}</div>}
                   >
-                    <div className="rb:text-[16px] rb:font-medium rb:leading-5.5 rb:mb-6">{log.title}</div>
                     {log.type === 'problem_split' && Array.isArray(log.data) && log.data.length > 0 
-                      ? <Space size={12} direction="vertical" style={{width: '100%'}}>
+                      ? <Flex gap={12} vertical>
                         {log.data.map(vo => (
                           <ContentWrapper key={vo.id}>
                             <>
@@ -250,9 +246,9 @@ const MemoryConversation: FC = () => {
                             </>
                           </ContentWrapper>
                         ))}
-                      </Space>
+                      </Flex>
                       : log.type === 'problem_extension' && log.data && Object.keys(log.data).length > 0 
-                      ? <Space size={12} direction="vertical" style={{width: '100%'}}>
+                      ? <Flex gap={12} vertical>
                         {Object.keys(log.data).map((key: string) => (
                           <ContentWrapper key={key}>
                             <>
@@ -263,61 +259,67 @@ const MemoryConversation: FC = () => {
                             </>
                           </ContentWrapper>
                         ))}
-                      </Space>
-                      : log.type === 'search_result' && log.raw_results
-                      ? <ContentWrapper>
-                        <div className="rb:font-medium rb:text-[#212332] rb:mb-2">{log.query}</div>
-                          <div className='rb:mt-2 rb:text-[12px] rb:text-[#5B6167]'>
-                            {typeof log.raw_results === 'string'
-                              ? <Markdown content={log.raw_results} />
-                              : <>
-                                {log.raw_results.reranked_results?.statements.length > 0 && log.raw_results.reranked_results?.statements.map((item: { statement: string }, index: number) => (
-                                  <div key={index}>{item.statement}</div>
-                                ))}
-                                {log.raw_results.reranked_results?.summaries.length > 0 && log.raw_results.reranked_results?.summaries.map((item: { content: string }, index: number) => (
-                                  <div key={index}>{item.content}</div>
-                                ))}
-                              </> 
-                            }
-                          </div>
-                        </ContentWrapper>
-                      : log.type === 'retrieval_summary' && log.summary
-                      ? <ContentWrapper><div className="rb:text-[12px] rb:text-[#5B6167]">{log.summary}</div></ContentWrapper>
-                      : log.type === 'verification'
-                      ? <ContentWrapper>
-                        <div className="rb:font-medium rb:text-[#212332]">{log.query}</div>
-                        <div className="rb:mt-2 rb:text-[12px] rb:text-[#5B6167]">{log.reason}</div>
-                        <div className="rb:mt-2 rb:text-[12px] rb:text-[#5B6167]">{log.result}</div>
-                      </ContentWrapper>
-                      : log.type === 'output_type'
-                      ? <ContentWrapper>
-                        <div className="rb:font-medium rb:text-[#212332] rb:mb-2">{log.query}</div>
-                        <div className="rb:text-[12px] rb:text-[#5B6167]">{log.summary}</div>
-                      </ContentWrapper>
-                      : log.type === 'input_summary' && log.raw_results
+                      </Flex>
+                      : log.type === 'search_result' && log.raw_results && typeof log.raw_results !== 'string'
                       ? <ContentWrapper>
                           <div className="rb:font-medium rb:text-[#212332] rb:mb-2">{log.query}</div>
-                          <div className="rb:font-medium rb:text-[12px] rb:text-[#5B6167] rb:mb-2">{log.summary}</div>
-                          <div className='rb:mt-2 rb:text-[12px] rb:text-[#5B6167]'>
-                            {typeof log.raw_results === 'string'
-                              ? <Markdown content={log.raw_results} />
-                              : <>
-                                {log.raw_results.reranked_results?.statements.length > 0 && log.raw_results.reranked_results?.statements.map((item: { statement: string; } , index: number) => (
-                                  <div key={index}>{item.statement}</div>
-                                ))}
-                                {log.raw_results.reranked_results?.summaries.length > 0 && log.raw_results.reranked_results?.summaries.map((item: { content: string; }, index: number) => (
-                                  <div key={index}>{item.content}</div>
-                                ))}
-                              </> 
-                            }
-                          </div>
+                          {(log.raw_results.reranked_results as AnyObject)?.communities?.length > 0 && <>
+                            <div className="rb:font-medium rb:text-[#212332] rb:text-[12px]">{t('memoryConversation.communities')}</div>
+                            <ul className='rb:mt-2 rb:text-[12px] rb:text-[#5B6167] rb:list-disc rb:pl-4'>
+                                {((log.raw_results.reranked_results as AnyObject)?.communities as { content: string }[]).map((item, index: number) => (
+                                <li key={index}>{item.content}</li>
+                              ))}
+                            </ul>
+                          </>}
+                          {(log.raw_results.reranked_results as AnyObject)?.summaries?.length > 0 && <>
+                            <div className="rb:font-medium rb:text-[#212332] rb:text-[12px]">{t('memoryConversation.summaries')}</div>
+                            <ul className='rb:mt-2 rb:text-[12px] rb:text-[#5B6167] rb:list-disc rb:pl-4'>
+                              {((log.raw_results.reranked_results as AnyObject)?.summaries as { content: string }[]).map((item, index: number) => (
+                                <li key={index}>{item.content}</li>
+                              ))}
+                            </ul>
+                          </>}
                         </ContentWrapper>
+                    : log.type === 'retrieval_summary' && log.summary
+                    ? <ContentWrapper>
+                      <div className="rb:text-[12px] rb:text-[#5B6167]">{log.summary}</div>
+                    </ContentWrapper>
+                    : log.type === 'verification'
+                    ? <ContentWrapper>
+                      <div className="rb:font-medium rb:text-[#212332]">{log.query}</div>
+                      <div className="rb:mt-2 rb:text-[12px] rb:text-[#5B6167]">{log.reason}</div>
+                      <div className="rb:mt-2 rb:text-[12px] rb:text-[#5B6167]">{log.result}</div>
+                    </ContentWrapper>
+                    : log.type === 'output_type'
+                    ? <ContentWrapper>
+                      <div className="rb:font-medium rb:text-[#212332] rb:mb-2">{log.query}</div>
+                      <div className="rb:text-[12px] rb:text-[#5B6167]">{log.summary}</div>
+                    </ContentWrapper>
+                    : log.type === 'input_summary' && log.raw_results
+                    ? <ContentWrapper>
+                        <div className="rb:font-medium rb:text-[#212332] rb:mb-2">{log.query}</div>
+                        <div className="rb:font-medium rb:text-[12px] rb:text-[#5B6167] rb:mb-2">{log.summary}</div>
+                        <div className='rb:mt-2 rb:text-[12px] rb:text-[#5B6167]'>
+                          {typeof log.raw_results === 'string'
+                            ? <Markdown content={log.raw_results} />
+                            : <>
+                              {log.raw_results.reranked_results?.statements.length > 0 && log.raw_results.reranked_results?.statements.map((item: { statement: string; } , index: number) => (
+                                <div key={index}>{item.statement}</div>
+                              ))}
+                              {log.raw_results.reranked_results?.summaries.length > 0 && log.raw_results.reranked_results?.summaries.map((item: { content: string; }, index: number) => (
+                                <div key={index}>{item.content}</div>
+                              ))}
+                            </> 
+                          }
+                        </div>
+                      </ContentWrapper>
                       : null
                     }
-                  </div>
+                  </ResultCard>
                 ))}
-              </Space>}
-          </Card>
+              </Flex>
+            }
+          </RbCard>
         </Col>
       </Row>
     </>
diff --git a/web/src/views/MemoryExtractionEngine/components/Card.tsx b/web/src/views/MemoryExtractionEngine/components/Card.tsx
index c7c5ed29..d7278c88 100644
--- a/web/src/views/MemoryExtractionEngine/components/Card.tsx
+++ b/web/src/views/MemoryExtractionEngine/components/Card.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:30:51 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:30:51 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-19 14:06:38
  */
 /**
  * Card Component
@@ -10,11 +10,10 @@
  */
 
 import { type FC, type ReactNode } from 'react'
-import { useTranslation } from 'react-i18next'
 import clsx from 'clsx';
+import { Flex, Space, Tooltip } from 'antd';
 
 import RbCard from '@/components/RbCard/Card'
-import down from '@/assets/images/userMemory/down.svg'
 
 /**
  * Component props
@@ -29,6 +28,7 @@ interface CardProps {
   className?: string;
   headerClassName?: string;
   bodyClassName?: string;
+  extra?: ReactNode;
 }
 
 const Card: FC<CardProps> = ({
@@ -41,27 +41,33 @@ const Card: FC<CardProps> = ({
   className,
   headerClassName,
   bodyClassName,
+  extra,
 }) => {
-  const { t } = useTranslation()
   return (
     <RbCard
-      title={title}
-      subTitle={subTitle}
-      headerType="borderless"
-      extra={type && handleExpand && (
-        <div 
-          className="rb:flex rb:items-center rb:text-[14px] rb:text-[#5B6167] rb:cursor-pointer rb:font-regular rb:leading-5" 
-          onClick={() => handleExpand(type)}
-        >
-          {expanded ? t('common.foldUp') : t('common.expanded')}
-          <img src={down} className={clsx("rb:w-4 rb:h-4 rb:ml-1", {
+      title={() => <Flex
+        align="center"
+        justify="space-between"
+        className="rb:font-[MiSans-Bold] rb:font-bold rb:cursor-pointer"
+        onClick={type && handleExpand ? () => handleExpand(type) : undefined}
+      >
+        <Space size={4}>
+          {title}
+          {subTitle && <Tooltip title={subTitle}>
+            <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+          </Tooltip>}
+        </Space>
+        {handleExpand && <div
+          className={clsx("rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/arrow_up.svg')]", {
             'rb:rotate-180': !expanded,
-          })} />
-        </div>
-      )}
+          })}
+        ></div>}
+      </Flex>}
+      headerType="borderless"
       className={className}
-      headerClassName={headerClassName}
-      bodyClassName={bodyClassName}
+      headerClassName={`rb:h-[50px]! rb:pb-[12px]! rb:pt-[16px]! rb:leading-[22px]! rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] ${headerClassName}`}
+      bodyClassName={`rb:px-3! rb:py-0! ${expanded ? 'rb:pb-3!' : 'rb:pb-0!'} ${bodyClassName}`}
+      extra={extra}
     >
       {(expanded || !(type && handleExpand)) && children}
     </RbCard>
diff --git a/web/src/views/MemoryExtractionEngine/components/Result.tsx b/web/src/views/MemoryExtractionEngine/components/Result.tsx
index 6504f571..4d07aae9 100644
--- a/web/src/views/MemoryExtractionEngine/components/Result.tsx
+++ b/web/src/views/MemoryExtractionEngine/components/Result.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:30:11 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-02 11:41:12
+ * @Last Modified time: 2026-03-26 15:46:30
  */
 /**
  * Result Component
@@ -13,13 +13,12 @@
 import { type FC, useState } from 'react'
 import { useParams } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
-import { Space, Button, Progress, Form, Input } from 'antd'
-import { ExclamationCircleFilled, CheckCircleFilled, ClockCircleOutlined, LoadingOutlined } from '@ant-design/icons'
+import { Space, Button, Progress, Form, Input, Flex } from 'antd'
+import { ExclamationCircleFilled, LoadingOutlined } from '@ant-design/icons'
 import clsx from 'clsx'
 import type { AnyObject } from 'antd/es/_util/type';
 
 import Card from './Card'
-import RbCard from '@/components/RbCard/Card'
 import RbAlert from '@/components/RbAlert'
 import type { TestResult, OntologyCoverage } from '../types'
 import { pilotRunMemoryExtractionConfig } from '@/api/memory'
@@ -27,6 +26,9 @@ import { type SSEMessage } from '@/utils/stream'
 import Tag, { type TagProps } from '@/components/Tag'
 import Markdown from '@/components/Markdown'
 import { groupDataByType } from '../constant'
+import Empty from '@/components/Empty'
+import NoDataIcon from '@/assets/images/empty/noData.png'
+import ResultCard from '@/components/RbCard/ResultCard'
 
 /** Result metric mapping */
 const resultObj = {
@@ -56,7 +58,7 @@ interface ModuleItem {
 const tagColors: {
   [key: string]:  TagProps['color']
 } = {
-  pending: 'default',
+  pending: 'warning',
   processing: 'processing',
   completed: 'success',
   failed: 'error'
@@ -67,29 +69,55 @@ const initObj = {
   status: 'pending',
   result: null
 }
+const initialExpanded = {
+  text_preprocessing: false,
+  knowledge_extraction: false,
+  creating_nodes_edges: false,
+  deduplication: false,
+  dataStatistics: false,
+  entityDeduplicationImpact: false,
+  disambiguation: false,
+  coreEntities: false,
+  triplet_samples: false,
+  ontologyCoverage: false,
+}
 
 const Result: FC<ResultProps> = ({ loading, handleSave }) => {
   const { t } = useTranslation();
   const { id } = useParams()
   const [runLoading, setRunLoading] = useState(false)
+  const [activeTab, setActiveTab] = useState('processData')
   const [testResult, setTestResult] = useState<TestResult>({} as TestResult)
-
+  const [coreEntitiesTab, setCoreEntitiesTab] = useState<string | null>(null) 
   const [textPreprocessing, setTextPreprocessing] = useState<ModuleItem>(initObj as ModuleItem)
+  const [textPreprocessingTab, setTextPreprocessingTab] = useState('chunking')
   const [knowledgeExtraction, setKnowledgeExtraction] = useState<ModuleItem>(initObj as ModuleItem)
   const [creatingNodesEdges, setCreatingNodesEdges] = useState<ModuleItem>(initObj as ModuleItem)
   const [deduplication, setDeduplication] = useState<ModuleItem>(initObj as ModuleItem)
   const [ontologyCoverage, setOntologyCoverage] = useState<OntologyCoverage>({} as OntologyCoverage)
 
+  const [expandedCards, setExpandedCards] = useState<Record<string, boolean>>(initialExpanded)
+  const toggleCard = (key: string) => {
+    console.log('toggleCard', key)
+    setExpandedCards(prev => ({ ...prev, [key]: !prev[key] }))
+  }
+  console.log('expandedCards', expandedCards)
+
   const [runForm] = Form.useForm()
+  const customText = Form.useWatch(['custom_text'], runForm)
 
   /** Run pilot test */
   const handleRun = () => {
     if(!id) return
+    setActiveTab('processData')
+    setCoreEntitiesTab(null)
     setTextPreprocessing({...initObj} as ModuleItem)
+    setTextPreprocessingTab('chunking')
     setKnowledgeExtraction({...initObj} as ModuleItem)
     setCreatingNodesEdges({...initObj} as ModuleItem)
     setDeduplication({...initObj} as ModuleItem)
     setTestResult({} as TestResult)
+    setExpandedCards(initialExpanded)
     const handleStreamMessage = (list: SSEMessage[]) => {
 
       list.forEach((data: AnyObject) => {
@@ -100,6 +128,7 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
               status: 'processing',
               start_at: data.data.time
             }))
+            toggleCard('text_preprocessing')
             break
           case 'text_preprocessing_result': // Text preprocessing in progress
             setTextPreprocessing(prev => ({
@@ -121,6 +150,7 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
               status: 'processing',
               start_at: data.data.time
             }))
+            toggleCard('knowledge_extraction')
             break
           case 'knowledge_extraction_result': // Knowledge extraction in progress
             setKnowledgeExtraction(prev => ({
@@ -142,6 +172,7 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
               status: 'processing',
               start_at: data.data.time
             }))
+            toggleCard('creating_nodes_edges')
             break
           case 'creating_nodes_edges_result': // Creating nodes and edges in progress
             setCreatingNodesEdges(prev => ({
@@ -163,6 +194,7 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
               status: 'processing',
               start_at: data.data.time
             }))
+            toggleCard('deduplication')
             break
           case 'dedup_disambiguation_result': // Deduplication and disambiguation in progress
             setDeduplication(prev => ({
@@ -183,6 +215,15 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
           case 'result': // Result
             setTestResult(data.data?.extracted_result)
             setOntologyCoverage(data.data?.ontology_coverage)
+            setExpandedCards(prev => ({
+              ...prev,
+              dataStatistics: true,
+              entityDeduplicationImpact: true,
+              disambiguation: true,
+              coreEntities: true,
+              triplet_samples: true,
+              ontologyCoverage: true,
+            }))
             break
         }
       })
@@ -203,9 +244,10 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
   /** Format status tag */
   const formatTag = (status: string) => {
     return (
-      <Tag color={tagColors[status]}>
-        {status === 'pending' && <ClockCircleOutlined className="rb:mr-1" />}
+      <Tag color={tagColors[status]} className="rb:flex! rb:items-center rb:gap-1 rb:bg-white! rb:border-white!">
+        {status === 'pending' && <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/memory/clock_orange.svg')]"></div>}
         {status === 'processing' && <LoadingOutlined spin className="rb:mr-1" />}
+        {status === 'completed' && <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/check_green.svg')]"></div>}
         {t(`memoryExtractionEngine.status.${status}`)}
       </Tag>
     )
@@ -213,294 +255,412 @@ const Result: FC<ResultProps> = ({ loading, handleSave }) => {
   /** Format processing time */
   const formatTime = (data: ModuleItem, color?: string) => {
     if (typeof data.end_at === 'number' && typeof data.start_at === 'number') {
-      return <div className={`rb:mt-3 rb:text-[${color ?? '#155EEF'}]`}>{t('memoryExtractionEngine.time')}{data.end_at - data.start_at}ms</div>
+      return <div className={`rb:text-[${color ?? '#155EEF'}] rb:mb-0.5`}>{t('memoryExtractionEngine.time')}{data.end_at - data.start_at}ms</div>
     }
     return null
   }
   /** Convert first character to lowercase */
   const lowercaseFirst = (str: string) => str.charAt(0).toLowerCase() + str.slice(1)
+
   return (
     <Card
       title={t('memoryExtractionEngine.exampleMemoryExtractionResults')}
       subTitle={t('memoryExtractionEngine.exampleMemoryExtractionResultsSubTitle')}
-      className="rb:min-h-[calc(100vh-330px)]!"
       headerClassName="rb:pb-0! rb:pt-4!"
-      bodyClassName="rb:min-h-[calc(100vh-388px)] rb:p-[16px_20px]!"
+      bodyClassName="rb:h-[calc(100%-50px)]! rb:overflow-y-auto rb:p-[16px_20px]!"
+      extra={<Space size={8}>
+        <Button
+          icon={<div className="rb:size-3.5 rb:bg-cover rb:bg-[url('@/assets/images/common/save.svg')]"></div>}
+          loading={loading}
+          onClick={handleSave}
+        >{t('common.save')}</Button>
+        <Button
+          type="primary"
+          icon={<div className="rb:size-3.5 rb:bg-cover rb:bg-[url('@/assets/images/memory/debug.svg')]"></div>}
+          loading={runLoading}
+          onClick={handleRun}
+        >{t('memoryExtractionEngine.debug')}</Button>
+      </Space>}
+      className="rb:h-full!"
     >
-      <Form form={runForm} layout="vertical">
+      {/* <RbAlert color="orange" icon={<ExclamationCircleFilled />} className="rb:mb-3!">
+        {t('memoryExtractionEngine.warning')}
+      </RbAlert> */}
+      <Form form={runForm} layout="vertical" className="rb:bg-[#F6F6F6]! rb:rounded-xl rb:py-2! rb:mb-4!">
+        <Flex align="center" justify="space-between" className="rb:px-3! rb:mb-2!">
+          <div className="rb:text-[#212332] rb:font-medium rb:leading-5">{t('memoryExtractionEngine.custom_text')}</div>
+          <div className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4.5">{customText?.length || 0}</div>
+        </Flex>
         <Form.Item
           name="custom_text"
           label={t('memoryExtractionEngine.custom_text')}
+          noStyle
         >
-          <Input.TextArea placeholder={t('common.pleaseEnter')} />
+          <Input.TextArea placeholder={t('common.pleaseEnter')} variant="borderless" />
         </Form.Item>
       </Form>
-      <div className="rb:min-h-[calc(100vh-480px)] rb:overflow-y-auto">
-        {runLoading
-          ? <>
-            <RbAlert color="blue" icon={<ExclamationCircleFilled />} className="rb:mb-3.5">
+
+      {runLoading
+        ? <>
+          <RbAlert color="blue">
+            <div className="rb:w-full">
               {t('memoryExtractionEngine.processing')}
-            </RbAlert>
-            {/* Overall Progress */}
-            <div className="rb:mb-2">
-              <div className="rb:flex rb:items-center rb:justify-between rb:text-[12px] rb:leading-4 rb:font-regular">
-                {t('memoryExtractionEngine.overallProgress')}
-                <span className="rb:text-[#155eef]">{`${completedNum}/4`}</span>
-              </div>
-              <Progress percent={completedNum * 100/4} showInfo={false} />
+
+              {/* Overall Progress */}
+              <Flex gap={13} align="center">
+                <Progress percent={completedNum * 100 / 4} showInfo={false} className="rb:flex-1!" />
+                <div className="rb:text-[12px] rb:leading-4 rb:font-regular">
+                  {t('memoryExtractionEngine.overallProgress')}{`${(completedNum*100/4).toFixed(0)}%`}
+                </div>
+              </Flex>
             </div>
-          </>
-          : !testResult || Object.keys(testResult).length === 0
-            ? <RbAlert color="orange" icon={<ExclamationCircleFilled />} className="rb:mb-3.5">
-              {t('memoryExtractionEngine.warning')}
-            </RbAlert>
-            : <RbAlert color="green" icon={<ExclamationCircleFilled />} className="rb:mb-3.5">
-              {t('memoryExtractionEngine.success')}
-            </RbAlert>
-        }
-        <Space size={16} direction="vertical" style={{ width: '100%' }}>
-          {/* Text Preprocessing */}
-          <RbCard
-            title={t(`memoryExtractionEngine.text_preprocessing`)}
-            extra={formatTag(textPreprocessing.status)}
-            headerType="borderL"
-            headerClassName="rb:before:bg-[#155EEF]!"
-          >
-            {textPreprocessing.data.map((vo, index) => {
-              if (vo.deleted_messages) {
-                return <div key={index} className="rb:mb-3 rb:pb-1 rb:border-b rb:border-b-[#EBEBEB]">
-                  <div className="rb:font-medium rb:text-[12px] rb:mb-2">{t('memoryExtractionEngine.Pruned')}</div>
-                  {vo.deleted_messages.map((msg: any, idx: number) => (
-                    <div key={idx} className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">
-                      <Markdown content={'-' + t('memoryExtractionEngine.pruning') + (idx + 1) + ': ' + msg.content} />
-                    </div>
-                  ))}
-                </div>
-              }
-              return (
-                <div key={index} className="rb:mb-3 rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">
-                  <Markdown content={'-' + t('memoryExtractionEngine.fragment') + vo.chunk_index + ': ' + (vo.content.startsWith('\n') ? vo.content : '\n' + vo.content)} />
-                </div>
-              )
+          </RbAlert>
+        </>
+        : !testResult || Object.keys(testResult).length === 0
+        ? <RbAlert color="orange" icon={<ExclamationCircleFilled />}>
+          {t('memoryExtractionEngine.warning')}
+        </RbAlert>
+        : <RbAlert color="green" icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/check_green.svg')]"></div>}>
+          {t('memoryExtractionEngine.success')}
+        </RbAlert>
+      }
+
+      <Space size={24} className="rb:mt-4! rb:mb-3!">
+        {['processData', 'finalResult'].map(tab => (
+          <div
+            className={clsx('rb:font-[MiSans-Bold] rb:font-bold rb:leading-5 rb:cursor-pointer', {
+              'rb:text-[#212332]': activeTab === tab,
+              'rb:text-[#A8A9AA]': activeTab !== tab,
             })}
-            {formatTime(textPreprocessing)}
-            {textPreprocessing.result &&
-              <RbAlert color="blue" icon={<CheckCircleFilled />} className="rb:mt-3">
+            onClick={() => setActiveTab(tab)}
+          >{t(`memoryExtractionEngine.${tab}`)}</div>
+        ))}
+      </Space>
+
+      {activeTab === 'processData' && <Flex vertical gap={12} className="rb:pb-3!">
+        {/* Text Preprocessing */}
+        <ResultCard
+          title={t(`memoryExtractionEngine.text_preprocessing`)}
+          extra={formatTag(textPreprocessing.status)}
+          expanded={expandedCards['text_preprocessing']}
+          handleExpand={() => toggleCard('text_preprocessing')}
+        >
+          {expandedCards['text_preprocessing'] && textPreprocessing.data?.length > 0 &&
+            <Space size={10} className="rb:px-1! rb:mb-3!">
+              {(['chunking', ...(textPreprocessing.data.some(vo => vo.deleted_messages) ? ['pruning'] : [])] as string[]).map(type => (
+                <div
+                  key={type}
+                  className={clsx("rb:rounded-[13px] rb:py-0.5 rb:px-3 rb:leading-5 rb:cursor-pointer", {
+                    'rb:bg-white': textPreprocessingTab !== type,
+                    'rb:bg-[#171719] rb:text-white': textPreprocessingTab === type
+                  })}
+                  onClick={() => setTextPreprocessingTab(type)}
+                >
+                  {t(`memoryExtractionEngine.${type}`)}
+                </div>
+              ))}
+            </Space>
+          }
+          {expandedCards['text_preprocessing'] && textPreprocessing.result &&
+            <RbAlert color="blue" className="rb:mb-2!">
+              <div>
+                <div>{formatTime(textPreprocessing)}</div>
                 {t('memoryExtractionEngine.pruning_desc', { count: textPreprocessing.result.pruning.deleted_count || 0 })},
                 {t('memoryExtractionEngine.text_preprocessing_desc', { count: textPreprocessing.result.total_chunks })},
                 {t('memoryExtractionEngine.chunkerStrategy')}: {t(`memoryExtractionEngine.${lowercaseFirst(textPreprocessing.result.chunker_strategy)}`)}
-              </RbAlert>
-            }
-          </RbCard>
-          {/* Knowledge Extraction */}
-          <RbCard
-            title={t(`memoryExtractionEngine.knowledge_extraction`)}
-            extra={formatTag(knowledgeExtraction.status)}
-            headerType="borderL"
-            headerClassName="rb:before:bg-[#155EEF]!"
-          >
-            {knowledgeExtraction.data.map((vo, index) =>
-              <div key={index} className="rb:mb-3 rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">{vo.statement}</div>
-            )}
-            {formatTime(knowledgeExtraction)}
-            {knowledgeExtraction.result && <RbAlert color="blue" icon={<CheckCircleFilled />} className="rb:mt-3">
-              {t('memoryExtractionEngine.knowledge_extraction_desc', {
-                entities: knowledgeExtraction.result.entities_count,
-                statements: knowledgeExtraction.result.statements_count,
-                temporal_ranges_count: knowledgeExtraction.result.temporal_ranges_count,
-                triplets: knowledgeExtraction.result.triplets_count
-              })}
-            </RbAlert>}
-          </RbCard>
-          {/* Creating Entity Relationships */}
-          <RbCard
-            title={t(`memoryExtractionEngine.creating_nodes_edges`)}
-            extra={formatTag(creatingNodesEdges.status)}
-            headerType="borderL"
-            headerClassName="rb:before:bg-[#9C6FFF]!"
-          >
-            {creatingNodesEdges.data?.map((vo, index) => (
-              <div key={index} className="rb:mb-3 rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">
-                {vo?.result_type === 'entity_nodes_creation'
-                  ? <>{vo.type_display_name}: {vo.entity_names.join(', ')}</>
-                  : <>{vo?.relationship_text}</>
-                }
               </div>
-            ))}
-            {formatTime(creatingNodesEdges, '#9C6FFF')}
-            {creatingNodesEdges.result && <RbAlert color="blue" icon={<CheckCircleFilled />} className="rb:mt-3">
-              {t('memoryExtractionEngine.creating_nodes_edges_desc', {num: creatingNodesEdges.result.entity_entity_edges_count})}
-            </RbAlert>}
-          </RbCard>
-          {/* Deduplication and Disambiguation */}
-          <RbCard
-            title={t(`memoryExtractionEngine.deduplication`)}
-            extra={formatTag(deduplication.status)}
-            headerType="borderL"
-            headerClassName="rb:before:bg-[#9C6FFF]!"
-          >
-            {Object.keys(deduplicationData).length > 0 && Object.keys(deduplicationData).map(key => {
-              return deduplicationData[key].map((vo, index) => (
-                <div key={index} className="rb:mb-3 rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">
-                  {vo.message}
-                </div>
-              ))
-            })}
-            {formatTime(deduplication, '#9C6FFF')}
-            {deduplication.result && <RbAlert color="blue" icon={<CheckCircleFilled />} className="rb:mt-3">
-              {t('memoryExtractionEngine.deduplication_desc', { count: deduplication.result.summary.total_merges })}<br />
-            </RbAlert>}
-          </RbCard>
-
-          {testResult && Object.keys(testResult).length > 0 && resultObj && Object.keys(resultObj).length > 0 &&
-            <RbCard>
-              <div className="rb:grid rb:grid-cols-2 rb:gap-[40px_57px]">
-                {Object.keys(resultObj).map((key, index) => {
-                  const keys = (resultObj as Record<string, string>)[key].split('.')
-                  return (
-                    <div key={index}>
-                      <div className="rb:text-[24px] rb:leading-7.5 rb:font-extrabold">{(testResult?.[keys[0] as keyof TestResult] as any)?.[keys[1]]}</div>
-                      <div className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:font-regular">{t(`memoryExtractionEngine.${key}`)}</div>
-                      <div className="rb:mt-1 rb:text-[12px] rb:text-[#369F21] rb:leading-3.5 rb:font-regular">
-                        {key === 'extractTheNumberOfEntities' && testResult.dedup
-                          ? t(`memoryExtractionEngine.${key}Desc`, {
-                            num: testResult.dedup.total_merged_count,
-                            exact: testResult.dedup.breakdown.exact,
-                            fuzzy: testResult.dedup.breakdown.fuzzy,
-                            llm: testResult.dedup.breakdown.llm,
-                          })
-                          : key === 'numberOfEntityDisambiguation' && testResult.disambiguation
-                            ? t(`memoryExtractionEngine.${key}Desc`, { num: testResult.disambiguation.effects?.length, block_count: testResult.disambiguation.block_count })
-                            : key === 'numberOfRelationalTriples' && testResult.triplets
-                              ? t(`memoryExtractionEngine.${key}Desc`, { num: testResult.triplets.count })
-                              :t(`memoryExtractionEngine.${key}Desc`)
-                        }
-                      </div>
-                    </div>
-                  )})}
-              </div>
-            </RbCard>
+            </RbAlert>
           }
-
-          {testResult?.dedup?.impact && testResult.dedup.impact?.length > 0 &&
-            <RbCard
-              title={t('memoryExtractionEngine.entityDeduplicationImpact')}
-              headerType="borderL"
-              headerClassName="rb:before:bg-[#155EEF]!"
-            >
-              <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-medium rb:leading-4">{t('memoryExtractionEngine.identifyDuplicates')}</div>
-              {testResult.dedup.impact.map((item, index) => (
-                <div key={index} className="rb:pl-2 rb:mt-2 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">
-                  -{t('memoryExtractionEngine.identifyDuplicatesDesc', { ...item })}
+          {expandedCards['text_preprocessing'] && textPreprocessing.data.map((vo, index) => {
+            if (vo.deleted_messages && textPreprocessingTab === 'pruning') {
+              return <div key={index} className="rb:mb-3 rb:pb-1 rb:border-b rb:border-b-[#EBEBEB]">
+                <div className="rb:font-medium rb:text-[12px] rb:mb-2">{t('memoryExtractionEngine.Pruned')}</div>
+                {vo.deleted_messages.map((msg: any, idx: number) => (
+                  <div key={idx} className="rb:leading-5">
+                    <div className="rb:font-medium">-{t('memoryExtractionEngine.pruning')}{idx}:</div>
+                    <Markdown content={msg.content} />
+                  </div>
+                ))}
+              </div>
+            }
+            if (textPreprocessingTab === 'chunking' && vo.content) {
+              return (
+                <div key={index} className="rb:leading-5">
+                  <div className="rb:font-medium">-{t('memoryExtractionEngine.fragment')}{vo.chunk_index}:</div>
+                  <Markdown content={vo.content.startsWith('\n') ? vo.content : '\n' + vo.content} className="rb:text-[#212332]" />
                 </div>
-              ))}
+              )
+            }
+            return null
+          })}
+        </ResultCard>
+        {/* Knowledge Extraction */}
+        <ResultCard
+          title={t(`memoryExtractionEngine.knowledge_extraction`)}
+          extra={formatTag(knowledgeExtraction.status)}
+          expanded={expandedCards['knowledge_extraction']}
+          handleExpand={() => toggleCard('knowledge_extraction')}
+        >
+          {knowledgeExtraction.result &&
+            <RbAlert color="blue" className="rb:mb-2!">
+              <div>
+                <div>{formatTime(knowledgeExtraction)}</div>
+                {t('memoryExtractionEngine.knowledge_extraction_desc', {
+                  entities: knowledgeExtraction.result.entities_count,
+                  statements: knowledgeExtraction.result.statements_count,
+                  temporal_ranges_count: knowledgeExtraction.result.temporal_ranges_count,
+                  triplets: knowledgeExtraction.result.triplets_count
+                })}
+              </div>
+            </RbAlert>
+          }
+          {knowledgeExtraction.data?.length > 0 &&
+            <ul className="rb:list-disc rb:ml-4 rb:mb-3">
+              {knowledgeExtraction.data.map((vo, index) =>
+                <li key={index} className="rb:leading-6">{vo.statement}</li>
+              )}
+            </ul>
+          }
+        </ResultCard>
+        {/* Creating Entity Relationships */}
+        <ResultCard
+          title={t(`memoryExtractionEngine.creating_nodes_edges`)}
+          extra={formatTag(creatingNodesEdges.status)}
+          expanded={expandedCards['creating_nodes_edges']}
+          handleExpand={() => toggleCard('creating_nodes_edges')}
+        >
+          {creatingNodesEdges.result &&
+            <RbAlert color="blue" className="rb:mb-2!">
+              <div>
+                <div>{formatTime(creatingNodesEdges)}</div>
+                {t('memoryExtractionEngine.creating_nodes_edges_desc', { num: creatingNodesEdges.result.entity_entity_edges_count })}
+              </div>
+            </RbAlert>
+          }
+          {creatingNodesEdges.data?.length > 0 &&
+            <ul className="rb:list-disc rb:ml-4 rb:mb-3">
+              {creatingNodesEdges.data.map((vo, index) =>
+                <li key={index} className="rb:leading-6">
+                  {vo?.result_type === 'entity_nodes_creation'
+                    ? <>{vo.type_display_name}: {vo.entity_names.join(', ')}</>
+                    : <>{vo?.relationship_text}</>
+                  }
+                </li>
+              )}
+            </ul>
+          }
+        </ResultCard>
+        {/* Deduplication and Disambiguation */}
+        <ResultCard
+          title={t(`memoryExtractionEngine.deduplication`)}
+          extra={formatTag(deduplication.status)}
+          expanded={expandedCards['deduplication']}
+          handleExpand={() => toggleCard('deduplication')}
+        >
+          {deduplication.result &&
+            <RbAlert color="blue" className="rb:mb-2!">
+              <div>
+                <div>{formatTime(deduplication)}</div>
+                {t('memoryExtractionEngine.deduplication_desc', { count: deduplication.result.summary.total_merges })}
+              </div>
+            </RbAlert>
+          }
+          {Object.keys(deduplicationData).length > 0 &&
+            <ul className="rb:list-disc rb:ml-4 rb:mb-3">
+              {Object.keys(deduplicationData).map(key => {
+                return deduplicationData[key].map((vo, index) => (
+                  <li key={index} className="rb:leading-6">
+                    {vo.message}
+                  </li>
+                ))
+              })}
+            </ul>
+          }
+        </ResultCard>
+      </Flex>}
 
-              <RbAlert color="blue" icon={<CheckCircleFilled />} className="rb:mt-3">
+      {activeTab === 'finalResult' && <Flex vertical gap={12} className="rb:pb-3!">
+        {!testResult || Object.keys(testResult).length === 0
+          ? <Empty url={NoDataIcon} />
+          : null
+        }
+
+        {testResult && Object.keys(testResult).length > 0 && resultObj && Object.keys(resultObj).length > 0 &&
+          <ResultCard
+            title={t(`memoryExtractionEngine.dataStatistics`)}
+            expanded={expandedCards['dataStatistics']}
+            handleExpand={() => toggleCard('dataStatistics')}
+          >
+            <div className="rb:grid rb:grid-cols-2 rb:gap-2.5 rb:mb-3">
+              {Object.keys(resultObj).map((key, index) => {
+                const keys = (resultObj as Record<string, string>)[key].split('.')
+                return (
+                  <div key={index} className="rb:bg-white rb:rounded-lg rb:py-2 rb:px-3">
+                    <div className="rb:text-[24px] rb:leading-8 rb:font-bold rb:font-[MiSans-Bold] rb:mb-1">{(testResult?.[keys[0] as keyof TestResult] as any)?.[keys[1]]}</div>
+                    <div className="rb:text-[12px] rb:leading-4 rb:mb-0.5">{t(`memoryExtractionEngine.${key}`)}</div>
+                    <div className="rb:text-[12px] rb:text-[#369F21] rb:leading-4">
+                      {key === 'extractTheNumberOfEntities' && testResult.dedup
+                        ? t(`memoryExtractionEngine.${key}Desc`, {
+                          num: testResult.dedup.total_merged_count,
+                          exact: testResult.dedup.breakdown.exact,
+                          fuzzy: testResult.dedup.breakdown.fuzzy,
+                          llm: testResult.dedup.breakdown.llm,
+                        })
+                        : key === 'numberOfEntityDisambiguation' && testResult.disambiguation
+                          ? t(`memoryExtractionEngine.${key}Desc`, { num: testResult.disambiguation.effects?.length, block_count: testResult.disambiguation.block_count })
+                          : key === 'numberOfRelationalTriples' && testResult.triplets
+                            ? t(`memoryExtractionEngine.${key}Desc`, { num: testResult.triplets.count })
+                            : t(`memoryExtractionEngine.${key}Desc`)
+                      }
+                    </div>
+                  </div>
+                )
+              })}
+            </div>
+          </ResultCard>
+        }
+
+        {testResult?.dedup?.impact && testResult.dedup.impact?.length > 0 &&
+          <ResultCard
+            title={t('memoryExtractionEngine.entityDeduplicationImpact')}
+            expanded={expandedCards['entityDeduplicationImpact']}
+            handleExpand={() => toggleCard('entityDeduplicationImpact')}
+          >
+            <div className="rb:bg-white rb:rounded-xl rb:p-3 rb:mb-3">
+              <RbAlert color="blue" className="rb:mb-2!">
                 {t('memoryExtractionEngine.entityDeduplicationImpactDesc', { count: testResult.dedup.impact.length })}
               </RbAlert>
-            </RbCard>
-          }
+              <div className="rb:font-medium rb:leading-5 rb:mb-2">{t('memoryExtractionEngine.identifyDuplicates')}:</div>
 
-          {testResult?.disambiguation && testResult.disambiguation?.effects?.length > 0 &&
-            <RbCard
-              title={t('memoryExtractionEngine.theEffectOfEntityDisambiguationLLMDriven')}
-              headerType="borderL"
-              headerClassName="rb:before:bg-[#155EEF]!"
-            >
+              <ul className="rb:list-disc rb:ml-4">
+                {testResult.dedup.impact.map((item, index) => (
+                  <li key={index} className="rb:leading-6">
+                    {t('memoryExtractionEngine.identifyDuplicatesDesc', { ...item })}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </ResultCard>
+        }
+
+        {testResult?.disambiguation && testResult.disambiguation?.effects?.length > 0 &&
+          <ResultCard
+            title={t('memoryExtractionEngine.theEffectOfEntityDisambiguationLLMDriven')}
+            expanded={expandedCards['disambiguation']}
+            handleExpand={() => toggleCard('disambiguation')}
+          >
+            <div className="rb:bg-white rb:rounded-xl rb:p-3 rb:mb-3">
+              <RbAlert color="blue" className="rb:mb-2!">
+                {t('memoryExtractionEngine.entityDeduplicationImpactDesc', { count: testResult.dedup.impact.length })}
+              </RbAlert>
               {testResult.disambiguation.effects.map((item, index) => (
                 <div key={index} className={clsx("rb:text-[12px] rb:text-[#5B6167] rb:leading-4", {
-                  'rb:mt-4': index > 0,
+                  'rb:mt-5': index > 0,
                 })}>
-                  <div className="rb:font-medium rb:mb-2">{t('memoryExtractionEngine.disagreementCase')} {index +1}:</div>
-                  -{item.left.name}({item.left.type}) vs {item.right.name}({item.right.type}) → <span className="rb:text-[#369F21]">{item.result}</span>
+                  <div className="rb:font-medium rb:leading-5 rb:mb-1">{t('memoryExtractionEngine.disagreementCase')} {index + 1}:</div>
+
+                  <ul className="rb:list-disc rb:ml-4">
+                    <li key={index} className="rb:leading-6">
+                      {item.left.name}({item.left.type}) vs {item.right.name}({item.right.type}) → {item.result}
+                    </li>
+                  </ul>
                 </div>
               ))}
+            </div>
+          </ResultCard>
+        }
 
-              <RbAlert color="blue" icon={<CheckCircleFilled />} className="rb:mt-3">
-                {t('memoryExtractionEngine.entityDeduplicationImpactDesc', { count: testResult.dedup.impact.length })}
-              </RbAlert>
-            </RbCard>
-          }
+        {testResult?.core_entities && testResult?.core_entities.length > 0 &&
+          <ResultCard
+            title={t('memoryExtractionEngine.coreEntitiesAfterDedup')}
+            expanded={expandedCards['coreEntities']}
+            handleExpand={() => toggleCard('coreEntities')}
+          >
+            <Flex gap={10} wrap className="rb:px-1! rb:mb-3! rb:gap-y-2!">
+              {testResult.core_entities.map((item, index) => (
+                <div
+                  key={item.type}
+                  className={clsx("rb:rounded-[13px] rb:py-0.5 rb:px-3 rb:leading-5 rb:cursor-pointer", {
+                    'rb:bg-white': !((coreEntitiesTab && item.type === coreEntitiesTab) || (!coreEntitiesTab && index === 0)),
+                    'rb:bg-[#171719] rb:text-white': (coreEntitiesTab && item.type === coreEntitiesTab) || (!coreEntitiesTab && index === 0)
+                  })}
+                  onClick={() => setCoreEntitiesTab(item.type)}
+                >
+                  {item.type}({item.count})
+                </div>
+              ))}
+            </Flex>
+            <div className="rb:bg-white rb:rounded-lg rb:py-2.5 rb:px-3 rb:mb-3">
+              {testResult.core_entities.filter((item, index) => (coreEntitiesTab && item.type === coreEntitiesTab) || (!coreEntitiesTab && index === 0)).map((item, idx) => (
+                <div key={idx} className="rb:leading-5">
+                  <div className="rb:text-[#155EEF] rb:font-medium rb:mb-2">{item.type}({item.count})</div>
 
-          {testResult?.core_entities && testResult?.core_entities.length > 0 &&
-            <RbCard
-              title={t('memoryExtractionEngine.coreEntitiesAfterDedup')}
-              headerType="borderL"
-              headerClassName="rb:before:bg-[#369F21]!"
-            >
-              <div className="rb:grid rb:grid-cols-2 rb:gap-6">
-                {testResult.core_entities.map((item, idx) => (
-                  <div key={idx} className="rb:text-[12px]">
-                    <div className="rb:text-[#369F21] rb:font-medium">{item.type}({item.count})</div>
+                  <ul className="rb:list-disc rb:ml-4">
+                    {item.entities.map((entity, index) => (
+                      <li key={index} className="rb:leading-6">
+                        {entity}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              ))}
+            </div>
+          </ResultCard>
+        }
 
-                    <div>
-                      {item.entities.map((entity, index) => (
-                        <div key={index} className="rb:text-[#5B6167] rb:font-regular rb:leading-4">
-                          -{entity}
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </RbCard>
-          }
-
-          {testResult?.triplet_samples && testResult?.triplet_samples.length > 0 &&
-            <RbCard
-              title={t('memoryExtractionEngine.extractRelationalTriples')}
-              headerType="borderL"
-              headerClassName="rb:before:bg-[#9C6FFF]!"
-            >
-              <Space size={8} direction="vertical" className="rb:w-full">
-                {testResult.triplet_samples.map((item, index) => (
-                  <div key={index} className="rb:text-[12px]">
-                    -({item.subject}, <span className="rb:text-[#9C6FFF] rb:font-medium">{item.predicate}</span>, {item.object})
-                  </div>
-                ))}
-              </Space>
-              <RbAlert color="purple" icon={<CheckCircleFilled />} className="rb:mt-3">
+        {testResult?.triplet_samples && testResult?.triplet_samples.length > 0 &&
+          <ResultCard
+            title={t('memoryExtractionEngine.extractRelationalTriples')}
+            expanded={expandedCards['triplet_samples']}
+            handleExpand={() => toggleCard('triplet_samples')}
+          >
+            <div className="rb:bg-white rb:rounded-xl rb:p-3 rb:mb-3">
+              <RbAlert color="blue"className="rb:mb-2!">
                 {t('memoryExtractionEngine.extractRelationalTriplesDesc', { count: testResult.triplet_samples.length })}
               </RbAlert>
-            </RbCard>
-          }
-          {ontologyCoverage && Object.keys(ontologyCoverage).length > 0 &&
-            <RbCard
-              title={<>{t('memoryExtractionEngine.ontologyCoverage')}({ontologyCoverage.total_entities})</>}
-              headerType="borderL"
-              headerClassName="rb:before:bg-[#369F21]!"
-            >
-              <div className="rb:grid rb:grid-cols-2 rb:gap-3">
+              <ul className="rb:list-disc rb:ml-4">
+                {testResult.triplet_samples.map((item, index) => (
+                  <li key={index} className="rb:leading-6">
+                    ({item.subject}, <span className="rb:text-[#155EEF] rb:font-medium">{item.predicate}</span>, {item.object})
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </ResultCard>
+        }
+        {ontologyCoverage && Object.keys(ontologyCoverage).length > 0 &&
+          <ResultCard
+            title={<>{t('memoryExtractionEngine.ontologyCoverage')}({ontologyCoverage.total_entities})</>}
+            expanded={expandedCards['ontologyCoverage']}
+            handleExpand={() => toggleCard('ontologyCoverage')}
+          >
+            <div className="rb:bg-white rb:rounded-xl rb:p-3 rb:mb-3 rb:leading-5">
+              <div className="rb:grid rb:grid-cols-1 rb:gap-3">
                 {(['scene_type_distribution', 'general_type_distribution', 'unmatched'] as const).map((key, idx) => {
                   if (!ontologyCoverage[key]) return null
                   return (
-                    <div key={idx} className="rb:text-[12px]">
-                      <div className="rb:text-[#369F21] rb:font-medium">{t(`memoryExtractionEngine.${key}`)}({ontologyCoverage[key].type_count})</div>
-                      <div>{t('memoryExtractionEngine.entity_total', { num: ontologyCoverage[key].entity_total })}</div>
-                      <div>
+                    <div key={idx}>
+                      <div className="rb:text-[#155EEF] rb:font-medium rb:mb-1">{t(`memoryExtractionEngine.${key}`)}({ontologyCoverage[key].type_count})</div>
+                      <div className="rb:text-[#212332] rb:mb-1">{t('memoryExtractionEngine.entity_total', { num: ontologyCoverage[key].entity_total })}</div>
+
+                      <ul className="rb:list-disc rb:ml-4">
                         {ontologyCoverage[key].types.map((type, index) => {
                           if (!type.type || type.type === '') return null
                           return (
-                            <div key={index} className="rb:text-[#5B6167] rb:font-regular rb:leading-4">
-                              -{type.type}({type.count})
-                            </div>
+                            <li key={index} className="rb:leading-6 rb:text-[#5B6167]">
+                              {type.type}({type.count})
+                            </li>
                           )
                         })}
-                      </div>
+                      </ul>
                     </div>
                   )
                 })}
               </div>
-            </RbCard>
-          }
-
-        </Space>
-      </div>
-
-      <div className="rb:grid rb:grid-cols-2 rb:gap-4 rb:mt-5">
-        <Button block loading={loading} onClick={handleSave}>{t('common.save')}</Button>
-        <Button block type="primary" loading={runLoading} onClick={handleRun}>{t('memoryExtractionEngine.debug')}</Button>
-      </div>
+            </div>
+          </ResultCard>
+        }
+      </Flex>}
     </Card>
   )
 }
diff --git a/web/src/views/MemoryExtractionEngine/components/ResultCard.tsx b/web/src/views/MemoryExtractionEngine/components/ResultCard.tsx
new file mode 100644
index 00000000..17e065a2
--- /dev/null
+++ b/web/src/views/MemoryExtractionEngine/components/ResultCard.tsx
@@ -0,0 +1,78 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:30:51 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-19 14:23:58
+ */
+/**
+ * ResultCard Component
+ * Collapsible card wrapper for configuration sections
+ */
+
+import { type FC, type ReactNode } from 'react'
+import clsx from 'clsx';
+import { Flex, Space, Tooltip } from 'antd';
+
+import RbCard from '@/components/RbCard/Card'
+
+/**
+ * Component props
+ */
+interface ResultCardProps {
+  title: string | ReactNode;
+  subTitle?: string | ReactNode;
+  children: ReactNode;
+  expanded?: boolean;
+  handleExpand?: () => void;
+  className?: string;
+  headerClassName?: string;
+  bodyClassName?: string;
+  extra?: ReactNode;
+}
+
+const ResultCard: FC<ResultCardProps> = ({
+  title,
+  subTitle,
+  children,
+  expanded,
+  handleExpand,
+  extra,
+  className,
+  headerClassName,
+  bodyClassName,
+}) => {
+  return (
+    <RbCard
+      title={() => <Flex
+        align="center"
+        justify="space-between"
+        className="rb:font-[MiSans-Bold] rb:font-bold rb:cursor-pointer"
+        onClick={handleExpand}
+      >
+        <Space size={4}>
+          {title}
+          {subTitle && <Tooltip title={subTitle}>
+            <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+          </Tooltip>}
+        </Space>
+        <Space size={4}>
+          {extra}
+          {handleExpand && <div
+            className={clsx("rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/arrow_up.svg')] rb:transition-transform", {
+              'rb:rotate-180': !expanded,
+              'rb:rotate-0': expanded,
+            })}
+          ></div>}
+        </Space>
+      </Flex>}
+      headerType="borderless"
+      headerClassName={headerClassName ?? "rb:min-h-[40px]! rb:text-[#212332]! rb:text-[14px]!"}
+      bodyClassName={bodyClassName ?? "rb:py-0! rb:px-3!"}
+      className={className ?? "rb:bg-[#F6F6F6]!"}
+    >
+      {(expanded && handleExpand) && children}
+    </RbCard>
+  )
+}
+
+export default ResultCard
\ No newline at end of file
diff --git a/web/src/views/MemoryExtractionEngine/constant.ts b/web/src/views/MemoryExtractionEngine/constant.ts
index 68f9e8c6..5c27ba48 100644
--- a/web/src/views/MemoryExtractionEngine/constant.ts
+++ b/web/src/views/MemoryExtractionEngine/constant.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:30:06 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 13:49:00
+ * @Last Modified time: 2026-03-24 15:11:30
  */
 /**
  * Memory Extraction Engine Configuration Constants
@@ -212,6 +212,28 @@ export const configList: ConfigVo[] = [
     ]
   }
 ]
+export const modelConfigList = [
+  {
+    key: 'llm_id',
+    type: 'modelSelect',
+    params: { type: 'chat,llm' },
+  },
+  {
+    key: 'vision_id',
+    type: 'modelSelect',
+    params: { type: 'chat,llm', capability: 'vision' },
+  },
+  {
+    key: 'audio_id',
+    type: 'modelSelect',
+    params: { type: 'chat,llm', capability: 'audio' },
+  },
+  {
+    key: 'video_id',
+    type: 'modelSelect',
+    params: { type: 'chat,llm', capability: 'video' },
+  },
+]
 
 /**
  * Group data by specified key
diff --git a/web/src/views/MemoryExtractionEngine/index.tsx b/web/src/views/MemoryExtractionEngine/index.tsx
index e5c8f477..8e933610 100644
--- a/web/src/views/MemoryExtractionEngine/index.tsx
+++ b/web/src/views/MemoryExtractionEngine/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:30:02 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 13:50:05
+ * @Last Modified time: 2026-03-26 15:45:42
  */
 /**
  * Memory Extraction Engine Configuration Page
@@ -13,21 +13,24 @@
 import { type FC, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Row, Col, Space, Select, InputNumber, Slider, App, Form, Input } from 'antd'
+import { Row, Col, Space, Select, InputNumber, App, Form, Input, Flex, Tooltip } from 'antd'
 import clsx from 'clsx'
 
 import Card from './components/Card'
 import type { ConfigForm, Variable } from './types'
 import { getMemoryExtractionConfig, updateMemoryExtractionConfig } from '@/api/memory'
 import Markdown from '@/components/Markdown'
-import { getModelListUrl } from '@/api/models';
-import { configList } from './constant'
+import { configList, modelConfigList } from './constant'
 import Result from './components/Result'
 import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
-import CustomSelect from '@/components/CustomSelect'
+import ModelSelect from '@/components/ModelSelect'
+import RbSlider from '@/components/RbSlider';
+import DescWrapper from '@/components/FormItem/DescWrapper'
+import LabelWrapper from '@/components/FormItem/LabelWrapper'
 
 /** Available configuration section keys */
 const keys = [
+  'modelConfig',
   'storageLayerModule', 
   'arrangementLayerModule'
 ]
@@ -35,7 +38,7 @@ const keys = [
 /**
  * Configuration description component
  */
-const ConfigDesc: FC<{ config: Variable, className?: string; onlyMeaning?: boolean; }> = ({ config, className, onlyMeaning = false}) => {
+const Desc: FC<{ config: Variable, className?: string; onlyMeaning?: boolean; }> = ({ config, className, onlyMeaning = false}) => {
   const { t } = useTranslation();
   return (
     <div className={className}>
@@ -44,7 +47,6 @@ const ConfigDesc: FC<{ config: Variable, className?: string; onlyMeaning?: boole
         {config.control && <span className="rb:font-regular">{t('memoryExtractionEngine.control')}: {t(`memoryExtractionEngine.${config.control}`)}</span>}
         {config.type && <span className="rb:font-regular">{t('memoryExtractionEngine.type')}: {config.type}</span>}
       </Space>}
-      {config.meaning && <div className={clsx("rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4 ")}>{t('memoryExtractionEngine.Meaning')}: {t(`memoryExtractionEngine.${config.meaning}`)}</div>}
     </div>
   )
 }
@@ -54,8 +56,6 @@ const MemoryExtractionEngine: FC = () => {
   const { id } = useParams()
   const [expandedKeys, setExpandedKeys] = useState<string[]>(keys)
   const [form] = Form.useForm<ConfigForm>()
-  const [modelForm] = Form.useForm()
-  const modelValues = Form.useWatch([], modelForm)
   const values = Form.useWatch<ConfigForm>([], form)
   const [loading, setLoading] = useState(false)
   const [iterationPeriodDisabled, setIterationPeriodDisabled] = useState(false)
@@ -82,11 +82,7 @@ const MemoryExtractionEngine: FC = () => {
         t_type_strict: Number(response.t_type_strict || 0),
         t_overall: Number(response.t_overall || 0),
       }
-      // setData(initialValues)
       form.setFieldsValue(initialValues)
-      modelForm.setFieldsValue({
-        llm_id: response.llm_id,
-      })
     })
   }
   useEffect(() => {
@@ -106,11 +102,9 @@ const MemoryExtractionEngine: FC = () => {
     if (!id) {
       return
     }
-    console.log('values', values)
     setLoading(true)
     updateMemoryExtractionConfig({
       ...values,
-      ...modelValues,
       config_id: id,
     }).then(() => {
       message.success(t('common.saveSuccess'))
@@ -122,163 +116,150 @@ const MemoryExtractionEngine: FC = () => {
 
   return (
     <>
-      <div className="rb:text-[24px] rb:font-semibold rb:leading-8 rb:mb-2">{t('memoryExtractionEngine.title')}</div>
-      <div className="rb:text-[#5B6167] rb:leading-5 rb:mb-6">{t('memoryExtractionEngine.subTitle')}</div>
+      <Flex align="center" gap={4} className="rb:font-[MiSans-Bold] rb:text-[16px] rb:font-bold rb:leading-5.5 rb:mb-4!">
+        {t('memoryExtractionEngine.title')}
+        <Tooltip title={t('memoryExtractionEngine.subTitle')}>
+          <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+        </Tooltip>
+      </Flex>
 
-      <Row gutter={[16, 16]}>
-        <Col span={12}>
-          <Form form={modelForm}>
-            <Form.Item 
-              label={t('memoryExtractionEngine.model')} 
-              name="llm_id"
-            >
-              <CustomSelect
-                url={getModelListUrl}
-                params={{ type: 'llm,chat', pagesize: 100, is_active: true }}
-                valueKey="id"
-                labelKey="name"
-                hasAll={false}
-                style={{ width: '100%' }}
-              />
-            </Form.Item>
-          </Form>
-        </Col>
-      </Row>
-      <Card
-        type="example"
-        title={t('memoryExtractionEngine.example')}
-        expanded={expandedKeys.includes('example')}
-        handleExpand={handleExpand}
-      >
-        {expandedKeys.includes('example') &&
-          <div className="rb:text-[14px] rb:text-[#5B6167] rb:font-regular rb:leading-5">
-            <Markdown content={t('memoryExtractionEngine.exampleText')} />
-          </div>
-        }
-      </Card>
-      <Row gutter={[16, 16]} className="rb:mt-4">
-        <Col span={14}>
-          <Form
-            form={form}
-          >
-            <Space direction="vertical" size={16} style={{ width: '100%' }}>
-              {configList.map((item, index) => (
-                <Card
-                  type={item.type}
-                  title={t(`memoryExtractionEngine.${item.type}`)}
-                  key={index}
-                  expanded={expandedKeys.includes(item.type)}
-                  handleExpand={handleExpand}
+      <Row gutter={12} className="rb:h-[calc(100%-38px)]!">
+        <Col span={12} className="rb:h-full!">
+          <Form form={form} className="rb:h-full!">
+            <Flex vertical gap={12} className="rb:h-full! rb:overflow-y-auto">
+              <div className="rb:bg-white rb:rounded-xl rb:py-2.5 rb:px-4">
+                <Flex
+                  align="center"
+                  justify="space-between"
+                  className="rb:font-[MiSans-Bold] rb:font-bold rb:cursor-pointer"
+                  onClick={() => handleExpand('example')}
                 >
-                  <Space size={20} direction="vertical" style={{width: '100%'}}>
-                    {item.data.map(vo => (
-                      <div 
-                        key={vo.title} 
-                        className={clsx(
-                          `rb:p-[16px_24px] rb:rounded-lg`,
-                          'rb:border rb:border-[#DFE4ED]',
-                          {
-                            'rb:shadow-[inset_4px_0px_0px_0px_#155EEF]': index % 2 === 0,
-                            'rb:shadow-[inset_4px_0px_0px_0px_#369F21]': index % 2 !== 0,
-                          }
-                        )}
-                      >
-                        <div className="rb:text-[16px] rb:font-medium rb:leading-5.5">{t(`memoryExtractionEngine.${vo.title}`)}</div>
-                        <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`memoryExtractionEngine.${vo.title}SubTitle`)}</div>
+                  {t('memoryExtractionEngine.example')}
+                  <div className={clsx("rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/arrow_up.svg')]", {
+                    'rb:rotate-180': !expandedKeys.includes('example'),
+                    'rb:rotate-0': expandedKeys.includes('example'),
+                  })}></div>
+                </Flex>
 
-                        {vo.list.map(config => (
-                          <div key={config.label}>
-                            {config.control === 'button' &&
-                              <SwitchFormItem
-                                title={<>-{t(`memoryExtractionEngine.${config.label}`)}</>}
-                                name={config.variableName}
-                                desc={<ConfigDesc config={config} className="rb:ml-2" />}
-                                className="rb:mt-6"
-                              />
-                            }
-                            {config.control === 'select' &&
-                              <>
-                                <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mt-6 rb:mb-2">
-                                  -{t(`memoryExtractionEngine.${config.label}`)}
-                                </div>
-                                <div className="rb:pl-2">
+                {expandedKeys.includes('example') &&
+                  <div className="rb:text-[14px] rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-2.5 rb:mb-1.5">
+                    <Markdown content={t('memoryExtractionEngine.exampleText')} />
+                  </div>
+                }
+              </div>
+
+              <Card
+                title={t('memoryExtractionEngine.modelConfig')}
+                type="modelConfig"
+                expanded={expandedKeys.includes('modelConfig')}
+                handleExpand={handleExpand}
+              >
+                {/* <Form form={modelForm}> */}
+                  <Flex vertical gap={12}>
+                    <Flex gap={12} vertical>
+                      {modelConfigList.map(config => (
+                        <div key={config.key} className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3">
+                          <LabelWrapper title={t(`memoryExtractionEngine.${config.key}`)} className="rb:mb-3" />
+                          <Form.Item
+                            name={config.key}
+                            className="rb:mb-0!"
+                          >
+                            <ModelSelect
+                              params={config.params}
+                            />
+                          </Form.Item>
+                        </div>
+                      ))}
+                    </Flex>
+                  </Flex>
+                {/* </Form> */}
+              </Card>
+
+              <Flex vertical gap={16}>
+                {configList.map((item, index) => (
+                  <Card
+                    type={item.type}
+                    title={t(`memoryExtractionEngine.${item.type}`)}
+                    key={index}
+                    expanded={expandedKeys.includes(item.type)}
+                    handleExpand={handleExpand}
+                  >
+                    <Flex gap={16} vertical>
+                      {item.data.map(vo => (
+                        <Flex
+                          key={vo.title}
+                          vertical
+                          gap={10}
+                          className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3! rb:pt-2.5!"
+                        >
+                          <Space size={4} className="rb:text-[#212332] rb:font-medium rb:leading-5">
+                            {t(`memoryExtractionEngine.${vo.title}`)}
+                            <Tooltip title={t(`memoryExtractionEngine.${vo.title}SubTitle`)}>
+                              <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+                            </Tooltip>
+                          </Space>
+
+                          {vo.list.map(config => (
+                            <div key={config.label} className="rb:bg-white rb:rounded-xl rb:p-3 rb:pr-2.5">
+                              {config.control === 'button'
+                                ? <SwitchFormItem
+                                  title={t(`memoryExtractionEngine.${config.label}`)}
+                                  name={config.variableName}
+                                  desc={<DescWrapper desc={<Desc config={config} />} />}
+                                  className="rb:mt-6"
+                                />
+                                : <>
+                                  {config.meaning
+                                    ? <Space size={4} className="rb:text-[#212332] rb:font-medium rb:leading-5">
+                                      {t(`memoryExtractionEngine.${config.label}`)}
+                                      <Tooltip title={<>{t('memoryExtractionEngine.Meaning')}: {t(`memoryExtractionEngine.${config.meaning}`)}</>}>
+                                        <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+                                      </Tooltip>
+                                    </Space>
+                                    : <div className="rb:text-[#212332] rb:font-medium rb:leading-5">
+                                      {t(`memoryExtractionEngine.${config.label}`)}
+                                    </div>
+                                  }
+                                  {config.control !== 'text' && <DescWrapper desc={<Desc config={config} />} />}
                                   <Form.Item
                                     name={config.variableName}
+                                    className="rb:mb-0! rb:mt-2!"
                                   >
-                                    <Select 
-                                      disabled={config.variableName === 'iteration_period' && iterationPeriodDisabled}
-                                      options={config.options ? config.options.map(item => ({ ...item, label: t(`memoryExtractionEngine.${item.label}`) })) : []}
-                                    />
+                                    {config.control === 'select'
+                                      ? <Select
+                                        disabled={config.variableName === 'iteration_period' && iterationPeriodDisabled}
+                                        options={config.options ? config.options.map(item => ({ ...item, label: t(`memoryExtractionEngine.${item.label}`) })) : []}
+                                      />
+                                      : config.control === 'slider'
+                                      ? <RbSlider
+                                        min={config.min || 0}
+                                        max={config.max || 1}
+                                        step={config.step || 0.01}
+                                        isInput={true}
+                                        prefix={<span className="rb:text-[#5B6167]">{t('emotionEngine.currentValue')}:</span>}
+                                        inputClassName="rb:w-[155px]!"
+                                      />
+                                      : config.control === 'inputNumber'
+                                      ? <InputNumber min={config.min || 0} style={{ width: '100%' }} placeholder={t('common.pleaseEnter')} />
+                                      : config.control === 'text'
+                                      ? <Input placeholder={t('common.pleaseEnter')} disabled />
+                                      : null
+                                    }
                                   </Form.Item>
-                                  <ConfigDesc config={config} className="rb:-mt-4!" />
-                                </div>
-                              </>
-                            }
-                            {config.control === 'slider' &&
-                              <>
-                                <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mt-6 rb:mb-2">
-                                  -{t(`memoryExtractionEngine.${config.label}`)}
-                                </div>
-                                <div className="rb:pl-2">
-                                  <ConfigDesc config={config} className="rb:mb-2.5" />
-                                  <Form.Item
-                                    name={config.variableName}
-                                  >
-                                    <Slider 
-                                      style={{ margin: '0' }} 
-                                      min={config.min || 0} 
-                                      max={config.max || 1} 
-                                      step={config.step || 0.01}
-                                    />
-                                  </Form.Item>
-                                  <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167] rb:leading-5 rb:-mt-6.5">
-                                    {config.min || 0}
-                                    <span>{t('memoryExtractionEngine.CurrentValue')}: {values?.[config.variableName as keyof ConfigForm]}</span>
-                                  </div>
-                                </div>
-                              </>
-                            }
-                            {config.control === 'inputNumber' &&
-                              <>
-                                <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mt-6 rb:mb-2">
-                                  -{t(`memoryExtractionEngine.${config.label}`)}
-                                </div>
-                                <div className="rb:pl-2">
-                                  <Form.Item
-                                    name={config.variableName}
-                                  >
-                                    <InputNumber min={config.min || 0} style={{ width: '100%' }} placeholder={t('common.pleaseEnter')} />
-                                  </Form.Item>
-                                  <ConfigDesc config={config} className="rb:-mt-4!" />
-                                </div>
-                              </>
-                            }
-                            {config.control === 'text' &&
-                              <>
-                                <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mt-6 rb:mb-2">
-                                  -{t(`memoryExtractionEngine.${config.label}`)}
-                                </div>
-                                <div className="rb:pl-2">
-                                  <Form.Item
-                                    name={config.variableName}
-                                  >
-                                    <Input placeholder={t('common.pleaseEnter')} disabled />
-                                  </Form.Item>
-                                  <ConfigDesc config={config} onlyMeaning={true} className="rb:-mt-4!" />
-                                </div>
-                              </>
-                            }
-                          </div>
-                        ))}
-                      </div>
-                    ))}
-                  </Space>
-                </Card>
-              ))}
-            </Space>
+                                </>
+                              }
+                            </div>
+                          ))}
+                        </Flex>
+                      ))}
+                    </Flex>
+                  </Card>
+                ))}
+              </Flex>
+            </Flex>
           </Form>
         </Col>
-        <Col span={10}>
+        <Col span={12} className="rb:h-full!">
           <Result
             loading={loading}
             handleSave={handleSave}
diff --git a/web/src/views/MemoryManagement/index.tsx b/web/src/views/MemoryManagement/index.tsx
index fdc272e5..1fb945b0 100644
--- a/web/src/views/MemoryManagement/index.tsx
+++ b/web/src/views/MemoryManagement/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:33:15 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 13:53:53
+ * @Last Modified time: 2026-03-26 14:56:00
  */
 /**
  * Memory Management Page
@@ -11,10 +11,9 @@
  */
 
 import React, { useState, useEffect, useRef } from 'react';
-import { List, Button, Space, App, Tooltip } from 'antd';
+import { Button, Space, App, Flex, Row, Col } from 'antd';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import clsx from 'clsx'
 
 import MemoryForm from './components/MemoryForm';
 import type { Memory, MemoryFormRef } from '@/views/MemoryManagement/types'
@@ -22,7 +21,6 @@ import RbCard from '@/components/RbCard/Card'
 import { getMemoryConfigList, deleteMemoryConfig } from '@/api/memory'
 import BodyWrapper from '@/components/Empty/BodyWrapper'
 import { formatDateTime } from '@/utils/format';
-import RbAlert from '@/components/RbAlert'
 
 const MemoryManagement: React.FC = () => {
   const { t } = useTranslation();
@@ -102,68 +100,72 @@ const MemoryManagement: React.FC = () => {
       </div>
       
       <BodyWrapper loading={loading} empty={data.length === 0}>
-        <List
-          grid={{ gutter: 16, column: 2 }}
-          loading={loading}
-          dataSource={data}
-          renderItem={(item) => (
-            <List.Item key={item.config_id}>
-              <RbCard 
+        <Row
+          gutter={[12, 12]}
+          className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto"
+        >
+          {data.map((item) => (
+            <Col key={item.config_id} span={12}>
+              <RbCard
                 title={item.config_name}
-                className="rb:relative"
+                className="rb:relative rb:hover:shadow-[0px_2px_8px_0px_rgba(23,23,25,0.16)]!"
+                headerType="borderless"
+                headerClassName="rb:h-[46px]"
+                bodyClassName="rb:p-3! rb:pt-0!"
               >
                 {item.is_system_default &&
-                  <div className="rb:absolute rb:-right-px rb:-top-px rb:bg-[#FF5D34] rb:rounded-[0px_7px_0px_8px] rb:text-[12px] rb:text-white rb:font-regular rb:leading-4 rb:py-0.5 rb:px-1">
+                  <div className="rb:absolute rb:right-0 rb:top-0 rb:bg-[#FF5D34] rb:rounded-[0px_12px_0px_12px] rb:text-[12px] rb:text-white rb:font-medium rb:leading-4 rb:py-0.75 rb:px-2">
                     {t('common.default')}
                   </div>
                 }
-                <Tooltip title={item.config_desc}>
-                  <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:-mt-1 rb:wrap-break-word rb:line-clamp-1 rb:h-4.25">{item.config_desc}</div>
-                </Tooltip>
-                <RbAlert className="rb:mt-3 ">
-                  <div className={clsx("rb:flex rb:gap-5 rb:font-regular rb:text-[14px]")}>
-                    <span className="rb:text-[#5B6167]">{t('memory.scene_id')}: </span>
-                    <span className="rb:font-medium">
-                      {item.scene_name || '-'}
-                    </span>
+                <Flex vertical gap={12}>
+                  <div className="rb:bg-[rgba(21,94,239,0.06)] rb:rounded-lg rb:text-[#155EEF] rb:font-medium rb:leading-5 rb:py-1.5 rb:px-2">
+                    {t('memory.scene_id')}: {item.scene_name || '-'}
                   </div>
-                </RbAlert>
 
-                <div className="rb:grid rb:grid-cols-2 rb:gap-x-4 rb:gap-y-3 rb:mt-3">
-                  {['memoryExtractionEngine', 'forgottenEngine', 'emotionEngine', 'reflectionEngine'].map((key) => (
-                    <div key={key} className="rb:group rb:cursor-pointer rb:bg-[#F0F3F8] rb:h-10 rb:rounded-md rb:flex rb:items-center rb:justify-between rb:p-[0_8px_0_12px] rb:text-[#5B6167] rb:font-medium"
-                      onClick={() => handleClick(item.config_id, key)}
-                    >
-                      {t(`memory.${key}`)}
-                      <span className='rb:flex rb:items-center rb:justify-end'>
-                        {/* <StatusTag status={item[key] === 'active' ? 'success' : 'error'} text={item[key] === 'active' ? t('memory.active') : t('memory.inactive')} /> */}
-                        <div 
-                          className="rb:w-4 rb:h-4 rb:-ml-0.75 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/memory/arrow_right.svg')] rb:group-hover:bg-[url('@/assets/images/memory/arrow_right_hover.svg')]" 
+                  <div className="rb:grid rb:grid-cols-2 rb:gap-x-3 rb:gap-y-2">
+                    {['memoryExtractionEngine', 'forgottenEngine', 'emotionEngine', 'reflectionEngine'].map((key) => (
+                      <Flex
+                        key={key}
+                        align="center"
+                        justify="space-between"
+                        className="rb:cursor-pointer rb:bg-[#F6F6F6] rb:h-8 rb:rounded-lg rb:font-medium rb:leading-5 rb:pl-2! rb:pr-1! rb:hover:shadow-[0px_2px_8px_0px_rgba(23,23,25,0.16)]"
+                        onClick={() => handleClick(item.config_id, key)}
+                      >
+                        {t(`memory.${key}`)}
+                        <div
+                          className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/memory/arrow_right.svg')] rb:hover:shadow-[0px_2px_8px_0px_rgba(23,23,25,0.16)]"
                         ></div>
-                      </span>
-                    </div>
-                  ))}
-                </div>
-                <div className={clsx("rb:mt-4 rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167] rb:flex rb:items-center", {
-                  'rb:justify-between': item.updated_at,
-                  'rb:justify-end': !item.updated_at
-                })}>
-                  {formatDateTime(item.updated_at, 'YYYY-MM-DD HH:mm:ss')}
-                  <Space size={16}>
-                    <div 
-                      className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]" 
-                      onClick={() => handleEdit(item)}
-                    ></div>
-                    {!item.is_system_default && <div 
-                      className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]" 
-                      onClick={() => handleDelete(item)}
-                    ></div>}
-                  </Space>
-                </div>
+                      </Flex>
+                    ))}
+                  </div>
+
+                  <Flex
+                    align="center"
+                    justify={item.updated_at ? "space-between" : "flex-end"}
+                    className="rb:text-[12px] rb:leading-4.5 rb:font-regular rb:text-[#5B6167] rb:pl-1!"
+                  >
+                    {formatDateTime(item.updated_at, 'YYYY-MM-DD HH:mm:ss')}
+                    <Space size={8}>
+                      <div className="rb:size-4.5 rb:hover:bg-[#EBEBEB] rb:rounded-md">
+                        <div
+                          className="rb:size-4.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/common/edit.svg')]"
+                          onClick={() => handleEdit(item)}
+                        ></div>
+                      </div>
+                      {!item.is_system_default &&
+                        <div
+                          className="rb:size-4.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/common/delete.svg')] rb:hover:bg-[url('@/assets/images/common/delete_hover.svg')]"
+                          onClick={() => handleDelete(item)}
+                        ></div>
+                      }
+                    </Space>
+                  </Flex>
+                </Flex>
               </RbCard>
-            </List.Item>
-          )}
-        />
+            </Col>
+          ))}
+        </Row>
       </BodyWrapper>
 
       <MemoryForm
diff --git a/web/src/views/ModelManagement/Group.tsx b/web/src/views/ModelManagement/Group.tsx
index 292db860..e8a29fc4 100644
--- a/web/src/views/ModelManagement/Group.tsx
+++ b/web/src/views/ModelManagement/Group.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:50:00 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:50:00 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-20 18:50:41
  */
 /**
  * Group Model View
@@ -12,14 +12,15 @@
 
 import { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx'
-import { Button } from 'antd'
+import { Button, Flex, Tooltip, Space } from 'antd'
 import { useTranslation } from 'react-i18next';
 
 import type { ProviderModelItem, ModelListItem, DescriptionItem, BaseRef } from './types'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import { getModelNewList } from '@/api/models'
 import PageEmpty from '@/components/Empty/PageEmpty';
 import { formatDateTime } from '@/utils/format';
+import Tag from '@/components/Tag'
 
 /**
  * Group model list component
@@ -50,11 +51,6 @@ const Group = forwardRef <BaseRef,{ query: any; handleEdit: (data: ModelListItem
         label: t(`modelNew.type`),
         children: data.type ? t(`modelNew.${data.type}`) : '-',
       },
-      {
-        key: 'is_active',
-        label: t(`modelNew.status`),
-        children: data.is_active ? t(`common.statusEnabled`) : t(`common.statusDisabled`),
-      },
       {
         key: 'created_at',
         label: t(`modelNew.created_at`),
@@ -73,31 +69,36 @@ const Group = forwardRef <BaseRef,{ query: any; handleEdit: (data: ModelListItem
       {list.length === 0
         ? <PageEmpty />
         :(
-          <div className="rb:grid rb:grid-cols-4 rb:gap-4">
+          <div className="rb:grid rb:grid-cols-4 rb:gap-3">
             {list.map(item => (
               <RbCard
                 key={item.id}
-                title={item.name}
                 avatarUrl={item.logo}
-                avatar={
-                  <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                    {item.name[0]}
-                  </div>
-                }
+                avatarText={item.name[0]}
+                title={<Flex vertical gap={6}>
+                  <Tooltip title={item.name}>
+                    <div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                  </Tooltip>
+                  <Space>
+                    <Tag color={item.is_active ? 'success' : 'error'}>{item.is_active ? t(`common.statusEnabled`) : t(`common.statusDisabled`)}</Tag>
+                  </Space>
+                </Flex>}
+                isNeedTooltip={false}
+                footer={<Button className="rb:h-9!" type="primary" ghost block onClick={() => handleEdit(item)}>{t('modelNew.configureBtn')}</Button>}
               >
-                {formatData(item)?.map((description: DescriptionItem) => (
-                  <div
-                    key={description.key}
-                    className="rb:flex rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3"
-                  >
-                    <span className="rb:whitespace-nowrap">{(description.label as string)}</span>
-                    <span className={clsx({
-                      "rb:text-[#212332]": description.key !== 'is_active',
-                      "rb:text-[#369F21] rb:font-medium": description.key === 'is_active' && item.is_active,
-                    })}>{(description.children as string)}</span>
-                  </div>
-                ))}
-                <Button className="rb:mt-2" type="primary" ghost block onClick={() => handleEdit(item)}>{t('modelNew.configureBtn')}</Button>
+                <Flex vertical gap={8}>
+                  {formatData(item)?.map((description: DescriptionItem) => (
+                    <div
+                      key={description.key}
+                      className="rb:flex rb:justify-between rb:text-[14px] rb:leading-5"
+                    >
+                      <span className="rb:whitespace-nowrap rb:text-[#5B6167]">{(description.label as string)}</span>
+                      <span className={clsx({
+                        "rb:font-medium": description.key === 'type',
+                      })}>{(description.children as string)}</span>
+                    </div>
+                  ))}
+                </Flex>
               </RbCard>
             ))}
           </div>
diff --git a/web/src/views/ModelManagement/List.tsx b/web/src/views/ModelManagement/List.tsx
index ce4d61aa..10026aa5 100644
--- a/web/src/views/ModelManagement/List.tsx
+++ b/web/src/views/ModelManagement/List.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:50:10 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-27 10:20:51
+ * @Last Modified time: 2026-03-27 19:18:55
  */
 /**
  * Model List View
@@ -11,11 +11,11 @@
  */
 
 import { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Button, Flex, Row, Col } from 'antd'
+import { Button, Flex, Row, Col, Tooltip, Popover } from 'antd'
 import { useTranslation } from 'react-i18next';
 
 import type { ProviderModelItem, KeyConfigModalRef, ModelListDetailRef, ModelListItem, BaseRef } from './types'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import { getModelNewList } from '@/api/models'
 import PageEmpty from '@/components/Empty/PageEmpty';
 import Tag from '@/components/Tag';
@@ -26,7 +26,7 @@ import { getListLogoUrl } from './utils'
 /**
  * Model list component
  */
-const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListItem) => void; }> (({ query, handleEdit }, ref) => {
+const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListItem) => void; handleCloseModel: () => void; }>(({ query, handleEdit, handleCloseModel }, ref) => {
   const { t } = useTranslation();
   const keyConfigModalRef = useRef<KeyConfigModalRef>(null)
   const modelListDetailRef = useRef<ModelListDetailRef>(null)
@@ -69,26 +69,31 @@ const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListI
             {list.map(item => (
               <RbCard
                 key={item.provider}
-                title={t(`modelNew.${item.provider}`)}
                 avatarUrl={getListLogoUrl(item.provider, item.logo)}
-                avatar={
-                  <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                    {item.provider[0].toUpperCase()}
-                  </div>
-                }
-                bodyClassName="rb:relative rb:pb-[64px]! rb:h-[calc(100%-64px)]!"
+                avatarText={item.provider[0].toUpperCase()}
+                title={<Flex vertical gap={6}>
+                  <Tooltip title={String(item.provider).charAt(0).toUpperCase() + String(item.provider).slice(1)}>
+                    <div className="rb:wrap-break-word rb:line-clamp-1">{String(item.provider).charAt(0).toUpperCase() + String(item.provider).slice(1)}</div>
+                  </Tooltip>
+
+                  <Popover content={
+                    <Flex gap={8} className="rb:overflow-hidden rb:flex-nowrap rb:w-auto!">{item.tags.map(tag => <Tag key={tag} className="rb:shrink-0">{t(`modelNew.${tag}`)}</Tag>)}</Flex>
+                  }>
+                    <Flex gap={8} className="rb:overflow-hidden rb:flex-nowrap rb:w-auto!">
+                      {item.tags.map(tag => <Tag key={tag} className="rb:shrink-0">{t(`modelNew.${tag}`)}</Tag>)}
+                    </Flex>
+                  </Popover>
+                </Flex>}
+                isNeedTooltip={false}
+                footer={<Row gutter={9} className="rb:pt-2!">
+                  <Col span={12}>
+                    <Button className="rb:h-9!" block onClick={() => handleShowModel(item)}>{t('modelNew.showModel')}</Button>
+                  </Col>
+                  <Col span={12}>
+                    <Button className="rb:h-9!" type="primary" ghost block onClick={() => handleKeyConfig(item)}>{t('modelNew.keyConfig')}</Button>
+                  </Col>
+                </Row>}
               >
-                <Flex gap={8} wrap>{item.tags.map(tag => <Tag key={tag}>{t(`modelNew.${tag}`)}</Tag>)}</Flex>
-                <div className="rb:absolute rb:bottom-4 rb:left-6 rb:right-6">
-                  <Row gutter={12}>
-                    <Col span={12}>
-                      <Button block onClick={() => handleShowModel(item)}>{t('modelNew.showModel')}</Button>
-                    </Col>
-                    <Col span={12}>
-                      <Button type="primary" ghost block onClick={() => handleKeyConfig(item)}>{t('modelNew.keyConfig')}</Button>
-                    </Col>
-                  </Row>
-                </div>
               </RbCard>
             ))}
           </div>
@@ -103,6 +108,7 @@ const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListI
         ref={modelListDetailRef}
         refresh={getList}
         handleEdit={handleEdit}
+        handleCloseConfig={handleCloseModel}
       />
     </>
   )
diff --git a/web/src/views/ModelManagement/Square.tsx b/web/src/views/ModelManagement/Square.tsx
index a9b345a1..b1686372 100644
--- a/web/src/views/ModelManagement/Square.tsx
+++ b/web/src/views/ModelManagement/Square.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:50:14 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:50:14 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 12:19:24
  */
 /**
  * Model Square View
@@ -10,17 +10,17 @@
  * Allows adding models and viewing details
  */
 
-import { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Button, Space, App, Divider, Flex, Tooltip } from 'antd'
+import { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
+import { Button, Space, App, Flex, Tooltip } from 'antd'
 import { UsergroupAddOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
+import clsx from 'clsx';
 
-import type { ModelPlaza, ModelPlazaItem, ModelSquareDetailRef, BaseRef } from './types'
-import RbCard from '@/components/RbCard/Card'
+import type { ModelPlaza, ModelPlazaItem, BaseRef } from './types'
+import RbCard from '@/components/RbCard'
 import { getModelPlaza, addModelPlaza } from '@/api/models'
 import PageEmpty from '@/components/Empty/PageEmpty';
 import Tag from '@/components/Tag';
-import ModelSquareDetail from './components/ModelSquareDetail'
 import { getLogoUrl } from './utils'
 
 /**
@@ -29,7 +29,6 @@ import { getLogoUrl } from './utils'
 const ModelSquare = forwardRef <BaseRef, { query: any; }>(({ query }, ref) => {
   const { t } = useTranslation();
   const { message } = App.useApp()
-  const modelSquareDetailRef = useRef<ModelSquareDetailRef>(null)
   const [list, setList] = useState<ModelPlaza[]>([])
   useEffect(() => {
     getList()
@@ -38,14 +37,14 @@ const ModelSquare = forwardRef <BaseRef, { query: any; }>(({ query }, ref) => {
   const getList = () => {
     getModelPlaza(query)
       .then(res => {
-        setList((res as ModelPlaza[]) || [])
+        const response = res as ModelPlaza[]
+        setList(response || [])
+        if (!activeProvider) {
+          setActiveProvider(response[0]?.provider || null)
+        }
       })
   }
 
-  /** Open model detail drawer */
-  const handleMore = (vo: ModelPlaza) => {
-    modelSquareDetailRef.current?.handleOpen(vo)
-  }
   /** Add model to workspace */
   const handleAdd = (item: ModelPlazaItem) => {
     addModelPlaza(item.id)
@@ -59,61 +58,86 @@ const ModelSquare = forwardRef <BaseRef, { query: any; }>(({ query }, ref) => {
   useImperativeHandle(ref, () => ({
     getList,
   }));
+
+  const [activeProvider, setActiveProvider] = useState<string | null>(null)
   return (
     <>
       {list.length === 0
         ? <PageEmpty />
-        : list.map(vo => (
-          <div key={vo.provider}>
-            <div className="rb:flex rb:justify-between rb:items-center rb:bg-[rgba(21,94,239,0.12)] rb:px-4 rb:py-2.5 rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">
-              <div className="rb:font-medium">{t(`modelNew.${vo.provider}`)}</div>
-              <Button type="link" onClick={() => handleMore(vo)}>{t('modelNew.viewAll')}({t(`modelNew.modelCount`, { count: vo.models.length })})&gt;</Button>
-            </div>
-
-            <div className="rb:grid rb:grid-cols-3 rb:gap-4">
-              {vo.models.slice(0, 6).map(item => (
-                <RbCard
-                  key={item.id}
-                  title={item.name}
-                  subTitle={<Space size={8}>
-                    <Tag className="rb:mt-1">{t(`modelNew.${item.type}`)}</Tag>
-                    {item.is_official && <Tag color="success" className="rb:mt-1">{t(`modelNew.official`)}</Tag>}
-                  </Space>}
-                  avatarUrl={getLogoUrl(item.logo)}
-                  avatar={
-                    <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                      {item.name[0]}
-                    </div>
-                  }
-                  bodyClassName="rb:relative rb:pb-[80px]! rb:h-[calc(100%-64px)]!"
-                >
-                  <Tooltip title={item.description}>
-                    <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:font-regular rb:wrap-break-word rb:line-clamp-2 rb:mt-3">{item.description}</div>
-                  </Tooltip>
-                  <Flex gap={8} wrap className="rb:mt-3!">{item.tags.map((tag, tagIndex) => <Tag key={tagIndex}>{tag}</Tag>)}</Flex>
-                  <div className="rb:absolute rb:bottom-4 rb:left-6 rb:right-6">
-                    <Divider size="middle" />
-                    <Flex justify="space-between">
-                      <Space size={8}><UsergroupAddOutlined /> {item.add_count}</Space>
-                      <Space>
-                        {item.is_added
-                          ? <Button type="primary" disabled>{t('modelNew.added')}</Button>
-                          : <Button type="primary" ghost disabled={item.is_deprecated} onClick={() => handleAdd(item)}>{item.is_deprecated ? t('modelNew.deprecated') : `+ ${t('common.add')}`}</Button>
-                        }
-                      </Space>
+        : <>
+          <Space size={8} className="rb:mb-3!">
+            {list.map(vo => (
+              <div
+                key={vo.provider}
+                className={clsx('rb:border rb:border-[#171719] rb:rounded-full rb:px-2 rb:py-1 rb:cursor-pointer', {
+                  'rb:text-white rb:bg-[#171719]': activeProvider === vo.provider,
+                  'rb:text-[#171719]': activeProvider === vo.provider,
+                })}
+                onClick={() => setActiveProvider(vo.provider)}
+              >{String(vo.provider).charAt(0).toUpperCase() + String(vo.provider).slice(1)}</div>
+            ))}
+          </Space>
+          {list.filter(vo => vo.provider === activeProvider).map(vo => (
+            <div key={vo.provider} className="rb:max-h-[calc(100%-50px)] rb:overflow-y-auto">
+              <div className="rb:grid rb:grid-cols-3 rb:gap-4">
+                {vo.models.map(item => (
+                  <RbCard
+                    key={item.id}
+                    avatarUrl={getLogoUrl(item.logo)}
+                    avatarText={item.name[0]}
+                    title={
+                      <Flex justify="space-between" gap={16}>
+                        <Flex vertical gap={6}>
+                          <Tooltip title={item.name}>
+                            <div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                          </Tooltip>
+                          <Space size={8} className="rb:mt-1!">
+                            <Tag>{t(`modelNew.${item.type}`)}</Tag>
+                            {item.is_official && <Tag color="success">{t(`modelNew.official`)}</Tag>}
+                          </Space>
+                        </Flex>
+                        <Button
+                          size="small"
+                          disabled={item.is_added || item.is_deprecated}
+                          onClick={() => handleAdd(item)}
+                        >{item.is_deprecated ? t('modelNew.deprecated') : '+'}</Button>
                     </Flex>
-                  </div>
-                </RbCard>
-              ))}
-            </div>
-          </div>
-        ))
-      }
+                    }
+                    isNeedTooltip={false}
+                    footer={<Flex justify="space-between" align="center" className="rb:text-[#5B6167] rb:text-[12px]">
+                      @{String(item.provider).charAt(0).toUpperCase() + String(item.provider).slice(1)}
+                      <Space size={4}><UsergroupAddOutlined /> {item.add_count}</Space>
+                    </Flex>}
+                  >
+                    <Tooltip title={item.description}>
+                      <div className="rb:h-10 rb:leading-5 rb:wrap-break-word rb:line-clamp-2">{item.description}</div>
+                    </Tooltip>
 
-      <ModelSquareDetail
-        ref={modelSquareDetailRef}
-        refresh={getList}
-      />
+                    <Flex gap={8} wrap align="center" className="rb:mt-2!">
+                      <Flex gap={6}>
+                        {item.tags?.slice(0, 2).map((type, i) => (
+                          <div key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">{type}</div>
+                        ))}
+                      </Flex>
+                      {item.tags.length > 2 && (
+                        <Tooltip
+                          title={<Flex wrap gap={6}>{item.tags?.slice(2, item.tags.length).map((type, i) => (
+                            <div key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5 rb:text-[#171719]">{type}</div>
+                          ))}</Flex>}
+                          color="white"
+                          placement="bottom"
+                        >
+                          <div className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">+{item.tags.length - 2}</div>
+                        </Tooltip>
+                      )}
+                    </Flex>
+                  </RbCard>
+                ))}
+              </div>
+            </div>
+          ))}
+        </>
+      }
     </>
   )
 })
diff --git a/web/src/views/ModelManagement/components/CustomModelModal.tsx b/web/src/views/ModelManagement/components/CustomModelModal.tsx
index 25c7385c..abede886 100644
--- a/web/src/views/ModelManagement/components/CustomModelModal.tsx
+++ b/web/src/views/ModelManagement/components/CustomModelModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:49:28 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-11 15:08:24
+ * @Last Modified time: 2026-03-25 14:07:10
  */
 /**
  * Custom Model Modal
@@ -41,7 +41,11 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
 
   useEffect(() => {
     if (isOmni) {
-      form.setFieldsValue({ is_vision: true })
+      form.setFieldsValue({
+        is_vision: true,
+        is_video: true,
+        is_audio: true
+      })
     }
   }, [isOmni])
 
@@ -66,6 +70,8 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
         logo: model.logo && model.logo.startsWith('http') ? { url: model.logo, uid: model.logo, status: 'done', name: 'logo' } : undefined,
         is_omni,
         is_vision: capability?.includes('vision') || false,
+        is_video: capability?.includes('video') || false,
+        is_audio: capability?.includes('audio') || false,
       });
     } else {
       setIsEdit(false);
@@ -95,13 +101,27 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
     form
       .validateFields()
       .then((values) => {
-        const { logo, type, is_vision, is_omni, ...rest } = values;
+        const { logo, type, is_vision, is_video, is_audio, is_omni, ...rest } = values;
         const formData: CustomModelForm = {
           ...rest,
           type,
         }
         if (!['embedding', 'rerank'].includes(type as string)) {
-          formData.capability = is_omni ? ["vision", "audio"] : is_vision ? ['vision'] : []
+          let capability = is_omni ? ["vision", "audio", 'video'] : []
+
+          if (!is_omni) {
+            if (is_vision) {
+              capability.push('vision')
+            }
+            if (is_audio) {
+              capability.push('audio')
+            }
+            if (is_video) {
+              capability.push('video')
+            }
+          }
+
+          formData.capability = capability
           formData.is_omni = is_omni
         }
 
@@ -128,6 +148,7 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
   /** Expose methods to parent component */
   useImperativeHandle(ref, () => ({
     handleOpen,
+    handleClose
   }));
   return (
     <RbModal
@@ -189,7 +210,7 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
             url={modelProviderUrl}
             hasAll={false}
             disabled={isEdit}
-            format={(items) => items.map((item) => ({ label: t(`modelNew.${item}`), value: String(item) }))}
+            format={(items) => items.map((item) => ({ label: String(item).charAt(0).toUpperCase() + String(item).slice(1), value: String(item) }))}
           />
         </Form.Item>
 
@@ -222,9 +243,15 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
             <Form.Item name="is_omni" valuePropName="checked" className="rb:mb-2!">
               <Checkbox>{t('modelNew.is_omni')}</Checkbox>
             </Form.Item>
-            <Form.Item name="is_vision" valuePropName="checked" className="rb:mb-0!">
+            <Form.Item name="is_vision" valuePropName="checked" className="rb:mb-2!">
               <Checkbox disabled={isOmni}>{t('modelNew.is_vision')}</Checkbox>
             </Form.Item>
+            <Form.Item name="is_video" valuePropName="checked" className="rb:mb-2!">
+              <Checkbox disabled={isOmni}>{t('modelNew.is_video')}</Checkbox>
+            </Form.Item>
+            <Form.Item name="is_audio" valuePropName="checked" className="rb:mb-0!">
+              <Checkbox disabled={isOmni}>{t('modelNew.is_audio')}</Checkbox>
+            </Form.Item>
           </>
         }
       </Form>
diff --git a/web/src/views/ModelManagement/components/ModelImplement/SubModelModal.tsx b/web/src/views/ModelManagement/components/ModelImplement/SubModelModal.tsx
index b2b44bf3..cc33dec2 100644
--- a/web/src/views/ModelManagement/components/ModelImplement/SubModelModal.tsx
+++ b/web/src/views/ModelManagement/components/ModelImplement/SubModelModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:49:20 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-04 11:51:01
+ * @Last Modified time: 2026-03-25 14:07:08
  */
 /**
  * Sub-Model Modal
@@ -178,7 +178,7 @@ const SubModelModal = forwardRef<SubModelModalRef, SubModelModalProps>(({
             url={modelProviderUrl}
             hasAll={false}
             format={(items) => items.map((item) => ({ 
-              label: t(`modelNew.${typeof item === 'object' ? item.value : item}`), 
+              label: String(typeof item === 'object' ? item.value : item).charAt(0).toUpperCase() + String(typeof item === 'object' ? item.value : item).slice(1), 
               value: typeof item === 'object' ? item.value : item 
             }))}
             onChange={(value) => handleChangeProvider(value)}
diff --git a/web/src/views/ModelManagement/components/ModelImplement/index.tsx b/web/src/views/ModelManagement/components/ModelImplement/index.tsx
index f665f745..9ee4ff84 100644
--- a/web/src/views/ModelManagement/components/ModelImplement/index.tsx
+++ b/web/src/views/ModelManagement/components/ModelImplement/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:49:12 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:49:12 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 14:14:14
  */
 /**
  * Model Implementation Component
@@ -106,7 +106,7 @@ const ModelImplement: FC<ModelImplementProps> = ({ type, value, onChange }) => {
                 ></div>
               </Flex>
               <div className="rb:text-[#5B6167] rb:my-2">{item.api_key}</div>
-              <Tag className="rb:mb-2">{t(`modelNew.${item.provider}`)}</Tag>
+              <Tag className="rb:mb-2">{String(item.provider).charAt(0).toUpperCase() + String(item.provider).slice(1)}</Tag>
             </div>
           )
         })}
diff --git a/web/src/views/ModelManagement/components/ModelListDetail.tsx b/web/src/views/ModelManagement/components/ModelListDetail.tsx
index 8d84ce4d..ffe7a17f 100644
--- a/web/src/views/ModelManagement/components/ModelListDetail.tsx
+++ b/web/src/views/ModelManagement/components/ModelListDetail.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:49:45 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 12:26:12
+ * @Last Modified time: 2026-03-27 18:06:23
  */
 /**
  * Model List Detail Drawer
@@ -12,7 +12,7 @@
 
 import { useState, useImperativeHandle, forwardRef, useRef, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, Switch, Row, Col, Space, Tooltip } from 'antd'
+import { Button, Switch, Row, Col, Space, Tooltip, Popover } from 'antd'
 
 import type { ProviderModelItem, ModelListItem, ModelListDetailRef, MultiKeyConfigModalRef } from '../types';
 import RbDrawer from '@/components/RbDrawer';
@@ -31,12 +31,13 @@ interface ModelListDetailProps {
   /** Callback to refresh parent list */
   refresh?: () => void;
   handleEdit: (vo?: ModelListItem) => void;
+  handleCloseConfig?: () => void;
 }
 
 /**
  * Model list detail drawer component
  */
-const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({ refresh, handleEdit }, ref) => {
+const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({ refresh, handleEdit, handleCloseConfig }, ref) => {
   const { t } = useTranslation();
   const [open, setOpen] = useState(false);
   const [data, setData] = useState<ProviderModelItem>({} as ProviderModelItem)
@@ -84,6 +85,8 @@ const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({
     setType(null)
     setOpen(false)
     refresh?.()
+    multiKeyConfigModalRef.current?.handleClose()
+    handleCloseConfig?.()
   }
   /** Refresh model list */
   const handleRefresh = () => {
@@ -108,7 +111,7 @@ const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({
 
   return (
     <RbDrawer
-      title={<>{t(`modelNew.${data.provider}`)} {t('modelNew.modelList')} ({list.length}{t('modelNew.item')})</>}
+      title={<>{String(data.provider).charAt(0).toUpperCase() + String(data.provider).slice(1)} {t('modelNew.modelList')} ({list.length}{t('modelNew.item')})</>}
       open={open}
       onClose={handleClose}
     >
@@ -133,11 +136,19 @@ const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({
             <RbCard
               key={item.id}
               title={item.name}
-              subTitle={<Space size={8} className="rb:mt-1!">
-                <Tag>{t(`modelNew.${item.type}`)}</Tag>
-                <Tag color="warning">{item.api_keys.length}{t('modelNew.apiKeyNum')}</Tag>
-                {item.capability?.filter(item => item !=='video').map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
-              </Space>}
+              subTitle={
+                <Popover content={
+                  <Space size={8} className="rb:mt-1!">
+                    <Tag>{t(`modelNew.${item.type}`)}</Tag>
+                    <Tag color="warning">{item.api_keys.length}{t('modelNew.apiKeyNum')}</Tag>
+                    {item.capability?.map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
+                  </Space>}>
+                  <Space size={8} className="rb:mt-1!">
+                    <Tag>{t(`modelNew.${item.type}`)}</Tag>
+                    <Tag color="warning">{item.api_keys.length}{t('modelNew.apiKeyNum')}</Tag>
+                    {item.capability?.map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
+                  </Space>
+                </Popover>}
               avatarUrl={getLogoUrl(item.logo)}
               avatar={
                 <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
@@ -146,16 +157,19 @@ const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({
               }
               extra={<Switch checked={item.is_active} disabled={loading} onChange={() => handleChange(item)} />}
               bodyClassName="rb:relative rb:pb-[64px]! rb:h-[calc(100%-64px)]!"
+              variant="outlined"
             >
               <Tooltip title={item.description}>
                 <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:font-regular rb:wrap-break-word rb:line-clamp-2">{item.description}</div>
               </Tooltip>
               <div className="rb:absolute rb:bottom-4 rb:left-6 rb:right-6">
                 <Row gutter={12}>
-                  <Col span={12}>
-                    {!item.model_id && <Button block onClick={() => handleEdit(item)}>{t('modelNew.modelConfiguration')}</Button>}
-                  </Col>
-                  <Col span={12}>
+                  {!item.model_id && 
+                    <Col span={12}>
+                      <Button block onClick={() => handleEdit(item)}>{t('modelNew.modelConfiguration')}</Button>
+                    </Col>
+                  }
+                  <Col span={!item.model_id ? 12 : 24}>
                     <Button type="primary" ghost block onClick={() => handleKeyConfig(item)}>{t('modelNew.keyConfig')}</Button>
                   </Col>
                 </Row>
diff --git a/web/src/views/ModelManagement/components/ModelSquareDetail.tsx b/web/src/views/ModelManagement/components/ModelSquareDetail.tsx
deleted file mode 100644
index 6826e9f5..00000000
--- a/web/src/views/ModelManagement/components/ModelSquareDetail.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-/*
- * @Author: ZhaoYing 
- * @Date: 2026-02-03 16:49:49 
- * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-04 11:50:31
- */
-/**
- * Model Square Detail Drawer
- * Displays all models from a specific provider in the model square
- * Allows adding models and editing custom models
- */
-
-import { useState, useImperativeHandle, forwardRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button, Space, App, Flex, Tooltip, Divider } from 'antd'
-import { UsergroupAddOutlined } from '@ant-design/icons';
-
-import type { ModelPlaza, ModelPlazaItem, ModelSquareDetailRef } from '../types';
-import RbDrawer from '@/components/RbDrawer';
-import { getModelPlaza, addModelPlaza } from '@/api/models'
-import RbCard from '@/components/RbCard/Card'
-import Tag from '@/components/Tag';
-import PageEmpty from '@/components/Empty/PageEmpty';
-import { getLogoUrl } from '../utils'
-
-/**
- * Component props
- */
-interface ModelSquareDetailProps {
-  /** Callback to refresh parent list */
-  refresh: () => void;
-}
-
-/**
- * Model square detail drawer component
- */
-const ModelSquareDetail = forwardRef<ModelSquareDetailRef, ModelSquareDetailProps>(({ refresh }, ref) => {
-  const { t } = useTranslation();
-  const { message } = App.useApp()
-  const [model, setModel] = useState<ModelPlaza>({} as ModelPlaza)
-  const [open, setOpen] = useState(false);
-
-  const [list, setList] = useState<ModelPlazaItem[]>([])
-
-  /** Open drawer with model plaza data */
-  const handleOpen = (vo: ModelPlaza) => {
-    setModel(vo)
-    setOpen(true)
-    getList(vo)
-  }
-  /** Close drawer */
-  const handleClose = () => {
-    setOpen(false)
-    refresh()
-  }
-  /** Fetch model list for provider */
-  const getList = (vo: ModelPlaza) => {
-    getModelPlaza({ provider: vo.provider })
-      .then(res => {
-        const response = res as ModelPlaza[]
-        setList(response.length > 0 ? response[0].models : [])
-      })
-  }
-  /** Add model to workspace */
-  const handleAdd = (item: ModelPlazaItem) => {
-    addModelPlaza(item.id)
-      .then(() => {
-        message.success(`${item.name}${t('modelNew.addSuccess')}`)
-        getList(model)
-      })
-  }
-
-  /** Expose methods to parent component */
-  useImperativeHandle(ref, () => ({
-      handleOpen,
-  }));
-
-  return (
-    <RbDrawer
-      title={<>{t(`modelNew.${model.provider}`)} {t('modelNew.modelList')} ({list.length}{t('modelNew.item')})</>}
-      open={open}
-      onClose={handleClose}
-    >
-      <div className="rb:h-full rb:overflow-y-auto">
-        {list.length === 0 
-          ? <PageEmpty />
-          : <div className="rb:grid rb:grid-cols-2 rb:gap-4">
-            {list.map(item => (
-              <RbCard
-                key={item.id}
-                title={item.name}
-                subTitle={<Space size={8} className="rb:mt-1!">
-                  <Tag>{t(`modelNew.${item.type}`)}</Tag>
-                  {item.is_official && <Tag color="success">{t(`modelNew.official`)}</Tag>}
-                  {item.capability?.filter(item => item !== 'video').map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
-                </Space>}
-                avatarUrl={getLogoUrl(item.logo)}
-                avatar={
-                  <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                    {item.name[0]}
-                  </div>
-                }
-                bodyClassName="rb:relative rb:pb-[80px]! rb:h-[calc(100%-64px)]!"
-              >
-                <Tooltip title={item.description}>
-                  <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:font-regular rb:wrap-break-word rb:line-clamp-2 rb:mt-3">{item.description}</div>
-                </Tooltip>
-                <Flex gap={8} wrap className="rb:mt-3!">{item.tags.map((tag, tagIndex) => <Tag key={tagIndex}>{tag}</Tag>)}</Flex>
-                <div className="rb:absolute rb:bottom-4 rb:left-6 rb:right-6">
-                  <Divider size="middle" />
-                  <Flex justify="space-between">
-                    <Space size={8}><UsergroupAddOutlined /> {item.add_count}</Space>
-                    <Space>
-                      {item.is_added
-                        ? <Button type="primary" disabled>{t('modelNew.added')}</Button>
-                        : <Button type="primary" ghost disabled={item.is_deprecated} onClick={() => handleAdd(item)}>{item.is_deprecated ? t('modelNew.deprecated') : `+ ${t('common.add')}`}</Button>
-                      }
-                    </Space>
-                  </Flex>
-                </div>
-              </RbCard>
-            ))}
-            </div>
-          }
-      </div>
-    </RbDrawer>
-  );
-});
-
-export default ModelSquareDetail;
\ No newline at end of file
diff --git a/web/src/views/ModelManagement/components/MultiKeyConfigModal.tsx b/web/src/views/ModelManagement/components/MultiKeyConfigModal.tsx
index 50e7dc62..11d22b35 100644
--- a/web/src/views/ModelManagement/components/MultiKeyConfigModal.tsx
+++ b/web/src/views/ModelManagement/components/MultiKeyConfigModal.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:49:55 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-11 15:11:06
+ * @Last Modified time: 2026-03-25 12:24:41
  */
 /**
  * Multi-Key Configuration Modal
@@ -95,6 +95,7 @@ const MultiKeyConfigModal = forwardRef<MultiKeyConfigModalRef, MultiKeyConfigMod
   /** Expose methods to parent component */
   useImperativeHandle(ref, () => ({
     handleOpen,
+    handleClose
   }));
 
   return (
diff --git a/web/src/views/ModelManagement/index.tsx b/web/src/views/ModelManagement/index.tsx
index 539ff5e3..0dcef68f 100644
--- a/web/src/views/ModelManagement/index.tsx
+++ b/web/src/views/ModelManagement/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:50:05 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 16:50:05 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 15:51:08
  */
 /**
  * Model Management Main Page
@@ -85,7 +85,7 @@ const tabKeys = ['group', 'list', 'square']
 
   return (
     <>
-      <Flex justify="space-between" align="center">
+      <Flex justify="space-between" align="center" className="rb:mb-3!">
         <PageTabs
           value={activeTab}
           options={formatTabItems()}
@@ -100,19 +100,19 @@ const tabKeys = ['group', 'list', 'square']
                   url={modelTypeUrl}
                   hasAll={false}
                   format={(items) => items.map((item) => ({ label: t(`modelNew.${item}`), value: String(item) }))}
-                  className="rb:w-30"
+                  className="rb:w-40"
                   allowClear={true}
                   placeholder={t('modelNew.type')}
                 />
               </Form.Item>
             }
-            {(activeTab === 'list' || activeTab === 'square') &&
+            {activeTab === 'list' &&
               <Form.Item name="provider" noStyle>
                 <CustomSelect
                   url={modelProviderUrl}
                   hasAll={false}
-                  format={(items) => items.map((item) => ({ label: t(`modelNew.${item}`), value: String(item) }))}
-                  className="rb:w-30"
+                  format={(items) => items.map((item) => ({ label: String(item).charAt(0).toUpperCase() + String(item).slice(1), value: String(item) }))}
+                  className="rb:w-40"
                   allowClear={true}
                   placeholder={t('modelNew.provider')}
                 />
@@ -123,7 +123,6 @@ const tabKeys = ['group', 'list', 'square']
                 <SearchInput
                   maxLength={50}
                   placeholder={t(`modelNew.${activeTab}SearchPlaceholder`)}
-                  className="rb:w-70!"
                 />
               </Form.Item>
             }
@@ -133,9 +132,9 @@ const tabKeys = ['group', 'list', 'square']
         </Form>
       </Flex>
 
-      <div className="rb:w-full rb:h-[calc(100%-48px)] rb:my-4">
+      <div className="rb:w-full rb:h-[calc(100%-44px)] rb:overflow-y-auto">
         {activeTab === 'group' && <GroupModel ref={groupRef} query={query} handleEdit={handleEdit} />}
-        {activeTab === 'list' && <ModelList ref={modelListRef} query={query} handleEdit={handleEdit} />}
+        {activeTab === 'list' && <ModelList ref={modelListRef} query={query} handleEdit={handleEdit} handleCloseModel={() => customModelModalRef.current?.handleClose() } />}
         {activeTab === 'square' && <ModelSquare query={query} />}
       </div>
       <GroupModelModal
diff --git a/web/src/views/ModelManagement/types.ts b/web/src/views/ModelManagement/types.ts
index d68e5521..1662775f 100644
--- a/web/src/views/ModelManagement/types.ts
+++ b/web/src/views/ModelManagement/types.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:50:18 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 12:26:11
+ * @Last Modified time: 2026-03-25 12:28:10
  */
 /**
  * Type definitions for Model Management
@@ -115,6 +115,8 @@ export interface ModelApiKey {
   updated_at: number;
   /** Associated model config IDs */
   model_config_ids: string[];
+  capability: Capability[];
+  is_omni?: boolean;
 }
 
 /**
@@ -218,6 +220,7 @@ export interface MultiKeyForm {
 export interface MultiKeyConfigModalRef {
   /** Open modal with model data */
   handleOpen: (vo: ModelListItem, provider?: string) => void;
+  handleClose: () => void;
 }
 
 /**
@@ -268,14 +271,6 @@ export interface ModelPlazaItem {
   is_omni?: boolean;
 }
 
-/**
- * Model square detail ref interface
- */
-export interface ModelSquareDetailRef {
-  /** Open detail drawer with model plaza data */
-  handleOpen: (vo: ModelPlaza) => void;
-}
-
 /**
  * Custom model form data
  */
@@ -297,6 +292,8 @@ export interface CustomModelForm {
     api_base: string;
   }>
   is_vision?: boolean;
+  is_video?: boolean;
+  is_audio?: boolean;
   is_omni?: boolean;
   capability?: string[];
 }
@@ -307,6 +304,7 @@ export interface CustomModelForm {
 export interface CustomModelModalRef {
   /** Open modal with optional model plaza item */
   handleOpen: (vo?: ModelListItem) => void;
+  handleClose: () => void;
 }
 
 /**
@@ -324,4 +322,24 @@ export interface BaseRef {
   /** Refresh list data */
   getList: () => void;
   modelListDetailRefresh?: () => void;
+}
+
+export type Capability = 'vision' | 'audio' | 'video';
+export interface Model {
+  name: string;
+  type: string;
+  logo: string;
+  description: string | null;
+  provider: string;
+  config: Record<string, unknown>;
+  is_active: boolean;
+  is_public: boolean;
+  load_balance_strategy: string;
+  capability: Capability[];
+  is_omni: boolean;
+  model_id: string | null;
+  id: string;
+  created_at: number;
+  updated_at: number;
+  api_keys: ModelApiKey[];
 }
\ No newline at end of file
diff --git a/web/src/views/ModelManagement/utils.ts b/web/src/views/ModelManagement/utils.ts
index bf44367f..8180e194 100644
--- a/web/src/views/ModelManagement/utils.ts
+++ b/web/src/views/ModelManagement/utils.ts
@@ -2,18 +2,19 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:50:22 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-27 10:22:46
+ * @Last Modified time: 2026-03-25 18:35:13
  */
 /**
  * Utility functions for Model Management
  */
 
-import bedrockIcon from '@/assets/images/model/bedrock.svg'
+import bedrockIcon from '@/assets/images/model/bedrock.png'
 import dashscopeIcon from '@/assets/images/model/dashscope.png'
 import gpustackIcon from '@/assets/images/model/gpustack.png'
-import ollamaIcon from '@/assets/images/model/ollama.svg'
-import openaiIcon from '@/assets/images/model/openai.svg'
-import xinferenceIcon from '@/assets/images/model/xinference.svg'
+import ollamaIcon from '@/assets/images/model/ollama.png'
+import openaiIcon from '@/assets/images/model/openai.png'
+import xinferenceIcon from '@/assets/images/model/xinference.png'
+import volcanoIcon from '@/assets/images/model/volcano.png'
 
 /**
  * Provider icon mapping
@@ -24,7 +25,8 @@ export const ICONS = {
   gpustack: gpustackIcon,
   ollama: ollamaIcon,
   openai: openaiIcon,
-  xinference: xinferenceIcon
+  xinference: xinferenceIcon,
+  volcano: volcanoIcon,
 }
 
 /**
diff --git a/web/src/views/Ontology/index.tsx b/web/src/views/Ontology/index.tsx
index bee4ebe6..7b98efea 100644
--- a/web/src/views/Ontology/index.tsx
+++ b/web/src/views/Ontology/index.tsx
@@ -2,23 +2,25 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 14:10:15 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 10:56:44
+ * @Last Modified time: 2026-03-27 15:03:09
  */
-import { type FC, useState, useRef, type MouseEvent } from 'react';
+import { type FC, useState, useRef } from 'react';
+import type { MenuInfo } from 'rc-menu/lib/interface';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Row, Col, Button, Flex, Divider, Space, App, Tooltip } from 'antd'
+import { Row, Col, Flex, Space, App, Tooltip, Dropdown } from 'antd'
 
 import SearchInput from '@/components/SearchInput';
 import OntologyModal from './components/OntologyModal'
 import type { OntologyModalRef, OntologyItem, Query, OntologyImportModalRef, OntologyExportModalRef } from './types'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import Tag from '@/components/Tag'
 import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
 import { getOntologyScenesUrl, deleteOntologyScene } from '@/api/ontology'
 import { formatDateTime } from '@/utils/format'
 import OntologyImportModal from './components/OntologyImportModal'
 import OntologyExportModal from './components/OntologyExportModal'
+import RbButton from '@/components/RbButton'
 
 /**
  * Ontology management page component
@@ -51,20 +53,18 @@ const Ontology: FC = () => {
    * @param record - The ontology item to edit
    * @param e - Mouse event to prevent propagation
    */
-  const handleEdit = (record: OntologyItem, e: MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleEdit = (record: OntologyItem, e: MenuInfo) => {
+    e.domEvent.stopPropagation();
     entityModalRef.current?.handleOpen(record)
   }
   
   /**
    * Delete an ontology scene with confirmation
    * @param item - The ontology item to delete
-   * @param e - Mouse event to prevent propagation
+   * @param e - Menu click info
    */
-  const handleDelete = (item: OntologyItem, e: MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleDelete = (item: OntologyItem, e: MenuInfo) => {
+    e.domEvent.stopPropagation();
     modal.confirm({
       title: t('common.confirmDeleteDesc', { name: item.scene_name }),
       okText: t('common.delete'),
@@ -111,28 +111,23 @@ const Ontology: FC = () => {
 
   return (
     <>
-      <Row gutter={16} className="rb:mb-4">
-        <Col span={8}>
-          <SearchInput
-            placeholder={t('ontology.searchPlaceholder')}
-            onSearch={(value) => setQuery({ scene_name: value })}
-            className="rb:w-full!"
-          />
-        </Col>
-        <Col span={16} className="rb:text-right">
-          <Space size={12}>
-            <Button onClick={handleExport}>
-              {t('ontology.export')}
-            </Button>
-            <Button onClick={handleImport}>
-              {t('ontology.import')}
-            </Button>
-            <Button type="primary" onClick={handleCreate}>
-              + {t('ontology.create')}
-            </Button>
-          </Space>
-        </Col>
-      </Row>
+      <Flex align="center" justify="space-between" className="rb:mb-4!">
+        <SearchInput
+          placeholder={t('ontology.searchPlaceholder')}
+          onSearch={(value) => setQuery({ scene_name: value })}
+        />
+        <Space size={12}>
+          <RbButton ghost type="primary" onClick={handleExport}>
+            {t('ontology.export')}
+          </RbButton>
+          <RbButton ghost type="primary" onClick={handleImport}>
+            {t('ontology.import')}
+          </RbButton>
+          <RbButton type="primary" onClick={handleCreate}>
+            + {t('ontology.create')}
+          </RbButton>
+        </Space>
+      </Flex>
 
       <PageScrollList<OntologyItem, Query>
         ref={scrollListRef}
@@ -141,58 +136,70 @@ const Ontology: FC = () => {
         column={3}
         renderItem={(item) =>(
           <RbCard
-            title={item.scene_name}
-            extra={<Tag>{item.type_num} {t('ontology.typeCount')}</Tag>}
-            onClick={() => handleJump(item)}
-            className="rb:cursor-pointer rb:relative"
-          >
-            {item.is_system_default &&
-              <div className="rb:absolute rb:-right-px rb:-top-px rb:bg-[#FF5D34] rb:rounded-[0px_7px_0px_8px] rb:text-[12px] rb:text-white rb:font-regular rb:leading-4 rb:py-0.5 rb:px-1">
-                {t('common.default')}
-              </div>
+            title={
+              <Flex justify="space-between">
+                <Flex gap={4} vertical>
+                  {item.scene_name}
+                  <Space size={8}>
+                    <Tag>{item.type_num} {t('ontology.typeCount')}</Tag>
+                    {item.is_system_default  && <Tag color="warning">{t('common.default')}</Tag>}
+                  </Space>
+                </Flex>
+                <Dropdown
+                  menu={{
+                    items: [
+                      {
+                        key: 'edit',
+                        icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/edit_bold.svg')]" />,
+                        label: t('common.edit'),
+                        onClick: (e: MenuInfo) => handleEdit(item, e),
+                      },
+                      {
+                        key: 'delete',
+                        icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/delete_red_big.svg')]" />,
+                        label: t('common.delete'),
+                        onClick: (e: MenuInfo) => handleDelete(item, e),
+                      },
+                    ]
+                  }}
+                  placement="bottomRight"
+                >
+                  <div onClick={(e) => e.stopPropagation()} className="rb:cursor-pointer rb:size-5.5 rb:bg-[url('@/assets/images/common/more.svg')] rb:hover:bg-[url('@/assets/images/common/more_hover.svg')]"></div>
+                </Dropdown>
+              </Flex>
             }
-            <div
-              className="rb:flex rb:gap-2 rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3"
-            >
-              <span className="rb:whitespace-nowrap">{t(`ontology.scene_description`)}</span>
-              <Tooltip title={item.scene_description} placement="topRight">
-                <span className="rb:font-medium rb:flex-1 rb:text-right rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{item.scene_description}</span>
-              </Tooltip>
-            </div>
-            {(['created_at', 'updated_at'] as const).map(key => (
-              <div
-                key={key}
-                className="rb:flex rb:gap-2 rb:justify-between rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3"
-              >
-                <span className="rb:whitespace-nowrap">{t(`ontology.${key}`)}</span>
-                <span className="rb:font-medium">{formatDateTime(item[key])}</span>
-              </div>
-            ))}
-            <Divider size="middle" />
-            <Flex gap={8} wrap align="center">
-              <div className="rb:text-[#5B6167] rb:leading-4.5">{t('ontology.entityTypes')}: </div>
-              <div className="rb:flex-1 rb:overflow-hidden rb:wrap-break-word! rb:line-clamp-1!">
+            isNeedTooltip={false}
+            headerClassName="rb:pb-0!"
+            onClick={() => handleJump(item)}
+            className="rb:cursor-pointer!"
+          >
+            <Tooltip title={item.scene_description}>
+              <div className="rb:h-10 rb:wrap-break-word rb:line-clamp-2 rb:leading-5">{item.scene_description}</div>
+            </Tooltip>
+
+            <Flex gap={8} wrap align="center" className="rb:mt-2!">
+              <Flex gap={8} className="rb:flex-1 rb:overflow-hidden rb:wrap-break-word! rb:line-clamp-1!">
                 {item.entity_type?.map((type, i) => (
-                  <Tag key={i} color={i % 2 ? 'processing' : 'success'} className="rb:ml-2">{type}</Tag>
+                  <span key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">{type}</span>
                 ))}
-              </div>
+              </Flex>
               {item.type_num > 3 && (
-                <Tag color="default">+{item.type_num - 3}</Tag>
+                <span className="rb:bg-[#F6F6F6] rb:rounded-full rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">+{item.type_num - 3}</span>
               )}
             </Flex>
 
-            <div className="rb:mt-4 rb:h-5 rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167] rb:flex rb:items-center rb:justify-end">
-              {!item.is_system_default && <Space size={16}>
-                <div
-                  className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]"
-                  onClick={(e) => handleEdit(item, e)}
-                ></div>
-                <div
-                  className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]"
-                  onClick={(e) => handleDelete(item, e)}
-                ></div>
-              </Space>}
-            </div>
+            <Row className="rb:mt-4!">
+              {(['created_at', 'updated_at'] as const).map(key => (
+                <Col
+                  key={key}
+                  span={12}
+                  className="rb:text-[#5B6167] rb:text-[12px]! rb:leading-4.5"
+                >
+                  <div>{t(`ontology.${key}`)}</div>
+                  <div>{formatDateTime(item[key])}</div>
+                </Col>
+              ))}
+            </Row>
           </RbCard>
         )}
       />
diff --git a/web/src/views/Ontology/pages/Detail.tsx b/web/src/views/Ontology/pages/Detail.tsx
index 25609083..cf26867e 100644
--- a/web/src/views/Ontology/pages/Detail.tsx
+++ b/web/src/views/Ontology/pages/Detail.tsx
@@ -2,17 +2,17 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 14:10:20 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-06 11:26:49
+ * @Last Modified time: 2026-03-26 18:55:37
  */
 import { type FC, useEffect, useState, useRef } from 'react'
-import { useParams } from 'react-router-dom';
+import { useParams, useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { App, Row, Col, Tooltip, Space, Button } from 'antd'
+import { App, Row, Col, Tooltip, Space, Button, Flex } from 'antd'
 
-import PageHeader from '../components/PageHeader'
+import PageHeader from '@/components/Layout/PageHeader'
 import { getOntologyClassList, deleteOntologyClass } from '@/api/ontology'
 import type { OntologyClassData, OntologyClassModalRef, OntologyClassExtractModalRef, OntologyClassItem } from '@/views/Ontology/types'
-import RbCard from '@/components/RbCard/Card';
+import RbCard from '@/components/RbCard';
 import OntologyClassModal from '../components/OntologyClassModal'
 import SearchInput from '@/components/SearchInput';
 import OntologyClassExtractModal from '../components/OntologyClassExtractModal'
@@ -26,6 +26,7 @@ import Tag from '@/components/Tag'
 const Detail: FC = () => {
   // Hooks
   const { t } = useTranslation();
+  const navigate = useNavigate()
   const { id } = useParams()
   const { modal, message } = App.useApp()
   
@@ -99,49 +100,60 @@ const Detail: FC = () => {
 
   return (
     <>
-      <PageHeader
-        name={<Space>
-          {data.scene_name}
-          {data.is_system_default ? <Tag color="warning">{t('common.default')}</Tag> : undefined}
-        </Space>}
-        subTitle={<Tooltip title={data.scene_description}><div className="rb:h-4 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">{data.scene_description}</div></Tooltip>}
-        extra={data.is_system_default ? undefined : (<Space>
-          <Button type="primary" ghost className="rb:h-6! rb:px-2! rb:leading-5.5!" onClick={handleAdd}>+ {t('ontology.addClass')}</Button>
-          <Button className="rb:h-6! rb:px-2! rb:leading-5.5!" type="primary" onClick={handleExtract}>+ {t('ontology.extract')}</Button>
-        </Space>)}
-      />
+      <Flex vertical className="rb:h-screen!">
+        <PageHeader
+          title={<Space>
+            {data.scene_name}
+            {data.is_system_default ? <Tag color="warning">{t('common.default')}</Tag> : undefined}
+            <Tooltip title={data.scene_description}>
+              <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/question.svg')]"></div>
+            </Tooltip>
+          </Space>}
+          extra={<Space size={12}>
+            {data.is_system_default ? undefined : (<Space>
+              <Button type="primary" ghost className="rb:h-6! rb:px-2! rb:leading-5.5!" onClick={handleAdd}>+ {t('ontology.addClass')}</Button>
+              <Button className="rb:h-6! rb:px-2! rb:leading-5.5!" type="primary" onClick={handleExtract}>+ {t('ontology.extract')}</Button>
+            </Space>)}
+            <Flex align="center" className="rb:leading-5 rb:text-[14px] rb:text-[#5B6167] rb:font-regular rb:cursor-pointer" onClick={() => navigate(-1)}>
+              <div
+                className="rb:mr-2 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/logout.svg')]"
+              ></div>
+              {t('common.return')}
+            </Flex>
+          </Space>}
+        />
 
-      <div className="rb:h-[calc(100vh-64px)] rb:overflow-y-auto rb:py-3 rb:px-4">
-        <Row gutter={16} className="rb:mb-4">
-          <Col span={6} offset={18}>
-            <SearchInput
-              placeholder={t('ontology.classSearchPlaceholder')}
-              onSearch={(value) => setQuery({ class_name: value })}
-              className="rb:w-full!"
-            />
-          </Col>
-        </Row>
-        <BodyWrapper loading={loading} empty={!data.items?.length}>
-          <Row gutter={[16, 16]}>
-            {data.items?.map(item => (
-              <Col key={item.class_id} span={6}>
-                <RbCard
-                  title={item.class_name}
-                  extra={data.is_system_default ? undefined : (<div
-                    className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]"
-                    onClick={() => handleDelete(item)}
-                  ></div>)}
-                  className="rb:bg-transparent!"
-                >
-                  <Tooltip title={item.class_description}>
-                    <div className="rb:h-8.5 rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:-mt-1 rb:wrap-break-word rb:line-clamp-2">{item.class_description}</div>
-                  </Tooltip>
-                </RbCard>
-              </Col>
-            ))}
+        <div className="rb:flex-1 rb:p-3 rb:overflow-hidden">
+          <Row gutter={12} className="rb:mb-4">
+            <Col span={6} offset={18}>
+              <SearchInput
+                placeholder={t('ontology.classSearchPlaceholder')}
+                onSearch={(value) => setQuery({ class_name: value })}
+                className="rb:w-full!"
+              />
+            </Col>
           </Row>
-        </BodyWrapper>
-      </div>
+          <BodyWrapper loading={loading} empty={!data.items?.length}>
+            <Row gutter={[16, 16]} className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto">
+              {data.items?.map(item => (
+                <Col key={item.class_id} span={6}>
+                  <RbCard
+                    title={item.class_name}
+                    extra={data.is_system_default ? undefined : (<div
+                      className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/common/delete.svg')] rb:hover:bg-[url('@/assets/images/common/delete_hover.svg')]"
+                      onClick={() => handleDelete(item)}
+                    ></div>)}
+                  >
+                    <Tooltip title={item.class_description}>
+                      <div className="rb:h-10 rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:wrap-break-word rb:line-clamp-2">{item.class_description}</div>
+                    </Tooltip>
+                  </RbCard>
+                </Col>
+              ))}
+            </Row>
+          </BodyWrapper>
+        </div>
+      </Flex>
 
       <OntologyClassModal
         ref={ontologyClassModalRef}
diff --git a/web/src/views/Prompt/History.tsx b/web/src/views/Prompt/History.tsx
deleted file mode 100644
index 55327e4f..00000000
--- a/web/src/views/Prompt/History.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-/*
- * @Author: ZhaoYing 
- * @Date: 2026-02-03 17:44:04 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:44:04 
- */
-/**
- * Prompt History Component
- * Displays saved prompts with view, edit, and delete actions
- */
-
-import React, { useRef, type MouseEvent } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Tooltip, Space, App } from 'antd';
-import { EyeOutlined } from '@ant-design/icons';
-
-import type { HistoryQuery, HistoryItem, PromptDetailRef } from './types';
-import RbCard from '@/components/RbCard/Card'
-import { getPromptReleaseListUrl, deletePrompt } from '@/api/prompt'
-import Markdown from '@/components/Markdown';
-import { formatDateTime } from '@/utils/format'
-import PromptDetail from './components/PromptDetail'
-import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
-
-const History: React.FC<{ query: HistoryQuery; edit: (item: HistoryItem) => void; }> = ({ query, edit }) => {
-  const { t } = useTranslation();
-  const scrollListRef = useRef<PageScrollListRef>(null)
-  const detailRef = useRef<PromptDetailRef>(null)
-  const { message, modal } = App.useApp()
-
-  /** View prompt details */
-  const handleView = (item: HistoryItem) => {
-    detailRef.current?.handleOpen(item)
-  }
-  /** Delete prompt */
-  const handleDelete = (item: HistoryItem, e?: MouseEvent) => {
-    e?.preventDefault();
-    e?.stopPropagation();
-    modal.confirm({
-      title: t('common.confirmDeleteDesc', { name: item.title }),
-      okText: t('common.delete'),
-      cancelText: t('common.cancel'),
-      okType: 'danger',
-      onOk: () => {
-        deletePrompt(item.id).then(() => {
-          message.success(t('common.deleteSuccess'))
-          scrollListRef.current?.refresh()
-          detailRef.current?.handleClose()
-        })
-      }
-    })
-
-  }
-  /** Edit prompt */
-  const handleEdit = (item: HistoryItem) => {
-    edit(item)
-  }
-
-  return (
-    <>
-      <PageScrollList
-        ref={scrollListRef}
-        url={getPromptReleaseListUrl}
-        query={query}
-        column={3}
-        needLoading={false}
-        renderItem={(item) => {
-          const historyItem = item as unknown as HistoryItem;
-          return (
-            <RbCard
-              className="rb:cursor-pointer"
-              headerType="borderless"
-              bodyClassName="rb:p-4!"
-              title={<Tooltip title={historyItem.title}>{historyItem.title}</Tooltip>}
-              extra={<div className="rb:text-[12px] rb:text-[#5B6167]">{formatDateTime(historyItem.created_at, 'YYYY/MM/DD HH:mm')}</div>}
-              onClick={() => handleView(historyItem)}
-            >
-              <div className="rb:text-[12px] rb:h-30 rb:overflow-hidden rb:px-3 rb:py-2.5 rb:bg-[#F6F8FC] rb:rounded-lg rb:border rb:border-[#DFE4ED] rb:shadow-[0px_4px_8px_0px_rgba(33,35,50,0.12)]">
-                <Markdown content={historyItem.prompt} className="rb:h-full! rb:overflow-y-auto" />
-              </div>
-
-              <div className="rb:mt-4 rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167] rb:flex rb:items-center rb:justify-end">
-                <Space size={16}>
-                  <EyeOutlined className="rb:text-[16px]" onClick={() => handleView(historyItem)} />
-                  <div
-                    className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]"
-                    onClick={() => handleEdit(historyItem)}
-                  ></div>
-                  <div
-                    className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]"
-                    onClick={(e) => handleDelete(historyItem, e)}
-                  ></div>
-                </Space>
-              </div>
-            </RbCard>
-          );
-        }}
-      />
-
-      <PromptDetail
-        ref={detailRef}
-        handleEdit={handleEdit}
-        handleDelete={handleDelete}
-      />
-    </>
-  );
-};
-
-export default History;
\ No newline at end of file
diff --git a/web/src/views/Prompt/Prompt.tsx b/web/src/views/Prompt/Prompt.tsx
deleted file mode 100644
index 01fdb35b..00000000
--- a/web/src/views/Prompt/Prompt.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-/*
- * @Author: ZhaoYing 
- * @Date: 2026-02-03 17:44:15 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:44:15 
- */
-/**
- * Prompt Editor Component
- * AI-powered prompt optimization with chat interface and variable support
- */
-
-import { type FC, useState, useRef, useEffect } from 'react';
-import { Button, Form, Input, App, Row, Col } from 'antd';
-import { useTranslation } from 'react-i18next';
-import clsx from 'clsx'
-import copy from 'copy-to-clipboard';
-
-import { updatePromptMessages, createPromptSessions } from '@/api/prompt'
-import { getModelListUrl } from '@/api/models'
-import type { PromptVariableModalRef, AiPromptForm, HistoryItem, PromptSaveModalRef } from './types'
-import ChatContent from '@/components/Chat/ChatContent'
-import Empty from '@/components/Empty'
-import ChatSendIcon from '@/assets/images/application/chatSend.svg'
-import ConversationEmptyIcon from '@/assets/images/conversation/conversationEmpty.svg'
-import type { ChatItem } from '@/components/Chat/types' 
-import CustomSelect from '@/components/CustomSelect'
-import PromptVariableModal from './components/PromptVariableModal'
-import { type SSEMessage } from '@/utils/stream'
-import Editor from '@/views/ApplicationConfig/components/Editor'
-import PromptSaveModal from './components/PromptSaveModal'
-
-const Prompt: FC<{ editVo: HistoryItem | null; refresh: () => void; }> = ({ editVo, refresh }) => {
-  const { t } = useTranslation();
-  const { message } = App.useApp()
-  const [loading, setLoading] = useState(false)
-  const [form] = Form.useForm<AiPromptForm>()
-  const [chatList, setChatList] = useState<ChatItem[]>([])
-  const [variables, setVariables] = useState<string[]>([])
-  const [promptSession, setPromptSession] = useState<string | null>(null)
-  const aiPromptVariableModalRef = useRef<PromptVariableModalRef>(null)
-  const promptSaveModalRef = useRef<PromptSaveModalRef>(null)
-  const editorRef = useRef<any>(null)
-  const currentPromptValueRef = useRef<string>(undefined)
-  const values = Form.useWatch([], form)
-
-  useEffect(() => {
-    if (editVo?.id) {
-      form.setFieldValue('current_prompt', editVo.prompt)
-      setChatList([])
-    }
-    updateSession()
-  }, [editVo])
-
-  /** Update session ID */
-  const updateSession = () => {
-    console.log('updateSession')
-    createPromptSessions().then(res => {
-      const response = res as { id: string }
-      setPromptSession(response.id)
-    })
-  }
-
-  /** Send message to AI for prompt optimization */
-  const handleSend = () => {
-    if (!promptSession) return
-    if (!values.model_id) {
-      message.warning(t('common.selectPlaceholder', { title: t('prompt.model') }))
-      return
-    }
-    if (!values.message) {
-      message.warning(t('prompt.promptChatPlaceholder'))
-      return
-    }
-    const messageContent = values.message
-    setLoading(true)
-    setChatList(prev => {
-      return [...prev, { role: 'user', content: messageContent}]
-    })
-    form.setFieldsValue({ message: undefined, current_prompt: undefined })
-
-    const handleStreamMessage = (data: SSEMessage[]) => {
-      data.map(item => {
-        const { content, desc, variables } = item.data as { content: string; desc: string; variables: string[] };
-
-        switch (item.event) {
-          case 'start':
-            currentPromptValueRef.current = ''
-            if (editorRef.current?.clear) {
-              editorRef.current.clear();
-            }
-            break;
-          case 'message':
-            if (typeof content === 'string') {
-              currentPromptValueRef.current += content;
-              if (editorRef.current?.appendText) {
-                editorRef.current.appendText(content);
-                editorRef.current.scrollToBottom();
-              } else {
-                form.setFieldsValue({ current_prompt: currentPromptValueRef.current })
-              }
-            }
-            if (desc) {
-              setChatList(prev => {
-                return [...prev, { role: 'assistant', content: desc }]
-              })
-            }
-            if (variables) {
-              setVariables(variables)
-            }
-            break;
-          case 'end':
-            setLoading(false)
-            // Sync form values when stream ends
-            form.setFieldsValue({ current_prompt: currentPromptValueRef.current })
-            break
-        }
-      })
-    };
-    updatePromptMessages((promptSession) as string, values, handleStreamMessage)
-      .finally(() => {
-        setLoading(false)
-      })
-  }
-  /** Copy prompt to clipboard */
-  const handleCopy = () => {
-    if (!values.current_prompt || values?.current_prompt?.trim() === '') return
-    copy(values.current_prompt)
-    message.success(t('common.copySuccess'))
-  }
-  /** Open variable modal */
-  const handleAdd = () => {
-    aiPromptVariableModalRef.current?.handleOpen()
-  }
-  /** Apply variable to editor */
-  const handleVariableApply = (value: string) => {
-    if (editorRef.current?.insertText) {
-      editorRef.current.insertText(value)
-    } else {
-      form.setFieldValue('current_prompt', (values.current_prompt || '') + value)
-    }
-  }
-  /** Save prompt */
-  const handleSave = () => {
-    if (!values.current_prompt || !promptSession) {
-      return
-    }
-    promptSaveModalRef.current?.handleOpen({
-      session_id: promptSession,
-      prompt: values.current_prompt
-    })
-  }
-
-  /** Refresh editor and clear state */
-  const handleRefresh = () => {
-    form.setFieldValue('current_prompt', undefined)
-    currentPromptValueRef.current = undefined;
-    setChatList([])
-    refresh()
-    updateSession()
-  }
-
-  return (
-    <>
-      <Form form={form}>
-        <div className="rb:grid rb:grid-cols-2 rb:-my-4">
-          <div className="rb:border-r rb:border-r-[#EBEBEB] rb:pr-6 rb:pt-3">
-            <Form.Item
-              label={t('prompt.model')}
-              name="model_id"
-              rules={[{ required: true, message: t('common.pleaseSelect') }]}
-            >
-              <CustomSelect
-                url={getModelListUrl}
-                params={{ type: 'llm,chat', pagesize: 100, is_active: true }}
-                valueKey="id"
-                labelKey="name"
-                hasAll={false}
-                style={{ width: '100%' }}
-              />
-            </Form.Item>
-
-            <ChatContent
-              classNames="rb:h-[calc(100vh-260px)] rb:px-[16px] rb:py-[20px] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-[8px]"
-              contentClassNames="rb:max-w-[260px]!"
-              empty={<Empty url={ConversationEmptyIcon} title={t('prompt.promptChatEmpty')} isNeedSubTitle={false} size={[240, 200]} className="rb:h-full" />}
-              data={chatList || []}
-              streamLoading={false}
-              labelPosition="top"
-              labelFormat={(item) => item.role === 'user' ? t('prompt.you') : t('prompt.ai')}
-            />
-
-            <div className="rb:flex rb:items-center rb:gap-2.5 rb:py-4">
-              <Form.Item name="message" className="rb:mb-0!" style={{ width: 'calc(100% - 54px)' }}>
-                <Input
-                  className="rb:h-11 rb:shadow-[0px_2px_8px_0px_rgba(33,35,50,0.1)]"
-                  placeholder={t('prompt.promptChatPlaceholder')}
-                  onPressEnter={handleSend}
-                />
-              </Form.Item>
-              <img src={ChatSendIcon} className={clsx("rb:w-11 rb:h-11 rb:cursor-pointer", {
-                'rb:opacity-50': loading,
-              })} onClick={handleSend} />
-            </div>
-          </div>
-
-          <div className="rb:pl-6 rb:pt-3">
-            <Row>
-              <Col span={12}>
-                <Form.Item label={t('prompt.conversationOptimizationPrompt')}></Form.Item>
-              </Col>
-              <Col span={12} className="rb:text-right">
-                <Button onClick={handleAdd}>+ {t('prompt.addVariable')}</Button>
-              </Col>
-            </Row>
-            <Form.Item name="current_prompt">
-              <Editor 
-                ref={editorRef}
-                placeholder={t('prompt.promptPlaceholder')}
-                className="rb:h-[calc(100vh-260px)]"
-                disabled={loading}
-                // onChange={(value) => form.setFieldValue('current_prompt', value)}
-              />
-            </Form.Item>
-            <div className="rb:grid rb:grid-cols-2 rb:gap-4 rb:mt-6">
-              <Button type="primary" block disabled={!values?.current_prompt || loading} onClick={handleSave}>{t('common.save')}</Button>
-              <Button block disabled={!values?.current_prompt || loading} onClick={handleCopy}>{t('common.copy')}</Button>
-            </div>
-          </div>
-        </div>
-      </Form>
-
-      <PromptVariableModal
-        ref={aiPromptVariableModalRef}
-        variables={variables}
-        refresh={handleVariableApply}
-      />
-
-      <PromptSaveModal
-        ref={promptSaveModalRef}
-        refresh={handleRefresh}
-      />
-    </>
-  );
-};
-
-export default Prompt;
\ No newline at end of file
diff --git a/web/src/views/Prompt/components/Header.tsx b/web/src/views/Prompt/components/Header.tsx
new file mode 100644
index 00000000..e7ad53e0
--- /dev/null
+++ b/web/src/views/Prompt/components/Header.tsx
@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+
+const Header:FC<{ title: string; desc: string; className?: string; }> = ({
+  title,
+  desc,
+  className,
+}) => {
+  return (
+    <div className={`rb:pl-2 ${className}`}>
+      <div className="rb:text-[#212332] rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-5.5">{title}</div>
+      <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:mt-2">{desc}</div>
+    </div>
+  )
+}
+
+export default Header
\ No newline at end of file
diff --git a/web/src/views/Prompt/index.module.css b/web/src/views/Prompt/index.module.css
new file mode 100644
index 00000000..20572214
--- /dev/null
+++ b/web/src/views/Prompt/index.module.css
@@ -0,0 +1,3 @@
+.select:global(.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector) {
+  border: none;
+}
\ No newline at end of file
diff --git a/web/src/views/Prompt/index.tsx b/web/src/views/Prompt/index.tsx
index a0af4a7c..521971f9 100644
--- a/web/src/views/Prompt/index.tsx
+++ b/web/src/views/Prompt/index.tsx
@@ -1,73 +1,302 @@
 /*
  * @Author: ZhaoYing 
- * @Date: 2026-02-03 17:44:09 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:44:09 
+ * @Date: 2026-02-03 17:44:15 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 15:14:58
  */
 /**
- * Prompt Management Page
- * Main page with editor and history tabs for prompt optimization
+ * Prompt Editor Component
+ * AI-powered prompt optimization with chat interface and variable support
  */
 
-import { type FC, useState } from 'react';
-import { type SegmentedProps, Flex } from 'antd';
+import { type FC, useState, useRef, useEffect } from 'react';
+import { Button, Form, Input, App, Flex, Space } from 'antd';
 import { useTranslation } from 'react-i18next';
+import clsx from 'clsx'
+import copy from 'copy-to-clipboard';
+import { useNavigate, useLocation } from 'react-router-dom';
 
-import PageTabs from '@/components/PageTabs';
-import SearchInput from '@/components/SearchInput'
-import PromptEditor from './Prompt';
-import History from './History'
-import type { HistoryQuery, HistoryItem } from './types';
+import { updatePromptMessages, createPromptSessions } from '@/api/prompt'
+import type { PromptVariableModalRef, AiPromptForm, HistoryItem, PromptSaveModalRef } from './types'
+import ChatContent from '@/components/Chat/ChatContent'
+import Empty from '@/components/Empty'
+import ConversationEmptyIcon from '@/assets/images/conversation/conversationEmpty.svg'
+import type { ChatItem } from '@/components/Chat/types'
+import ModelSelect from '@/components/ModelSelect'
+import PromptVariableModal from './components/PromptVariableModal'
+import { type SSEMessage } from '@/utils/stream'
+import Editor from '@/views/ApplicationConfig/components/Editor'
+import PromptSaveModal from './components/PromptSaveModal'
+import analysisEmptyIcon from '@/assets/images/conversation/analysisEmpty.png'
+import Header from './components/Header';
+import RbCard from '@/components/RbCard/Card';
+import styles from './index.module.css'
 
-/** Available tab keys */
-const tabs = ['editor', 'history']
 const Prompt: FC = () => {
   const { t } = useTranslation();
-  const [activeTab, setActiveTab] = useState<SegmentedProps['value']>(tabs[0])
-  const [query, setQuery] = useState<HistoryQuery>({});
+  const navigate = useNavigate();
+  const { state } = useLocation()
+  const { message } = App.useApp()
+  const [loading, setLoading] = useState(false)
+  const [form] = Form.useForm<AiPromptForm>()
+  const [chatList, setChatList] = useState<ChatItem[]>([])
+  const [variables, setVariables] = useState<string[]>([])
+  const [promptSession, setPromptSession] = useState<string | null>(null)
+  const aiPromptVariableModalRef = useRef<PromptVariableModalRef>(null)
+  const promptSaveModalRef = useRef<PromptSaveModalRef>(null)
+  const editorRef = useRef<any>(null)
+  const currentPromptValueRef = useRef<string>(undefined)
+  const values = Form.useWatch([], form)
   const [editVo, setEditVo] = useState<HistoryItem | null>(null)
 
-  /** Handle tab change */
-  const handleChangeTab = (value: SegmentedProps['value']) => {
-    setActiveTab(value)
+  useEffect(() => {
+    setEditVo(state)
+  }, [state])
+
+  useEffect(() => {
+    if (editVo?.id) {
+      form.setFieldValue('current_prompt', editVo.prompt)
+      setChatList([])
+    }
+    updateSession()
+  }, [editVo])
+
+  /** Update session ID */
+  const updateSession = () => {
+    console.log('updateSession')
+    createPromptSessions().then(res => {
+      const response = res as { id: string }
+      setPromptSession(response.id)
+    })
+  }
+
+  /** Send message to AI for prompt optimization */
+  const handleSend = () => {
+    if (!promptSession || loading || !values.message || values.message.trim() == '') return
+    if (!values.model_id) {
+      message.warning(t('common.selectPlaceholder', { title: t('prompt.model') }))
+      return
+    }
+    if (!values.message) {
+      message.warning(t('prompt.promptChatPlaceholder'))
+      return
+    }
+    const messageContent = values.message
+    setLoading(true)
+    setChatList(prev => {
+      return [...prev, { role: 'user', content: messageContent}]
+    })
+    form.setFieldsValue({ message: undefined, current_prompt: undefined })
+
+    const handleStreamMessage = (data: SSEMessage[]) => {
+      data.map(item => {
+        const { content, desc, variables } = item.data as { content: string; desc: string; variables: string[] };
+
+        switch (item.event) {
+          case 'start':
+            currentPromptValueRef.current = ''
+            if (editorRef.current?.clear) {
+              editorRef.current.clear();
+            }
+            break;
+          case 'message':
+            if (typeof content === 'string') {
+              currentPromptValueRef.current += content;
+              if (editorRef.current?.appendText) {
+                editorRef.current.appendText(content);
+                editorRef.current.scrollToBottom();
+              } else {
+                form.setFieldsValue({ current_prompt: currentPromptValueRef.current })
+              }
+            }
+            if (desc) {
+              setChatList(prev => {
+                return [...prev, { role: 'assistant', content: desc }]
+              })
+            }
+            if (variables) {
+              setVariables(variables)
+            }
+            break;
+          case 'end':
+            setLoading(false)
+            // Sync form values when stream ends
+            form.setFieldsValue({ current_prompt: currentPromptValueRef.current })
+            break
+        }
+      })
+    };
+    updatePromptMessages((promptSession) as string, values, handleStreamMessage)
+      .finally(() => {
+        setLoading(false)
+      })
+  }
+  /** Copy prompt to clipboard */
+  const handleCopy = () => {
+    if (!values.current_prompt || values?.current_prompt?.trim() === '') return
+    copy(values.current_prompt)
+    message.success(t('common.copySuccess'))
+  }
+  /** Open variable modal */
+  const handleAdd = () => {
+    aiPromptVariableModalRef.current?.handleOpen()
+  }
+  /** Apply variable to editor */
+  const handleVariableApply = (value: string) => {
+    if (editorRef.current?.insertText) {
+      editorRef.current.insertText(value)
+    } else {
+      form.setFieldValue('current_prompt', (values.current_prompt || '') + value)
+    }
+  }
+  /** Save prompt */
+  const handleSave = () => {
+    if (!values.current_prompt || !promptSession) {
+      return
+    }
+    promptSaveModalRef.current?.handleOpen({
+      session_id: promptSession,
+      prompt: values.current_prompt
+    })
+  }
+
+  /** Refresh editor and clear state */
+  const handleRefresh = () => {
+    form.setFieldValue('current_prompt', undefined)
+    currentPromptValueRef.current = undefined;
+    setChatList([])
     setEditVo(null)
-    setQuery({})
+    updateSession()
   }
-  /** Handle search in history */
-  const handleSearch = (value?: string) => {
-    setQuery(prev => ({ ...prev, keyword: value }))
+  const [isFocus, setIsFocus] = useState(false)
+  const handleFocus = () => {
+    setIsFocus(true)
   }
-  /** Handle edit history item */
-  const handleEdit = (item: HistoryItem) => {
-    console.log('edit', item)
-    setEditVo(item)
-    setActiveTab('editor')
+  const handleBlur = () => {
+    setIsFocus(false)
   }
-  /** Refresh editor state */
-  const refresh = () => {
-    setEditVo(null)
+  const handleJump = () => {
+    navigate('/prompt/history')
   }
+
   return (
     <>
-      <Flex justify="space-between" align="center" className="rb:mb-4">
-        <PageTabs
-          value={activeTab}
-          options={tabs.map(key => ({ label: t(`prompt.${key}`), value: key }))}
-          onChange={handleChangeTab}
-        />
-        {activeTab === 'history' &&
-          <SearchInput
-            placeholder={t('prompt.historySearchPlaceholder')}
-            onSearch={handleSearch}
-            className="rb:w-70"
-          />
-        }
-      </Flex>
-      
-      <div className="rb:mt-4 rb:h-[calc(100vh-128px)]">
-        {activeTab === 'editor' && <PromptEditor editVo={editVo} refresh={refresh} />}
-        {activeTab === 'history' && <History query={query} edit={handleEdit} />}
-      </div>
+      <Form form={form}>
+        <div className="rb:grid rb:grid-cols-2 rb:gap-3">
+          <div>
+            <Header title={t(`menu.prompt`)} desc={t('prompt.promptDesc')} className="rb:mb-3" />
+
+            <RbCard
+              title={t('prompt.chatTitle')}
+              headerClassName="rb:min-h-[52px]! rb:font-[MiSans-Bold] rb:gont-bold"
+              headerType="borderless"
+              bodyClassName="rb:px-4! rb:pt-0! rb:pb-3!"
+            >
+              <ChatContent
+                classNames="rb:h-[calc(100vh-257px)] rb:mb-[12px]!"
+                contentClassNames="rb:max-w-75!"
+                empty={<Empty url={ConversationEmptyIcon} title={t(`prompt.promptChatEmpty`)} isNeedSubTitle={false} size={[140, 100]} className="rb:h-full" />}
+                data={chatList || []}
+                streamLoading={false}
+                labelPosition="top"
+                labelFormat={(item) => item.role === 'user' ? t(`prompt.you`) : t(`prompt.ai`)}
+              />
+              <Flex align="center" gap={12} justify="space-between"
+                className={clsx("rb-border rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.1)] rb:rounded-2xl rb:h-13 rb:px-3!", {
+                  'rb:border rb:border-[#171719]!': isFocus
+                })}
+              >
+                <Form.Item name="message" className="rb:flex-1 rb:mb-0!">
+                  <Input
+                    placeholder={t(`prompt.promptChatPlaceholder`)}
+                    onPressEnter={handleSend}
+                    variant="borderless"
+                    className="rb:p-0!"
+                    onFocus={handleFocus}
+                    onBlur={handleBlur}
+                  />
+                </Form.Item>
+                <Flex align="center" justify="center"
+                  className={clsx('rb:size-7 rb:rounded-full rb:shadow-[0px 2px 12px 0px rgba(23,23,25,0.1)]', {
+                    'rb:cursor-not-allowed rb:bg-[#F6F6F6]': loading || !values || !values?.message || values?.message?.trim() === '',
+                    'rb:cursor-pointer rb:bg-[#171719]': !loading && !(!values || !values?.message || values?.message?.trim() === '')
+                  })}
+                  onClick={handleSend}
+                >
+                  <div className={clsx("rb:size-4 rb:bg-cover", {
+                    "rb:bg-[url('@/assets/images/conversation/loading.svg')]": loading,
+                    "rb:bg-[url('@/assets/images/conversation/sendDisabled.svg')]": !loading && (!values || !values?.message || values?.message?.trim() === ''),
+                    "rb:bg-[url('@/assets/images/conversation/send.svg')]": !loading && !(!values || !values?.message || values?.message?.trim() === '')
+                  })}></div>
+                </Flex>
+              </Flex>
+
+            </RbCard>
+          </div>
+
+          <div>
+            <Flex align="center" justify="end" gap={8} className="rb:h-12.5 rb:mb-3!">
+              <Form.Item
+                name="model_id"
+                noStyle
+              >
+                <ModelSelect
+                  params={{ type: 'llm,chat' }}
+                  className={`rb:w-75! ${styles.select}`}
+                  variant="filled"
+                />
+              </Form.Item>
+              <Button className="rb:border-none!" onClick={handleJump}>{t('prompt.history')}</Button>
+            </Flex>
+            <RbCard
+              title={t('prompt.conversationOptimizationPrompt')}
+              headerClassName="rb:min-h-[52px]! rb:font-[MiSans-Bold] rb:gont-bold"
+              headerType="borderless"
+              bodyClassName="rb:px-4! rb:pt-0! rb:pb-3!"
+              extra={
+                <Space size={8}>
+                  <Button
+                    icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/copy_dark.svg')]"></div>}
+                    disabled={!values?.current_prompt || loading}
+                    onClick={handleSave}
+                  >{t('common.save')}</Button>
+                  <Button
+                    icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/application/save.svg')]"></div>}
+                    disabled={!values?.current_prompt || loading}
+                    onClick={handleCopy}
+                  >{t('common.copy')}</Button>
+                  <Button
+                    icon={<div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/plus_dark.svg')]"></div>}
+                    disabled={!values?.current_prompt || loading}
+                    onClick={handleAdd}
+                  ></Button>
+                </Space>}
+            >
+              <Form.Item name="current_prompt" noStyle>
+                {values?.current_prompt
+                  ? <Editor
+                    ref={editorRef}
+                    className="rb:h-[calc(100vh-193px)] rb:bg-white! rb:border-none! rb:p-0! rb:text-[#212332] rb:leading-5"
+                    onChange={(value) => form.setFieldValue('current_prompt', value)}
+                  />
+                  : <Empty url={analysisEmptyIcon} title={t(`prompt.promptPlaceholder`)} isNeedSubTitle={false} size={[270, 170]} className="rb:h-[calc(100vh-193px)] rb:mx-auto! rb:text-center! rb:text-[12px]! rb:leading-4!" />
+                }
+              </Form.Item>
+            </RbCard>
+          </div>
+        </div>
+      </Form>
+
+      <PromptVariableModal
+        ref={aiPromptVariableModalRef}
+        variables={variables}
+        refresh={handleVariableApply}
+      />
+
+      <PromptSaveModal
+        ref={promptSaveModalRef}
+        refresh={handleRefresh}
+      />
     </>
   );
 };
diff --git a/web/src/views/Prompt/pages/History.tsx b/web/src/views/Prompt/pages/History.tsx
new file mode 100644
index 00000000..19c033ed
--- /dev/null
+++ b/web/src/views/Prompt/pages/History.tsx
@@ -0,0 +1,144 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 17:44:04 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 15:52:44
+ */
+/**
+ * Prompt History Component
+ * Displays saved prompts with view, edit, and delete actions
+ */
+
+import React, { useRef, type MouseEvent } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { Space, App, Flex, Form } from 'antd';
+
+import type { HistoryQuery, HistoryItem, PromptDetailRef } from '../types';
+import RbCard from '@/components/RbCard/Card'
+import { getPromptReleaseListUrl, deletePrompt } from '@/api/prompt'
+import Markdown from '@/components/Markdown';
+import { formatDateTime } from '@/utils/format'
+import PromptDetail from '../components/PromptDetail'
+import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
+import SearchInput from '@/components/SearchInput'
+import Header from '../components/Header'
+
+const History: React.FC = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const scrollListRef = useRef<PageScrollListRef>(null)
+  const detailRef = useRef<PromptDetailRef>(null)
+  const { message, modal } = App.useApp()
+  const [form] = Form.useForm<HistoryQuery>()
+  const query = Form.useWatch([], form)
+
+  /** View prompt details */
+  const handleView = (item: HistoryItem) => {
+    detailRef.current?.handleOpen(item)
+  }
+  /** Delete prompt */
+  const handleDelete = (item: HistoryItem, e?: MouseEvent) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    modal.confirm({
+      title: t('common.confirmDeleteDesc', { name: item.title }),
+      okText: t('common.delete'),
+      cancelText: t('common.cancel'),
+      okType: 'danger',
+      onOk: () => {
+        deletePrompt(item.id).then(() => {
+          message.success(t('common.deleteSuccess'))
+          scrollListRef.current?.refresh()
+          detailRef.current?.handleClose()
+        })
+      }
+    })
+
+  }
+  /** Edit prompt */
+  const handleEdit = (item: HistoryItem) => {
+    // edit(item)
+    navigate('/prompt', {
+      replace: true,
+      state: { ...item }
+    })
+  }
+
+  const handleClick = (key: string, item: HistoryItem) => {
+    console.log('handleClick key', key)
+    switch(key) {
+      case 'detail':
+        handleView(item)
+        break
+      case 'edit':
+        handleEdit(item)
+        break
+      case 'delete':
+        handleDelete(item)
+        break
+    }
+  }
+
+  return (
+    <>
+      <Flex justify="space-between" align="center" className="rb:mb-3!">
+        <Header title={t('prompt.history')} desc={t('prompt.historyDesc')} />
+
+        <Form form={form}>
+          <Form.Item name="keyword" noStyle>
+            <SearchInput
+              placeholder={t('prompt.historySearchPlaceholder')}
+              className="rb:w-75"
+            />
+          </Form.Item>
+        </Form>
+      </Flex>
+      <PageScrollList<HistoryItem, HistoryQuery>
+        ref={scrollListRef}
+        url={getPromptReleaseListUrl}
+        query={query}
+        column={3}
+        needLoading={false}
+        renderItem={(item) => (
+          <RbCard
+            className="rb:cursor-pointer rb:relative"
+            title={item.title}
+            headerClassName='rb:min-h-[46px]!'
+            headerType="borderless"
+            bodyClassName="rb:px-3! rb:py-0!"
+          >
+            <div className="rb:h-35.5 rb:leading-5 rb:overflow-hidden rb:px-3 rb:py-2.5 rb:bg-[#F6F6F6] rb:rounded-lg">
+              <Markdown content={item.prompt} className="rb:h-31! rb:overflow-hidden! rb:line-clamp-6! rb:break-word! rb:text-ellipsis!" />
+            </div>
+            
+            <Flex align="center" justify="space-between" className="rb:py-3!">
+              <div className="rb:text-[12px] rb:text-[#5B6167] rb:leading-4.5">{formatDateTime(item.created_at, 'YYYY/MM/DD HH:mm')}</div>
+
+              <Space size={8}>
+                <div className="rb:size-4.5 rb:bg-cover rb:bg-[url('@/assets/images/prompt/eye.svg')] rb:hover:bg-[url('@/assets/images/prompt/eye_bg.svg')]"
+                  onClick={() => handleClick('detail', item)}
+                ></div>
+                <div className="rb:size-4.5 rb:bg-cover rb:bg-[url('@/assets/images/prompt/edit.svg')] rb:hover:bg-[url('@/assets/images/prompt/edit_bg.svg')]"
+                  onClick={() => handleClick('edit', item)}
+                ></div>
+                <div className="rb:size-4.5 rb:bg-cover rb:bg-[url('@/assets/images/prompt/delete.svg')] rb:hover:bg-[url('@/assets/images/prompt/delete_hover.svg')]"
+                  onClick={() => handleClick('delete', item)}
+                ></div>
+              </Space>
+            </Flex>
+          </RbCard>
+        )}
+        heightClass="rb:h-[calc(100vh-126px)]!"
+      />
+
+      <PromptDetail
+        ref={detailRef}
+        handleEdit={handleEdit}
+        handleDelete={handleDelete}
+      />
+    </>
+  );
+};
+
+export default History;
\ No newline at end of file
diff --git a/web/src/views/SelfReflectionEngine/index.tsx b/web/src/views/SelfReflectionEngine/index.tsx
index a6314009..c3809349 100644
--- a/web/src/views/SelfReflectionEngine/index.tsx
+++ b/web/src/views/SelfReflectionEngine/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:46:47 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:46:47 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 18:57:08
  */
 /**
  * Self Reflection Engine Configuration Page
@@ -11,19 +11,19 @@
  */
 
 import React, { useState, useEffect } from 'react';
-import { Row, Col, Form, App, Button, Space, Select } from 'antd';
+import { Row, Col, Form, App, Button, Space, Select, Flex } from 'antd';
 import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 
 import RbCard from '@/components/RbCard/Card';
-import strategyImpactSimulator from '@/assets/images/memory/strategyImpactSimulator.svg'
 import { getMemoryReflectionConfig, updateMemoryReflectionConfig, pilotRunMemoryReflectionConfig } from '@/api/memory'
 import type { ConfigForm, Result, ReflexionData, MemoryVerify, QualityAssessment } from './types'
-import CustomSelect from '@/components/CustomSelect';
-import { getModelListUrl } from '@/api/models'
 import Tag from '@/components/Tag'
 import { useI18n } from '@/store/locale';
 import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
+import LabelWrapper from '@/components/FormItem/LabelWrapper'
+import DescWrapper from '@/components/FormItem/DescWrapper'
+import ModelSelect from '@/components/ModelSelect';
 
 /** Configuration list */
 const configList = [
@@ -35,9 +35,8 @@ const configList = [
   // Reflection model
   {
     key: 'reflection_model_id',
-    type: 'customSelect',
-    url: getModelListUrl,
-    params: { type: 'chat,llm', page: 1, pagesize: 100, is_active: true }, // chat,llm
+    type: 'modelSelect',
+    params: { type: 'chat,llm' }, // chat,llm
   },
   // Iteration period
   {
@@ -170,15 +169,18 @@ const SelfReflectionEngine: React.FC = () => {
   }
 
   return (
-    <Row gutter={[16, 16]}>
-      <Col span={12}>
-        <RbCard 
-          title={
-            <div className="rb:flex rb:items-center">
-              <img src={strategyImpactSimulator} className="rb:w-5 rb:h-5 rb:mr-2" />
-              {t('reflectionEngine.reflectionEngineConfig')}
-            </div>
-          }
+    <Row gutter={[16, 16]} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
+        <RbCard
+          title={t('reflectionEngine.reflectionEngineConfig')}
+          extra={<Space>
+            <Button block onClick={handleReset}>{t('common.reset')}</Button>
+            <Button type="primary" loading={loading} block onClick={handleSave}>{t('common.save')}</Button>
+          </Space>}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          className="rb:h-full!"
+          bodyClassName="rb:h-[calc(100%-54px)] rb:overflow-y-auto! rb:p-4! rb:pt-0!"
         >
           <Form 
             form={form}
@@ -189,79 +191,69 @@ const SelfReflectionEngine: React.FC = () => {
               lambda_mem: 0.03,
             }}
           >
-            {configList.map(config => {
-              if (config.type === 'customSelect') {
-                return (
-                  <div key={config.key}>
-                    <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
-                      {t(`reflectionEngine.${config.key}`)}
+            <Flex vertical gap={24}>
+              {configList.map(config => {
+                if (config.type === 'modelSelect') {
+                  return (
+                    <div key={config.key}>
+                      <LabelWrapper title={t(`reflectionEngine.${config.key}`)} className="rb:mb-3">
+                        <DescWrapper desc={t(`reflectionEngine.${config.key}_desc`)} className="rb:mt-1" />
+                      </LabelWrapper>
+                      <Form.Item
+                        name={config.key}
+                        className="rb:mb-0!"
+                      >
+                        <ModelSelect
+                          params={config.params}
+                          placeholder={t('common.pleaseSelect')}
+                          disabled={!values?.reflection_enabled && config.key !== 'reflection_enabled'}
+                        />
+                      </Form.Item>
                     </div>
-                    <Form.Item
-                      name={config.key}
-                      extra={t(`reflectionEngine.${config.key}_desc`)}
-                    >
-                      <CustomSelect
-                        url={config.url as string}
-                        params={config.params}
-                        valueKey='id'
-                        labelKey='name'
-                        hasAll={false}
-                        placeholder={t('common.pleaseSelect')}
-                        disabled={!values?.reflection_enabled && config.key !== 'reflection_enabled'}
-                      />
-                    </Form.Item>
-                  </div>
-                )
-              }
-              if (config.type === 'select') {
-                return (
-                  <div key={config.key}>
-                    <div className="rb:text-[14px] rb:font-medium rb:leading-5 rb:mb-2">
-                      {t(`reflectionEngine.${config.key}`)}
+                  )
+                }
+                if (config.type === 'select') {
+                  return (
+                    <div key={config.key}>
+                      <LabelWrapper title={t(`reflectionEngine.${config.key}`)} className="rb:mb-3">
+                        <DescWrapper desc={t(`reflectionEngine.${config.key}_desc`)} className="rb:mt-1" />
+                      </LabelWrapper>
+                      <Form.Item
+                        name={config.key}
+                        className="rb:mb-0!"
+                      >
+                        <Select
+                          options={config.options?.map(vo => ({
+                            ...vo,
+                            label: t(`reflectionEngine.${vo.label}`),
+                          }))}
+                          placeholder={t('common.pleaseSelect')}
+                          disabled={!values?.reflection_enabled && config.key !== 'reflection_enabled'}
+                        />
+                      </Form.Item>
                     </div>
-                    <Form.Item
-                      name={config.key}
-                      extra={t(`reflectionEngine.${config.key}_desc`)}
-                    >
-                      <Select
-                        options={config.options?.map(vo => ({
-                          ...vo,
-                          label: t(`reflectionEngine.${vo.label}`),
-                        }))}
-                        placeholder={t('common.pleaseSelect')}
-                        disabled={!values?.reflection_enabled && config.key !== 'reflection_enabled'}
-                      />
-                    </Form.Item>
-                  </div>
-                )
-              }
+                  )
+                }
 
-              return (
-                <SwitchFormItem
-                  title={t(`reflectionEngine.${config.key}`)}
-                  name={config.key}
-                  desc={<>
-                    {(config as any).hasSubTitle && <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`reflectionEngine.${config.key}_subTitle`)}</div>}
-                    <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`reflectionEngine.${config.key}_desc`)}</div>
-                  </>}
-                  className="rb:mb-6"
-                  disabled={!values?.reflection_enabled && config.key !== 'reflection_enabled'}
-                />
-              )
-            })}
-            <Row gutter={16} className="rb:mt-3">
-              <Col span={12}>
-                <Button block onClick={handleReset}>{t('common.reset')}</Button>
-              </Col>
-              <Col span={12}>
-                <Button type="primary" loading={loading} block onClick={handleSave}>{t('common.save')}</Button>
-              </Col>
-            </Row>
+                return (
+                  <SwitchFormItem
+                    title={t(`reflectionEngine.${config.key}`)}
+                    name={config.key}
+                    desc={<>
+                      {(config as any).hasSubTitle && <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`reflectionEngine.${config.key}_subTitle`)}</div>}
+                      <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t(`reflectionEngine.${config.key}_desc`)}</div>
+                    </>}
+                    className="rb:mb-6"
+                    disabled={!values?.reflection_enabled && config.key !== 'reflection_enabled'}
+                  />
+                )
+              })}
+            </Flex>
           </Form>
         </RbCard>
       </Col>
-      <Col span={12}>
-        <Space size={16} direction="vertical" className="rb:w-full">
+      <Col span={12} className="rb:h-full!">
+        <Flex gap={16} vertical className="rb:h-full!">
           <RbCard
             title={t('memoryExtractionEngine.example')}
           >
@@ -354,7 +346,7 @@ const SelfReflectionEngine: React.FC = () => {
               </RbCard>
             )}
           </>}
-        </Space>
+        </Flex>
       </Col>
     </Row>
   );
diff --git a/web/src/views/Skills/index.tsx b/web/src/views/Skills/index.tsx
index 1522a3c8..f5115df5 100644
--- a/web/src/views/Skills/index.tsx
+++ b/web/src/views/Skills/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-05 10:43:49 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-05 10:43:49 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-20 20:28:44
  */
 import React, { useRef } from 'react';
 import { Button, Tooltip } from 'antd';
@@ -10,9 +10,10 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import type { Skill } from './types'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import { getSkillListUrl } from '@/api/skill'
 import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
+import { formatDateTime } from '@/utils/format'
 
 /**
  * Skills List Page Component
@@ -66,14 +67,15 @@ const Skills: React.FC = () => {
           return (
             <RbCard
               title={item.name}
-              avatar={<div className="rb:w-12 rb:h-12 rb:text-center rb:font-semibold rb:text-[28px] rb:leading-12 rb:rounded-lg rb:text-[#FBFDFF] rb:bg-[#155EEF] rb:mr-2">{item.name[0]}</div>}
               className="rb:cursor-pointer"
+              titleClassName="rb:line-clamp-1!"
               onClick={() => handleView(item)}
             >
               {/* Skill description with tooltip */}
               <Tooltip title={item.description}>
-                <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:font-regular rb:-mt-1 rb:wrap-break-word rb:line-clamp-1">{item.description}</div>
+                <div className="rb:h-10 rb:leading-5 rb:wrap-break-word rb:line-clamp-2">{item.description}</div>
               </Tooltip>
+              <div className="rb:text-[#5B6167] rb:leading-4.5 rb:text-[12px] rb:mt-4">{t('common.updated_at')}: {formatDateTime(item.updated_at)}</div>
             </RbCard>
           );
         }}
diff --git a/web/src/views/SpaceConfig/index.tsx b/web/src/views/SpaceConfig/index.tsx
index 268fd07e..86fef42a 100644
--- a/web/src/views/SpaceConfig/index.tsx
+++ b/web/src/views/SpaceConfig/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:48:03 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:48:03 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-24 17:01:59
  */
 /**
  * Space Configuration Page
@@ -63,7 +63,7 @@ const SpaceConfig: FC = () => {
   }
 
   return (
-    <div className="rb:h-full rb:max-w-140 rb:mx-auto">
+    <div className="rb:w-250 rb:bg-white rb:rounded-lg rb:py-3 rb:px-3">
       {pageLoading
         ? <Skeleton active />
         : <Form
diff --git a/web/src/views/SpaceManagement/components/SpaceModal.tsx b/web/src/views/SpaceManagement/components/SpaceModal.tsx
index 5a639244..f5f6841f 100644
--- a/web/src/views/SpaceManagement/components/SpaceModal.tsx
+++ b/web/src/views/SpaceManagement/components/SpaceModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:49:09 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:49:09 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 11:45:54
  */
 /**
  * Space Modal Component
@@ -17,13 +17,12 @@ import type { SpaceModalData, SpaceModalRef, Space, StorageType } from '../types
 import RbModal from '@/components/RbModal'
 import { createWorkspace } from '@/api/workspaces'
 import RadioGroupCard from '@/components/RadioGroupCard'
-import { getModelListUrl } from '@/api/models'
-import CustomSelect from '@/components/CustomSelect'
 import UploadImages from '@/components/Upload/UploadImages'
 import { getFileLink } from '@/api/fileStorage'
 import ragIcon from '@/assets/images/space/rag.png'
 import neo4jIcon from '@/assets/images/space/neo4j.png'
 import { stringRegExp } from '@/utils/validator';
+import ModelSelect from '@/components/ModelSelect';
 
 const FormItem = Form.Item;
 
@@ -206,12 +205,8 @@ const SpaceModal = forwardRef<SpaceModalRef, SpaceModalProps>(({
             name="llm"
             rules={[{ required: true, message: t('common.selectPlaceholder', { title: t('space.llmModel') }) }]}
           >
-            <CustomSelect
-              url={getModelListUrl}
-              params={{ type: 'llm,chat', pagesize: 100, is_active: true }}
-              valueKey="id"
-              labelKey="name"
-              hasAll={false}
+            <ModelSelect
+              params={{ type: 'llm,chat' }}
               placeholder={t('common.selectPlaceholder', { title: t('space.llmModel') })}
               className="rb:w-full!"
             />
@@ -221,12 +216,8 @@ const SpaceModal = forwardRef<SpaceModalRef, SpaceModalProps>(({
             name="embedding"
             rules={[{ required: true, message: t('common.selectPlaceholder', { title: t('space.embeddingModel') }) }]}
           >
-            <CustomSelect
-              url={getModelListUrl}
-              params={{ type: 'embedding', pagesize: 100, is_active: true }}
-              valueKey="id"
-              labelKey="name"
-              hasAll={false}
+            <ModelSelect
+              params={{ type: 'embedding' }}
               placeholder={t('common.selectPlaceholder', { title: t('space.embeddingModel') })}
               className="rb:w-full!"
             />
@@ -236,12 +227,8 @@ const SpaceModal = forwardRef<SpaceModalRef, SpaceModalProps>(({
             name="rerank"
             rules={[{ required: true, message: t('common.selectPlaceholder', { title: t('space.rerankModel') }) }]}
           >
-            <CustomSelect
-              url={getModelListUrl}
-              params={{ type: 'rerank', pagesize: 100, is_active: true }}
-              valueKey="id"
-              labelKey="name"
-              hasAll={false}
+            <ModelSelect
+              params={{ type: 'rerank' }}
               placeholder={t('common.selectPlaceholder', { title: t('space.rerankModel') })}
               className="rb:w-full!"
             />
diff --git a/web/src/views/SpaceManagement/index.tsx b/web/src/views/SpaceManagement/index.tsx
index 40f3d2b0..781ee903 100644
--- a/web/src/views/SpaceManagement/index.tsx
+++ b/web/src/views/SpaceManagement/index.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:48:59 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:48:59 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 14:43:20
  */
 /**
  * Space Management Page
@@ -11,13 +11,12 @@
 
 import React, { useEffect, useState, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
-import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
-import { List, Button } from 'antd';
+import { Button, Flex, Space as AntSpace, Tooltip, Row, Col } from 'antd';
 
 import type { Space, SpaceModalRef } from './types';
 import SpaceModal from './components/SpaceModal';
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import { getWorkspaces, switchWorkspace } from '@/api/workspaces'
 import BodyWrapper from '@/components/Empty/BodyWrapper'
 import Tag from '@/components/Tag'
@@ -69,32 +68,33 @@ const SpaceManagement: React.FC = () => {
         {t('space.createSpace')}
       </Button>
       <BodyWrapper loading={loading} empty={data.length === 0}>
-        <List
-          grid={{ gutter: 16, column: 4 }}
-          dataSource={data}
-          renderItem={(item) => (
-            <List.Item key={item.id}>
+        <Row
+          gutter={[16, 16]}
+          className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto"
+        >
+          {data.map(item => (
+            <Col key={item.id} span={6}>
               <RbCard
                 avatarUrl={item.icon}
-                avatar={<div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                  {item.name[0]}
-                </div>}
-                title={item.name}
-                subTitle={<Tag className="rb:mt-1 rb:font-regular!" color={item.storage_type === 'rag' ? 'processing' : 'warning'}>{t(`space.${item.storage_type || 'neo4j'}`)}</Tag>}
-              >
-                <div className={clsx("rb:absolute rb:-top-px rb:-right-px rb:p-[2px_9px] rb:text-[#FFFFFF] rb:leading-4 rb:text-[12px] rb:font-regular rb:rounded-[0px_12px_0px_12px]", {
-                  'rb:bg-[#369F21]': item.is_active,
-                  'rb:bg-[#A8A9AA]': !item.is_active,
-                })}>{item.is_active ? t('space.associated') : t('space.notAssociated')}</div>
-                
-                <Button type="primary" ghost block className="rb:mt-10" onClick={() => handleJump(item.id)}>
+                avatarText={item.name[0]}
+                title={<Flex vertical gap={6}>
+                  <Tooltip title={item.name}>
+                    <div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                  </Tooltip>
+                  <AntSpace>
+                    <Tag color={item.storage_type === 'rag' ? 'processing' : 'warning'}>{t(`space.${item.storage_type || 'neo4j'}`)}</Tag>
+                    <Tag color={item.is_active ? 'success' : 'error'}>{item.is_active ? t('space.associated') : t('space.notAssociated')}</Tag>
+                  </AntSpace>
+                </Flex>}
+                isNeedTooltip={false}
+                footer={<Button type="primary" ghost block className="rb:mt-2 rb:h-9!" onClick={() => handleJump(item.id)}>
                   {t('space.enterSpace')}
-                </Button>
+                </Button>}
+              >
               </RbCard>
-            </List.Item>
-          )}
-          className="rb:h-[calc(100vh-148px)] rb:overflow-y-auto rb:overflow-x-hidden"
-        />
+            </Col>
+          ))}
+        </Row>
       </BodyWrapper>
 
       <SpaceModal
diff --git a/web/src/views/ToolManagement/Custom.tsx b/web/src/views/ToolManagement/Custom.tsx
index 269b726e..64f0af8f 100644
--- a/web/src/views/ToolManagement/Custom.tsx
+++ b/web/src/views/ToolManagement/Custom.tsx
@@ -1,37 +1,39 @@
-import React, { useState, useRef, useEffect, type ReactNode } from 'react';
+import { useState, useRef, useEffect, forwardRef, useImperativeHandle, type ReactNode } from 'react';
 import {
-  Button,
   Row,
   Col,
   App,
-  List,
-  Space
+  Space,
+  Flex,
+  Tooltip,
+  Dropdown,
 } from 'antd';
 import { useTranslation } from 'react-i18next';
-import dayjs from 'dayjs';
 
-import type { ToolItem, Query, CustomToolModalRef } from './types';
+import type { ToolItem, CustomToolModalRef, CustomRef } from './types';
 import CustomToolModal from './components/CustomToolModal';
-import SearchInput from '@/components/SearchInput'
 import BodyWrapper from '@/components/Empty/BodyWrapper'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import { getTools, deleteTool } from '@/api/tools'
+import { formatDateTime } from '@/utils/format'
 
-const Custom: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getStatusTag }) => {
+const Custom = forwardRef<CustomRef, { getStatusTag: (status: string) => ReactNode; keyword?: string | undefined }>(({ getStatusTag, keyword }, ref) => {
   const { t } = useTranslation();
   const { message, modal } = App.useApp()
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState<ToolItem[]>([]);
-  const [query, setQuery] = useState<Query>({ name: undefined, tool_type: 'custom' });
   const customToolModalRef = useRef<CustomToolModalRef>(null);
 
   useEffect(() => {
     getData()
-  }, [query.name])
+  }, [keyword])
 
   const getData = () => {
     setLoading(true)
-    getTools(query)
+    getTools({
+      tool_type: 'custom',
+      name: keyword
+    })
       .then((res) => {
         setData(res as ToolItem[])
       })
@@ -39,15 +41,14 @@ const Custom: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ get
         setLoading(false)
       })
   }
-  const handleSearch = (value?: string) => {
-    setQuery(prev => ({ ...prev, name: value }))
-  }
 
   // 打开添加服务弹窗
   const handleEdit = (data?: ToolItem) => {
     customToolModalRef.current?.handleOpen(data);
   };
 
+  useImperativeHandle(ref, () => ({ handleEdit }));
+
   // 删除服务
   const handleDeleteService = (item: ToolItem) => {
     modal.confirm({
@@ -65,76 +66,84 @@ const Custom: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ get
   };
 
   return (
-    <div>
-      <Row gutter={16} className='rb:mb-4 rb:w-full'>
-        <Col span={8}>
-          <SearchInput
-            placeholder={t('tool.customSearchPlaceholder')}
-            onSearch={handleSearch}
-            style={{width: '100%'}}
-          />
-        </Col>
-        <Col span={16} className="rb:text-right">
-          <Button type="primary" onClick={() => {handleEdit()}}>{t('tool.addCustom')}</Button>
-        </Col>
-      </Row>
+    <>
       <BodyWrapper loading={loading} empty={data.length === 0}>
-        <List
-          grid={{ gutter: 16, column: 2 }}
-          dataSource={data}
-          renderItem={(item) => (
-            <List.Item key={item.id}>
+        <Row
+          gutter={[16, 16]}
+          className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto"
+        >
+          {data.map((item) => (
+            <Col span={8} key={item.id}>
               <RbCard
-                // avatar={
-                //   <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                //     {item.name[0]}
-                //   </div>
-                // }
                 title={
-                  <div>
-                    {item.name}<br/>
-                    {/* <div className="rb:mt-1 rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167]">xx个工具</div> */}
-                  </div>
-                }
-                extra={getStatusTag(item.status)}
-              >
-                <div>
-                  {['auth_type', 'tags', 'created_at'].map(key => (
-                    <div 
-                      key={key}
-                      className="rb:flex rb:gap-4 rb:justify-start rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3"
-                    >
-                      <div className="rb:whitespace-nowrap rb:w-32">{t(`tool.${key}`)}</div>
-                      <div className='rb:flex-1 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-inline rb:text-left rb:py-px rb:rounded rb:font-medium'>
-                        {key === 'created_at' && item[key]
-                          ? dayjs(item[key]).format('YYYY-MM-DD HH:mm:ss')
-                          : key === 'auth_type'
-                          ? t(`tool.${(item.config_data as any)?.[key]}`)
-                          : key === 'tags'
-                          ? (item[key] as string[]).join('、')
-                          : (item.config_data as any)?.[key] || '-'
-                        }
-                      </div>
-                    </div>
-                  ))}
-                  <div className="rb:mt-4 rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167] rb:flex rb:items-center rb:justify-end">
-                    <Space size={16}>
-                      <div 
-                        className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]" 
-                        onClick={() => handleEdit(item)}
-                      ></div>
-                      <div 
-                        className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]" 
-                        onClick={() => handleDeleteService(item)}
-                      ></div>
+                  <Flex justify="space-between" gap={16}>
+                    <Space size={8} className="rb:flex-1!">
+                      <Tooltip title={item.name}>
+                        <div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                      </Tooltip>
+                      {getStatusTag(item.status)}
                     </Space>
-                  </div>
-                </div>
+                    <Dropdown
+                      menu={{
+                        items: [
+                          {
+                            key: 'edit',
+                            icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/edit_bold.svg')]" />,
+                            label: t('common.edit'),
+                            onClick: () => handleEdit(item),
+                          },
+                          {
+                            key: 'delete',
+                            className: 'rb:text-[#FF5D34]!',
+                            icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/delete_red_big.svg')]" />,
+                            label: t('common.delete'),
+                            onClick: () => handleDeleteService(item),
+                          },
+                        ]
+                      }}
+                      placement="bottomRight"
+                    >
+                      <div className="rb:cursor-pointer rb:size-5.5 rb:bg-[url('@/assets/images/common/more.svg')] rb:hover:bg-[url('@/assets/images/common/more_hover.svg')]"></div>
+                    </Dropdown>
+                  </Flex>
+                }
+                isNeedTooltip={false}
+              >
+                {item.tags?.length > 0
+                  ? <Flex gap={8} wrap align="center">
+                    <Flex gap={6}>
+                      {item.tags?.slice(0, 2).map((type, i) => (
+                        <div key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">{type}</div>
+                      ))}
+                    </Flex>
+                    {item.tags.length > 2 && (
+                      <Tooltip
+                        title={<Flex wrap gap={6}>{item.tags?.slice(2, item.tags.length).map((type, i) => (
+                          <div key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5 rb:text-[#171719]">{type}</div>
+                        ))}</Flex>}
+                        color="white"
+                        placement="bottom"
+                      >
+                        <div className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">+{item.tags.length - 2}</div>
+                      </Tooltip>
+                    )}
+                  </Flex>
+                  : <div className="rb:text-[#A8A9AA] rb:leading-5">{t('tool.noTags')}</div>
+                }
+                <Row className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2! rb:px-3! rb:leading-5 rb:mt-4!">
+                  <Col span={12}>
+                    <div className="rb:text-[#5B6167] rb:mb-1">{t('tool.auth_type')}</div>
+                    {(item.config_data as any)?.auth_type}
+                  </Col>
+                  <Col span={12}>
+                    <div className="rb:text-[#5B6167] rb:mb-1">{t('tool.created_at')}</div>
+                    {formatDateTime(item.created_at)}
+                  </Col>
+                </Row>
               </RbCard>
-            </List.Item>
-          )}
-          className="rb:h-[calc(100vh-178px)] rb:overflow-y-auto rb:overflow-x-hidden"
-        />
+            </Col>
+          ))}
+        </Row>
       </BodyWrapper>
 
       {/* 添加服务弹窗组件 */}
@@ -142,8 +151,8 @@ const Custom: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ get
         ref={customToolModalRef}
         refresh={getData} 
       />
-    </div>
+    </>
   );
-};
+});
 
 export default Custom;
\ No newline at end of file
diff --git a/web/src/views/ToolManagement/Inner.tsx b/web/src/views/ToolManagement/Inner.tsx
index 6f85e1f7..b88428b0 100644
--- a/web/src/views/ToolManagement/Inner.tsx
+++ b/web/src/views/ToolManagement/Inner.tsx
@@ -1,30 +1,27 @@
 import React, { useState, useRef, useEffect, type ReactNode } from 'react';
 import {
+  Flex,
+  Space,
+  Tooltip,
   Row,
   Col,
-  Tag,
-  List,
-  Flex
 } from 'antd';
-import { EyeOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
 import dayjs, { type Dayjs } from 'dayjs'
 
-import type { Query, ToolItem, TimeToolModalRef, JsonToolModalRef, InnerToolModalRef } from './types';
-import SearchInput from '@/components/SearchInput'
+import type { ToolItem, TimeToolModalRef, JsonToolModalRef, InnerToolModalRef } from './types';
 import BodyWrapper from '@/components/Empty/BodyWrapper'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import TimeToolModal from './components/TimeToolModal'
 import JsonToolModal from './components/JsonToolModal'
 import InnerToolModal from './components/InnerToolModal'
 import { getTools } from '@/api/tools'
 import { InnerConfigData } from './constant'
 
-const Inner: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getStatusTag }) => {
+const Inner: React.FC<{ getStatusTag: (status: string) => ReactNode; keyword?: string | undefined }> = ({ getStatusTag, keyword }) => {
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState<ToolItem[]>([]);
-  const [query, setQuery] = useState<Query>({ name: undefined, tool_type: 'builtin' });
   const [curTime, setCurTime] = useState<Dayjs>(dayjs())
   const timeToolModalRef = useRef<TimeToolModalRef>(null)
   const jsonToolModalRef = useRef<JsonToolModalRef>(null)
@@ -38,11 +35,14 @@ const Inner: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getS
     return () => {
       clearInterval(timer)
     }
-  }, [query.name])
+  }, [keyword])
 
   const getData = () => {
     setLoading(true)
-    getTools(query)
+    getTools({
+      tool_type: 'builtin',
+      name: keyword
+    })
       .then((res) => {
         setData(res as ToolItem[])
       })
@@ -50,9 +50,6 @@ const Inner: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getS
         setLoading(false)
       })
   }
-  const handleSearch = (value?: string) => {
-    setQuery(prev => ({ ...prev, name: value }))
-  }
 
   // 打开添加服务弹窗
   const handleEdit = (data: ToolItem) => {
@@ -70,84 +67,83 @@ const Inner: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getS
   }
 
   return (
-    <div>
-      <Row gutter={16} className='rb:mb-4 rb:w-full'>
-        <Col span={8}>
-          <SearchInput
-            placeholder={t('tool.innerSearchPlaceholder')}
-            onSearch={handleSearch}
-            style={{width: '100%'}}
-          />
-        </Col>
-      </Row>
+    <>
       <BodyWrapper loading={loading} empty={data.length === 0}>
-        <List
-          grid={{ gutter: 16, column: 2 }}
-          dataSource={data}
-          renderItem={(item) => (
-            <List.Item key={item.id} className='rb:h-full!'>
+        <Row
+          gutter={[12, 12]}
+          className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto"
+        >
+          {data.map((item) => (
+            <Col span={8} key={item.id}>
               <RbCard
-                // className={clsx({
-                //   'rb:h-85.5!': item.config_data.tool_class === 'DateTimeTool' || item.config_data.tool_class === 'JsonTool'
-                // })}
-                // avatar={
-                //   <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                //     {item.name[0]}
-                //   </div>
-                // }
-                title={item.name}
-                extra={getStatusTag(item.status)}
-                bodyClassName='rb:h-[calc(100%-40px)]'
-              >
-                <div className="rb:h-full rb:flex rb:flex-col rb:justify-between">
-                  <div className="rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167]">
-                    {t(`tool.${item.config_data.tool_class}_features`)} <br />
-                    <Flex gap={4} wrap className="rb:mt-2 rb:w-full">
-                      {InnerConfigData[item.config_data.tool_class].features.map(vo => <Tag key={vo} color="default">{ t(`tool.${vo}`) }</Tag>) }
+                title={
+                  <Flex justify="space-between" gap={16}>
+                    <Space size={8}>
+                      <Tooltip title={item.name}>
+                        <div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                      </Tooltip>
+                      {getStatusTag(item.status)}
+                    </Space>
+                    <Flex align="center" justify="center" className="rb:size-5.5 rb:hover:bg-[#F6F6F6] rb:rounded-md">
+                      <div
+                        className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/edit_bold.svg')]"
+                        onClick={() => handleEdit(item)}
+                      />
                     </Flex>
+                  </Flex>
+                }
+                isNeedTooltip={false}
+              >
+                <Tooltip title={t(`tool.${item.config_data.tool_class}_features`)}>
+                  <div className="rb:h-10 rb:wrap-break-word rb:line-clamp-2 rb:leading-5">{t(`tool.${item.config_data.tool_class}_features`)}</div>
+                </Tooltip>
 
-                    {item.config_data.tool_class === 'DateTimeTool'
-                      ? <div className="rb:mt-3 rb:bg-[#F0F3F8] rb:px-3 rb:py-2.5 rb:rounded-md">
-                        {t('tool.currentTime')}
-                        <div className="rb:font-medium rb:bg-white rb:px-3 rb:py-2.5 rb:rounded-md rb:my-2">
-                          {curTime.format('YYYY-MM-DD HH:mm:ss')}
-                        </div>
-                        {t('tool.timestamp')}
-                        <div className="rb:font-medium rb:bg-white rb:px-3 rb:py-2.5 rb:rounded-md rb:mt-2">
-                          {curTime.unix()}
-                        </div>
-                      </div>
-                      :item.config_data.tool_class === 'JsonTool'
-                      ? <div className="rb:mt-3 rb:bg-[#F0F3F8] rb:px-3 rb:py-2.5 rb:rounded-md">
-                        {t('tool.jsonEg')}
-                        <div className="rb:font-medium rb:bg-white rb:px-3 rb:py-2.5 rb:rounded-md rb:my-2">
-                          {InnerConfigData[item.config_data.tool_class].eg}
-                        </div>
-                      </div>
-                        : <div className="rb:mt-3 rb:bg-[#F0F3F8] rb:px-3 rb:py-2.5 rb:rounded-md">
-                          {t('tool.configStatus')}
-                          <div className="rb:font-medium rb:bg-white rb:px-3 rb:py-2.5 rb:rounded-md rb:my-2">
-                            {t(`tool.${item.status}_desc`)}
-                          </div>
-                        </div>
-                    }
-                  </div>
+                <Flex gap={8} wrap align="center" className="rb:mt-2! rb:mb-4!">
+                  <Flex gap={6}>
+                    {InnerConfigData[item.config_data.tool_class].features?.slice(0, 2).map((type, i) => (
+                      <div key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">{type}</div>
+                    ))}
+                  </Flex>
+                  {InnerConfigData[item.config_data.tool_class].features.length > 2 && (
+                    <Tooltip
+                      title={<Flex wrap gap={6}>{InnerConfigData[item.config_data.tool_class].features?.slice(2, InnerConfigData[item.config_data.tool_class].features.length).map((type, i) => (
+                        <div key={i} className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5 rb:text-[#171719]">{type}</div>
+                      ))}</Flex>}
+                      color="white"
+                      placement="bottom"
+                    >
+                      <div className="rb:bg-[#F6F6F6] rb:rounded-md rb:py-px rb:px-1 rb:text-[12px] rb:leading-4.5">+{InnerConfigData[item.config_data.tool_class].features.length - 2}</div>
+                    </Tooltip>
+                  )}
+                </Flex>
 
-                  <div className="rb:mt-4 rb:flex rb:items-center rb:justify-end">
-                    {item.config_data.tool_class === 'DateTimeTool' || item.config_data.tool_class === 'JsonTool' ? 
-                        <EyeOutlined className="rb:text-5 rb:text-[#5B6167]! rb:hover:text-[#212332]!" onClick={() => handleEdit(item)} />
-                    : <div
-                        className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]"
-                      onClick={() => handleEdit(item)}
-                    ></div>
-                    }
-                  </div>
-                </div>
+                <Row className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2! rb:px-3! rb:leading-5">
+                  {item.config_data.tool_class === 'DateTimeTool'
+                    ? <>
+                      <Col span={12}>
+                        <div className="rb:text-[#5B6167] rb:mb-1">{t('tool.currentTime')}</div>
+                        {curTime.format('YYYY-MM-DD HH:mm:ss')}
+                      </Col>
+                      <Col span={12}>
+                        <div className="rb:text-[#5B6167] rb:mb-1">{t('tool.timestamp')}</div>
+                        {curTime.unix()}
+                      </Col>
+                    </>
+                    : item.config_data.tool_class === 'JsonTool'
+                      ? <Col span={24}>
+                        <div className="rb:text-[#5B6167] rb:mb-1">{t('tool.jsonEg')}</div>
+                        {InnerConfigData[item.config_data.tool_class].eg}
+                      </Col>
+                      : <Col span={24}>
+                        <div className="rb:text-[#5B6167] rb:mb-1">{t('configStatus')}</div>
+                        {t(`tool.${item.status}_desc`)}
+                      </Col>
+                  }
+                </Row>
               </RbCard>
-            </List.Item>
-          )}
-          className="rb:h-[calc(100vh-178px)] rb:overflow-y-auto rb:overflow-x-hidden"
-        />
+            </Col>
+          ))}
+        </Row>
       </BodyWrapper>
 
       <TimeToolModal
@@ -160,7 +156,7 @@ const Inner: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getS
         ref={innerToolModalRef}
         refreshTable={getData}
       />
-    </div>
+    </>
   );
 };
 
diff --git a/web/src/views/ToolManagement/Market.tsx b/web/src/views/ToolManagement/Market.tsx
index 310637d7..2c2cb6a9 100644
--- a/web/src/views/ToolManagement/Market.tsx
+++ b/web/src/views/ToolManagement/Market.tsx
@@ -1,14 +1,20 @@
 import React, { useState, useRef, useEffect, useCallback, type ReactNode } from 'react';
-import { Input, Button, App, Card, Space, Skeleton, Tag } from 'antd';
-import { SearchOutlined, SettingOutlined, GlobalOutlined, SyncOutlined } from '@ant-design/icons';
+import { Button, App, Space, Row, Col, Flex, Tooltip } from 'antd';
 import { useTranslation } from 'react-i18next';
 import InfiniteScroll from 'react-infinite-scroll-component';
+import clsx from 'clsx'
+
 import MarketConfigModal, { type MarketConfigModalRef } from './components/MarketConfigModal';
 import McpServiceModal from './components/McpServiceModal';
 import type { McpServiceModalRef } from './types';
 import pageEmptyIcon from '@/assets/images/empty/pageEmpty.png'
 import Empty from '@/components/Empty/index'
 import { getMarketTools, getMarketConfig, getMarketMCPs, getMarketMCPDetail, getMarketMCPsActivated, getTools } from '@/api/tools';
+import SearchInput from '@/components/SearchInput';
+import RbCard from '@/components/RbCard'
+import Tag from '@/components/Tag'
+import marketIcon from '@/assets/images/tool/market.png'
+
 interface MarketSource {
   id: string;
   name: string;
@@ -97,6 +103,9 @@ const Market: React.FC<{ getStatusTag?: (status: string) => ReactNode }> = () =>
           });
           
           setCategories(Array.from(categoryMap.values()));
+          if (response.items[0]?.id) {
+            handleSelectSource(response.items[0]?.id)
+          }
         }
       } catch (error) {
         console.error('获取市场数据失败:', error);
@@ -223,6 +232,7 @@ const Market: React.FC<{ getStatusTag?: (status: string) => ReactNode }> = () =>
   };
 
   const handleSelectSource = async (sourceId: string) => {
+    if (sourceId === selectedSource) return
     setSelectedSource(sourceId);
     setSearchKeyword('');
     setCurrentPage(1);
@@ -235,21 +245,6 @@ const Market: React.FC<{ getStatusTag?: (status: string) => ReactNode }> = () =>
     await fetchMcpList(sourceId, 1);
   };
 
-  const handleRefresh = async (sourceId: string) => {
-    // 清除缓存，重新从第一页加载
-    setMcpCache(prev => {
-      const next = { ...prev };
-      delete next[sourceId];
-      return next;
-    });
-    setCurrentPage(1);
-    await fetchMcpList(sourceId, 1);
-    const source = marketSources.find(s => s.id === sourceId);
-    if (source) {
-      message.success(`${source.name} ${t('tool.marketRefreshSuccess')}`);
-    }
-  };
-
   const handleOpenConfig = async (sourceId: string) => {
     const source = marketSources.find(s => s.id === sourceId);
     if (!source) return;
@@ -329,13 +324,13 @@ const Market: React.FC<{ getStatusTag?: (status: string) => ReactNode }> = () =>
     if (!selectedSource) {
       return (
         <div className="rb:flex rb:flex-col rb:items-center rb:justify-center rb:h-full rb:text-center">
-             <Empty
-                url={pageEmptyIcon}
-                title={t('tool.marketSelectTitle')}
-                subTitle={t('tool.marketSelectDesc')}
-                size={200}
-                className="rb:h-full"
-              />
+          <Empty
+            url={pageEmptyIcon}
+            title={t('tool.marketSelectTitle')}
+            subTitle={t('tool.marketSelectDesc')}
+            size={200}
+            className="rb:h-full"
+          />
 
         </div>
       );
@@ -348,230 +343,170 @@ const Market: React.FC<{ getStatusTag?: (status: string) => ReactNode }> = () =>
 
     return (
       <>
-        <div className="rb:flex rb:justify-between rb:items-center rb:pb-0">
-          <div className="rb:flex rb:items-center rb:gap-4">
-            <div className="rb:w-10 rb:h-10 rb:flex rb:items-center rb:justify-center rb:bg-gray-50 rb:rounded-xl rb:flex-shrink-0 rb:overflow-hidden">
+        <Flex justify="space-between" align="center">
+          <Flex gap={12} align="center" className="rb:pl-1!">
+            <Flex align="center" justify="center" className="rb:size-12">
               {source.logo_url ? (
-                <img 
-                  src={source.logo_url} 
-                  alt={source.name} 
-                  className="rb:w-full rb:h-full rb:object-cover"
+                <img
+                  src={source.logo_url}
+                  alt={source.name}
+                  className="rb:w-full rb:h-full rb:object-cover  rb:rounded-xl"
                   referrerPolicy="no-referrer"
                   onError={(e) => {
-                    e.currentTarget.style.display = 'none';
-                    const parent = e.currentTarget.parentElement;
-                    if (parent) {
-                      parent.innerHTML = '🏪';
-                      parent.style.fontSize = '48px';
-                    }
+                    e.currentTarget.src = marketIcon
                   }}
                 />
               ) : (
-                <span className="rb:text-5xl">🏪</span>
+                <div className="rb:size-12  rb:rounded-xl rb:bg-cover rb:bg-[url('@/assets/images/tool/market.png')]"></div>
               )}
+            </Flex>
+            <div>
+              <div className="rb:font-[MiSans Bold] rb:font-bold rb:text-[16px] rb:leading-5.5">{source.name}</div>
+              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{t('tool.availableMcp')} ({mcpTotal})</div>
             </div>
-            <div className="rb:flex rb:items-center rb:flex-1">
-              <h2 className="rb:text-xl rb:font-semibold rb:text-gray-900 rb:mb-2 rb:mr-2">{source.name}</h2>
-              可用 MCP 服务 <span className="rb:text-gray-600 rb:font-normal">({mcpTotal})</span>
-              {/* <p className="rb:text-sm rb:text-gray-600 rb:leading-relaxed">{source.description}</p> */}
-            </div>
-          </div>
+          </Flex>
 
-          <div className="rb:flex rb:gap-3">
-            <div className="rb:flex rb:gap-3 rb:items-center">
-              {source.connected && (
-                <Button size="small" icon={<SyncOutlined />} onClick={() => handleRefresh(selectedSource)}>
-                  {t('tool.marketRefresh')}
-                </Button>
-              )}
-              
-                <Input
-                  prefix={<SearchOutlined />}
-                  placeholder={t('tool.marketSearchPlaceholder')}
-                  value={searchKeyword}
-                  onChange={(e) => handleSearchChange(e.target.value)}
-                  allowClear
-                  style={{ width: 200 }}
-                  
-                />
-              
-            </div>
-            <Button icon={<SettingOutlined />} onClick={() => handleOpenConfig(selectedSource)}>
+          <Space size={12}>
+            <SearchInput
+              placeholder={t('tool.marketSearchPlaceholder')}
+              value={searchKeyword}
+              onSearch={(value: string) => handleSearchChange(value)}
+              allowClear
+              style={{ width: 200 }}
+            />
+            <Button type="primary" ghost onClick={() => handleOpenConfig(selectedSource)}>
               {t('tool.marketConfigBtn')}
             </Button>
-            <Button type="primary" icon={<GlobalOutlined />} onClick={() => window.open(source.url, '_blank')}>
+            <Button type="primary" onClick={() => window.open(source.url, '_blank')}>
               {t('tool.marketVisit')}
             </Button>
-          </div>
-        </div>
+          </Space>
+        </Flex>
 
-        <div className="rb:mt-6">
-            <div id="mcpScrollableDiv" className="rb:overflow-y-auto rb:h-[calc(100vh-260px)]">
-              {!loading && mcpList.length === 0 ? (
-                <Empty
-                  url={pageEmptyIcon}
-                  title={searchKeyword ? t('tool.marketNoSearchResult') : t('tool.marketNoData')}
-                  subTitle={searchKeyword ? t('tool.marketNoSearchResultDesc') : t('tool.marketNoDataDesc')}
-                  size={200}
-                  className="rb:h-full"
-                />
-              ) : (
-              <InfiniteScroll
-                dataLength={mcpList.length}
-                next={loadMore}
-                hasMore={hasMore}
-                loader={null}
-                scrollableTarget="mcpScrollableDiv"
-              >
-                <div 
-                  className="rb:gap-4" 
-                  style={{
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))'
-                  }}
-                >
-                  {mcpList.map(mcp => (
-                  <div 
-                    key={mcp.id} 
-                    className="rb:bg-white rb:border rb:border-gray-200 rb:rounded-lg rb:p-4 rb:pb-2 rb:transition-all rb:duration-200 hover:rb:shadow-lg hover:rb:border-gray-300"
+        <div className="rb:mt-4">
+          <div id="mcpScrollableDiv" className="rb:overflow-y-auto rb:h-[calc(100vh-188px)]">
+            {!loading && mcpList.length === 0 ? (
+              <Empty
+                url={pageEmptyIcon}
+                title={searchKeyword ? t('tool.marketNoSearchResult') : t('tool.marketNoData')}
+                subTitle={searchKeyword ? t('tool.marketNoSearchResultDesc') : t('tool.marketNoDataDesc')}
+                size={200}
+                className="rb:h-full"
+              />
+            ) : (
+            <InfiniteScroll
+              dataLength={mcpList.length}
+              next={loadMore}
+              hasMore={hasMore}
+              loader={null}
+              scrollableTarget="mcpScrollableDiv"
+            >
+              <Row gutter={[12,12]}>
+                {mcpList.map(mcp => (
+                  <Col
+                    key={mcp.id}
+                    span={12}
                   >
-                    <div className="rb:flex rb:justify-between rb:items-center rb:mb-3">
-                      <div className="rb:w-12 rb:h-12 rb:flex rb:items-center rb:justify-center rb:bg-gray-50 rb:rounded-lg rb:overflow-hidden">
-                        {mcp.logo_url ? (
-                          <img 
-                            src={mcp.logo_url} 
-                            alt={getLocaleField(mcp, 'name')} 
-                            className="rb:w-full rb:h-full rb:object-cover"
-                            referrerPolicy="no-referrer"
-                            onError={(e) => {
-                              e.currentTarget.style.display = 'none';
-                              const parent = e.currentTarget.parentElement;
-                              if (parent) {
-                                parent.innerHTML = '🔧';
-                                parent.style.fontSize = '24px';
-                              }
-                            }}
-                          />
-                        ) : (
-                          <span className="rb:text-3xl">🔧</span>
-                        )}
-                      </div>
-                      {mcp.categories?.[0] && (
-                        <span className="rb:px-2 rb:py-1 rb:rounded rb:text-xs rb:font-medium rb:bg-blue-50 rb:text-blue-700">
-                          {mcp.categories[0]}
-                        </span>
-                      )}
-                    </div>
-                    <h3 className="rb:text-base rb:font-semibold rb:text-gray-900 rb:mb-1">{getLocaleField(mcp, 'name')}</h3>
-                    {mcp.publisher && (
-                      <div className="rb:mb-2">
-                        <span className="rb:text-xs rb:text-gray-500">{mcp.publisher.startsWith('@') ? mcp.publisher : `@${mcp.publisher}`}</span>
-                      </div>
-                    )}
-                    <p className="rb:text-sm rb:text-gray-600 rb:line-clamp-2 rb:mb-3 rb:min-h-10">{getLocaleField(mcp, 'description')}</p>
-                    <div className="rb:flex rb:gap-4 rb:mb-3 rb:pt-3 rb:border-t rb:border-gray-100">
-                      {mcp.view_count != null && (
-                        <span className="rb:flex rb:items-center rb:gap-1 rb:text-xs rb:text-gray-500">
-                          <GlobalOutlined /> {mcp.view_count.toLocaleString()}
-                        </span>
-                      )}
-                    </div>
-                    <div className={`rb:flex rb:items-center ${mcp.activated || mcp.inDatabase ? 'rb:justify-between' : 'rb:justify-end'}`}>
-                      <div className="rb:flex rb:gap-2">
-                        {mcp.activated && <Tag color="success">{t('tool.marketActivated')}</Tag>}
-                        {mcp.inDatabase && <Tag color="blue">{t('tool.marketInDatabase')}</Tag>}
-                      </div>
-                      <Button disabled={mcp.inDatabase} type="primary" size="small" onClick={() => handleOpenMcpServiceModal(mcp)}>
-                        + {t('tool.marketAdd')}
-                      </Button>
-                    </div>
-                  </div>
+                    <RbCard
+                      avatarUrl={mcp.logo_url || marketIcon}
+                      title={
+                        <Flex justify="space-between" gap={16}>
+                          <Flex vertical gap={6}>
+                            <Tooltip title={getLocaleField(mcp, 'name')}>
+                              <div className="rb:wrap-break-word rb:line-clamp-1">{getLocaleField(mcp, 'name')}</div>
+                            </Tooltip>
+                            <Flex gap={8} wrap className='rb:wrap-break-word rb:line-clamp-1'>
+                              {mcp.categories?.[0] && (
+                                <Tag>{mcp.categories[0]}</Tag>
+                              )}
+                              {mcp.activated && <Tag color="success">{t('tool.marketActivated')}</Tag>}
+                              {mcp.inDatabase && <Tag>{t('tool.marketInDatabase')}</Tag>}
+                            </Flex>
+                          </Flex>
+                          <Button
+                            disabled={mcp.inDatabase}
+                            size="small"
+                            onClick={() => handleOpenMcpServiceModal(mcp)}
+                          >+</Button>
+                        </Flex>
+                      }
+                      isNeedTooltip={false}
+                      footer={<Flex justify="space-between" align="center" className="rb:text-[#5B6167] rb:text-[12px] rb:mb-1!">
+                        {mcp.publisher && <span>{mcp.publisher.startsWith('@') ? mcp.publisher : `@${mcp.publisher}`}</span>}
+                        {mcp.view_count && <Space size={4}>
+                          <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/global_outline.svg')]"></div>
+                          {mcp.view_count.toLocaleString()}
+                        </Space>}
+                      </Flex>}
+                    >
+                      {getLocaleField(mcp, 'description') ?
+                        <Tooltip title={getLocaleField(mcp, 'description')}>
+                          <div className="rb:h-10 rb:leading-5 rb:wrap-break-word rb:line-clamp-2 rb:mt-2">{getLocaleField(mcp, 'description')}</div>
+                        </Tooltip>
+                        : <div className="rb:h-10 rb:leading-5 rb:text-[#A8A9AA] rb:mt-2">{t('tool.descEmpty')}</div>  
+                      }
+                    </RbCard>
+                  </Col>
                 ))}
-                </div>
-              </InfiniteScroll>
-              )}
-            </div>
+              </Row>
+            </InfiniteScroll>
+            )}
+          </div>
         </div>
       </>
     );
   };
 
   return (
-    <div className="rb:flex rb:gap-4 rb:h-[calc(100vh-138px)]">
-      {/* 左侧市场源列表 */}
-      <div className="rb:w-80 rb:h-full rb:overflow-y-auto">
-        <Space size={12} direction="vertical" className="rb:w-full">
+    <Row gutter={16}>
+      <Col flex="380px">
+        <Flex vertical gap={16}>
+          <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-5.5">{t('tool.mcpMarket')}</div>
           {categories.map(cat => (
-            <Card
-              key={cat.id}
-              type="inner"
-              title={
-                <div className="rb:flex rb:items-center rb:gap-2">
-                  <span>{cat.name}</span>
-                </div>
-              }
-              classNames={{
-                body: "rb:p-[10px]!",
-                header: "rb:bg-[#F6F8FC]!"
-              }}
-            >
-              <Space size={8} direction="vertical" className="rb:w-full">
-                {marketSources
-                  .filter(s => s.category === cat.id)
-                  .map(source => (
-                    <div
-                      key={source.id}
-                      className={`rb:bg-white rb:rounded-lg rb:p-2 rb:border rb:cursor-pointer rb:flex rb:items-center rb:gap-2 rb:transition-all ${
-                        selectedSource === source.id 
-                          ? 'rb:border-[#155EEF] rb:shadow-[0px_2px_4px_0px_rgba(33,35,50,0.15)]' 
-                          : 'rb:border-[#DFE4ED] rb:hover:border-[#155EEF] rb:hover:shadow-[0px_2px_4px_0px_rgba(33,35,50,0.15)]'
-                      }`}
-                      onClick={() => handleSelectSource(source.id)}
-                    >
-                      <div className="rb:w-5 rb:h-5 rb:flex-shrink-0 rb:flex rb:items-center rb:justify-center rb:overflow-hidden rb:rounded rb:bg-gray-100">
-                        {source.logo_url ? (
-                          <img 
-                            src={source.logo_url} 
-                            alt={source.name} 
-                            className="rb:w-full rb:h-full rb:object-cover"
-                            referrerPolicy="no-referrer"
-                            onError={(e) => {
-                              e.currentTarget.style.display = 'none';
-                              const parent = e.currentTarget.parentElement;
-                              if (parent) {
-                                parent.innerHTML = '🏪';
-                                parent.style.fontSize = '16px';
-                              }
-                            }}
-                          />
-                        ) : (
-                          <span className="rb:text-base">🏪</span>
-                        )}
-                      </div>
-                      <span className="rb:flex-1 rb:font-medium rb:text-[12px] rb:overflow-hidden rb:text-ellipsis rb:whitespace-nowrap">
-                        {source.name}
-                      </span>
-                      {/* <span className="rb:text-xs rb:text-gray-500 rb:px-1.5 rb:py-0.5 rb:bg-gray-100 rb:rounded-full rb:flex-shrink-0">
-                        {source.mcp_count}
-                      </span> */}
-                      {source.connected && (
-                        <span className="rb:text-green-500 rb:text-[8px] rb:flex-shrink-0">●</span>
+            <Flex key={cat.id} vertical gap={8}>
+              <div className="rb:text-[#5B6167] rb:text-[12px] rb:font-medium rb:leading-4.5">
+                {cat.name}
+              </div>
+              {marketSources
+                .filter(s => s.category === cat.id)
+                .map(source => (
+                  <Flex
+                    key={source.id}
+                    align="center"
+                    gap={8}
+                    className={clsx('rb:bg-white rb:rounded-xl rb:py-2! rb:px-3! rb:cursor-pointer rb:transition-all', {
+                      'rb:border rb:border-[#171719]': selectedSource === source.id,
+                      'rb:shadow-[0px_2px_6px_0px_rgba(23,23,25,0.1)]': selectedSource !== source.id
+                    })}
+                    onClick={() => handleSelectSource(source.id)}
+                  >
+                    <div className="rb:size-7 rb:shrink-0 rb:flex rb:items-center rb:justify-center rb:overflow-hidden rb:rounded rb:bg-gray-100">
+                      {source.logo_url ? (
+                        <img
+                          src={source.logo_url}
+                          alt={source.name}
+                          className="rb:w-full rb:h-full rb:object-cover rb:rounded-sm"
+                          referrerPolicy="no-referrer"
+                          onError={(e) => {
+                            e.currentTarget.src = marketIcon;
+                          }}
+                        />
+                      ) : (
+                        <div className="rb:size-7 rb:rounded-sm rb:bg-cover rb:bg-[url('@/assets/images/tool/market.png')]"></div>
                       )}
                     </div>
-                  ))}
-              </Space>
-            </Card>
+                    <span className="rb:flex-1 rb:font-medium rb:overflow-hidden rb:text-ellipsis rb:whitespace-nowrap">
+                      {source.name}
+                    </span>
+                  </Flex>
+                ))}
+            </Flex>
           ))}
-        </Space>
-      </div>
-
-      {/* 右侧内容区 */}
-      <div className="rb:flex-1 rb:border-l rb:border-gray-200 rb:overflow-hidden">
-        <div className="rb:h-full rb:overflow-y-auto rb:p-6">
-          {renderSourceDetail()}
-        </div>
-      </div>
-
+        </Flex>
+      </Col>
+      <Col flex="1">
+        {renderSourceDetail()}
+      </Col>
       {/* 配置弹窗 */}
       <MarketConfigModal
         ref={marketConfigModalRef}
@@ -581,7 +516,7 @@ const Market: React.FC<{ getStatusTag?: (status: string) => ReactNode }> = () =>
         ref={mcpServiceModalRef}
         refresh={handleRefreshAfterAdd}
       />
-    </div>
+    </Row>
   );
 };
 
diff --git a/web/src/views/ToolManagement/Mcp.tsx b/web/src/views/ToolManagement/Mcp.tsx
index 90883b36..d24eee3b 100644
--- a/web/src/views/ToolManagement/Mcp.tsx
+++ b/web/src/views/ToolManagement/Mcp.tsx
@@ -1,37 +1,38 @@
-import React, { useState, useRef, useEffect, type ReactNode } from 'react';
+import { useState, useRef, useEffect, forwardRef, useImperativeHandle, type ReactNode } from 'react';
 import {
-  Button,
-  Row,
-  Col,
   App,
-  List,
   Space,
+  Tooltip,
+  Dropdown,
+  Flex,
+  Row, Col,
 } from 'antd';
-import { LinkOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
 
-import type { ToolItem, Query, McpServiceModalRef } from './types';
+import type { ToolItem, McpServiceModalRef, McpRef } from './types';
 import McpServiceModal from './components/McpServiceModal';
-import SearchInput from '@/components/SearchInput'
 import BodyWrapper from '@/components/Empty/BodyWrapper'
-import RbCard from '@/components/RbCard/Card'
+import RbCard from '@/components/RbCard'
 import { getTools, deleteTool, testConnection } from '@/api/tools'
+import { formatDateTime } from '@/utils/format'
 
-const Mcp: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getStatusTag }) => {
+const Mcp = forwardRef<McpRef, { getStatusTag: (status: string) => ReactNode; keyword?: string | undefined }>(({ getStatusTag, keyword }, ref) => {
   const { t } = useTranslation();
   const { message, modal } = App.useApp()
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState<ToolItem[]>([]);
-  const [query, setQuery] = useState<Query>({ name: undefined, tool_type: 'mcp' });
   const addServiceModalRef = useRef<McpServiceModalRef>(null);
 
   useEffect(() => {
     getData()
-  }, [query.name])
+  }, [keyword])
 
   const getData = () => {
     setLoading(true)
-    getTools(query)
+    getTools({
+      tool_type: 'mcp',
+      name: keyword
+    })
       .then((res) => {
         setData(res as ToolItem[])
       })
@@ -39,9 +40,8 @@ const Mcp: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getSta
         setLoading(false)
       })
   }
-  const handleSearch = (value?: string) => {
-    setQuery(prev => ({ ...prev, name: value }))
-  }
+
+  useImperativeHandle(ref, () => ({ handleEdit, getData }));
 
   // 打开添加服务弹窗
   const handleEdit = (data?: ToolItem) => {
@@ -82,79 +82,68 @@ const Mcp: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getSta
   };
 
   return (
-    <div>
-      <Row gutter={16} className='rb:mb-4 rb:w-full'>
-        <Col span={8}>
-          <SearchInput
-            placeholder={t('tool.mcpSearchPlaceholder')}
-            onSearch={handleSearch}
-            style={{width: '100%'}}
-          />
-        </Col>
-        <Col span={16} className="rb:text-right">
-          <Button type="primary" onClick={() => {handleEdit()}}>{t('tool.addService')}</Button>
-        </Col>
-      </Row>
+    <>
       <BodyWrapper loading={loading} empty={data?.length === 0}>
-        <List
-          grid={{ gutter: 16, column: 3 }}
-          dataSource={data}
-          renderItem={(item) => (
-            <List.Item key={item.id}>
+        <Row
+          gutter={[16, 16]}
+          className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto"
+        >
+          {data.map((item) => (
+            <Col span={8} key={item.id}>
               <RbCard
-                // avatar={
-                //   <div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
-                //     {item.name[0]}
-                //   </div>
-                // }
-                title={item.name}
-                extra={getStatusTag(item.status)}
-              >
-                <div>
-                  {[
-                    'server_url',
-                    'last_health_check',
-                  ].map(key => {
-                    const value = item.config_data?.[key as keyof typeof item.config_data];
-                    let displayValue: React.ReactNode;
-                    
-                    if (key === 'last_health_check') {
-                      displayValue = value ? new Date(value as number).toLocaleString() : '-';
-                    } else if (typeof value === 'string' || typeof value === 'number') {
-                      displayValue = value;
-                    } else {
-                      displayValue = '-';
-                    }
-                    
-                    return (
-                      <div 
-                        key={key}
-                        className="rb:flex rb:gap-4 rb:justify-start rb:text-[#5B6167] rb:text-[14px] rb:leading-5 rb:mb-3"
-                      >
-                        <div className="rb:whitespace-nowrap rb:w-27.5">{t(`tool.${key}`)}</div>
-                        <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1">{displayValue}</div>
-                      </div>
-                    );
-                  })}
-                  <div className="rb:mt-4 rb:text-[12px] rb:leading-4 rb:font-regular rb:text-[#5B6167] rb:flex rb:items-center rb:justify-end">
-                    <Space size={16}>
-                      <div 
-                        className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]" 
-                        onClick={() => handleEdit(item)}
-                      ></div>
-                      <Button type="text" icon={<LinkOutlined />} onClick={() => handleTestConnection(item)}></Button>
-                      <div 
-                        className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]" 
-                        onClick={() => handleDeleteService(item)}
-                      ></div>
+                title={
+                  <Flex justify="space-between" gap={16}>
+                    <Space size={8} className="rb:flex-1!">
+                      <Tooltip title={item.name}>
+                        <div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
+                      </Tooltip>
+                      {getStatusTag(item.status)}
                     </Space>
+                    <Dropdown
+                      menu={{
+                        items: [
+                          {
+                            key: 'edit',
+                            icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/edit_bold.svg')]" />,
+                            label: t('common.edit'),
+                            onClick: () => handleEdit(item),
+                          },
+                          {
+                            key: 'link',
+                            icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/link.svg')]" />,
+                            label: t('tool.testLink'),
+                            onClick: () => handleTestConnection(item),
+                          },
+                          {
+                            key: 'delete',
+                            className: 'rb:text-[#FF5D34]!',
+                            icon: <div className="rb:size-4 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/common/delete_red_big.svg')]" />,
+                            label: t('common.delete'),
+                            onClick: () => handleDeleteService(item),
+                          },
+                        ]
+                      }}
+                      placement="bottomRight"
+                    >
+                      <div className="rb:cursor-pointer rb:size-5.5 rb:bg-[url('@/assets/images/common/more.svg')] rb:hover:bg-[url('@/assets/images/common/more_hover.svg')]"></div>
+                    </Dropdown>
+                  </Flex>
+                }
+                isNeedTooltip={false}
+              >
+                <Flex vertical gap={4} className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2! rb:px-3! rb:text-[#5B6167] rb:leading-5">
+                  {t(`tool.server_url`)}
+                  <div className="rb:h-10 rb:break-all rb:line-clamp-2 rb:text-[#171719]">
+                    {item.config_data?.server_url}
                   </div>
-                </div>
+                </Flex>
+                <div className="rb:text-[#5B6167] rb:leading-4.5 rb:text-[12px] rb:mt-4">{t('tool.last_health_check')}: {formatDateTime(item.config_data?.last_health_check)}</div>
+
               </RbCard>
-            </List.Item>
-          )}
-          className="rb:h-[calc(100vh-178px)] rb:overflow-y-auto rb:overflow-x-hidden"
-        />
+            </Col>
+          ))}
+          <Col span={8}></Col>
+        </Row>
       </BodyWrapper>
 
       {/* 添加服务弹窗组件 */}
@@ -162,8 +151,8 @@ const Mcp: React.FC<{ getStatusTag: (status: string) => ReactNode }> = ({ getSta
         ref={addServiceModalRef}
         refresh={getData} 
       />
-    </div>
+    </>
   );
-};
+});
 
 export default Mcp;
\ No newline at end of file
diff --git a/web/src/views/ToolManagement/components/CustomToolModal.tsx b/web/src/views/ToolManagement/components/CustomToolModal.tsx
index 0ea8aca9..cbcddb7c 100644
--- a/web/src/views/ToolManagement/components/CustomToolModal.tsx
+++ b/web/src/views/ToolManagement/components/CustomToolModal.tsx
@@ -12,21 +12,23 @@ const FormItem = Form.Item;
 interface CustomToolModalProps {
   refresh: () => void;
 }
+
+interface OperationItem {
+  method: string;
+  path: string;
+  summary: string;
+  description: string;
+  parameters: Record<string, Record<string, string | null>>
+  request_body: null | string;
+  responses: Record<string, Record<string, string | null>>
+  tags: string[]
+}
 interface ParseSchemaData {
   title: string;
   description: string;
   version: string;
   base_url: string;
-  operations: Array<{
-    method: string;
-    path: string;
-    summary: string;
-    description: string;
-    parameters: Record<string, Record<string, string | null>>
-    request_body: null | string;
-    responses: Record<string, Record<string, string | null>>
-    tags: string[]
-  }>
+  operations: OperationItem[]
 }
 const authTypeList = ['none', 'api_key', 'basic_auth']
 const CustomToolModal = forwardRef<CustomToolModalRef, CustomToolModalProps>(({
@@ -170,9 +172,10 @@ const CustomToolModal = forwardRef<CustomToolModalRef, CustomToolModalProps>(({
         <Form.Item
           label={t('tool.availableTools')}
         >
-          <Table
+          <Table<OperationItem>
             rowKey="summary"
             pagination={false}
+            bordered={true}
             columns={[
               {
                 title: t('tool.name'),
diff --git a/web/src/views/ToolManagement/components/InnerToolModal.tsx b/web/src/views/ToolManagement/components/InnerToolModal.tsx
index d3912ced..9d3b1cb2 100644
--- a/web/src/views/ToolManagement/components/InnerToolModal.tsx
+++ b/web/src/views/ToolManagement/components/InnerToolModal.tsx
@@ -94,7 +94,7 @@ const InnerToolModal = forwardRef<InnerToolModalRef, InnerToolModalProps>(({
       confirmLoading={loading}
     >
       {editVo?.config_data?.tool_class && config && <>
-        <RbAlert className="rb:mb-3">
+        <RbAlert className="rb:mb-3!">
           <div>
             <div className="rb:text-[14px] rb:font-medium">{t('tool.configDesc')}</div>
             <div className="rb:mt-2">{t(`tool.${editVo?.config_data?.tool_class}_config_desc`)}</div>
diff --git a/web/src/views/ToolManagement/components/McpServiceModal.tsx b/web/src/views/ToolManagement/components/McpServiceModal.tsx
index 0e344049..d2c453d8 100644
--- a/web/src/views/ToolManagement/components/McpServiceModal.tsx
+++ b/web/src/views/ToolManagement/components/McpServiceModal.tsx
@@ -355,9 +355,10 @@ const McpServiceModal = forwardRef<McpServiceModalRef, McpServiceModalProps>(({
           {requestHeaderList.length === 0
             ? <Empty size={88} />
             : 
-            <Table
+            <Table<RequestHeader>
               rowKey="key"
               pagination={false}
+              bordered={true}
               columns={[
                 {
                   title: t('tool.requestHeaderName'),
@@ -381,7 +382,7 @@ const McpServiceModal = forwardRef<McpServiceModalRef, McpServiceModalProps>(({
                     <Space size="middle">
                       <Button
                         type="link"
-                        onClick={() => handleEditRequestHeader(index, record as RequestHeader)}
+                        onClick={() => handleEditRequestHeader(index, record)}
                       >
                         {t('common.edit')}
                       </Button>
diff --git a/web/src/views/ToolManagement/index.tsx b/web/src/views/ToolManagement/index.tsx
index e790c7ba..fda22ed9 100644
--- a/web/src/views/ToolManagement/index.tsx
+++ b/web/src/views/ToolManagement/index.tsx
@@ -6,8 +6,8 @@
  * @LastEditors: yujiangping
  * @LastEditTime: 2026-03-06 15:11:31
  */
-import React, { useState } from 'react';
-import { Tabs } from 'antd';
+import React, { useState, useRef } from 'react';
+import { type SegmentedProps, Flex, Space, Form, Button } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import Mcp from './Mcp';
@@ -15,20 +15,28 @@ import Inner from './Inner';
 import Custom from './Custom';
 import Market from './Market';
 import Tag from '@/components/Tag'
+import PageTabs from '@/components/PageTabs'
+import SearchInput from '@/components/SearchInput'
+import type { McpRef, CustomRef } from './types'
 
 const tabKeys = ['mcp', 'inner', 'custom', 'market'] // 
 const ToolManagement: React.FC = () => {
   const { t } = useTranslation();
-  const [activeTab, setActiveTab] = useState('mcp');
+  const [activeTab, setActiveTab] = useState<SegmentedProps['value']>('mcp');
+  const mcpRef = useRef<McpRef>(null);
+  const customRef = useRef<CustomRef>(null);
+  const [form] = Form.useForm();
+  const name = Form.useWatch(['name'], form)
 
   const formatTabItems = () => {
-    return tabKeys.map(key => ({
-      key,
-      label: t(`tool.${key}`),
+    return tabKeys.map(value => ({
+      value,
+      label: t(`tool.${value}`),
     }))
   }
-  const handleChangeTab = (key: string) => {
+  const handleChangeTab = (key: SegmentedProps['value']) => {
     setActiveTab(key);
+    form.resetFields()
   }
   // 获取状态标签
   const getStatusTag = (status: string) => {
@@ -45,17 +53,36 @@ const ToolManagement: React.FC = () => {
   };
 
   return (
-    <div className="rb:-mt-4">
-      <Tabs 
-        activeKey={activeTab} 
-        items={formatTabItems()} 
-        onChange={handleChangeTab}
-      />
-      {activeTab === 'mcp' && <Mcp getStatusTag={getStatusTag} />}
-      {activeTab === 'inner' && <Inner getStatusTag={getStatusTag} />}
-      {activeTab === 'custom' && <Custom getStatusTag={getStatusTag} />}
+    <>
+      <Flex justify="space-between" className="rb:mb-4!">
+        <PageTabs
+          value={activeTab}
+          options={formatTabItems()}
+          onChange={handleChangeTab}
+        />
+
+        {activeTab !== 'market' && <Form form={form}>
+          <Space size={12}>
+            <Form.Item name="name" noStyle>
+              <SearchInput
+                placeholder={t(`tool.${activeTab === 'mcp'
+                  ? 'mcpSearchPlaceholder'
+                  : activeTab === 'custom'
+                  ? 'customSearchPlaceholder'
+                  : 'innerSearchPlaceholder'
+                }`)}
+              />
+            </Form.Item>
+            {activeTab === 'mcp' && <Button type="primary" onClick={() => mcpRef.current?.handleEdit()}>{t('tool.addService')}</Button>}
+            {activeTab === 'custom' && <Button type="primary" onClick={() => customRef.current?.handleEdit()}>{t('tool.addCustom')}</Button>}
+          </Space>
+        </Form>}
+      </Flex>
+      {activeTab === 'mcp' && <Mcp ref={mcpRef} keyword={name} getStatusTag={getStatusTag} />}
+      {activeTab === 'inner' && <Inner keyword={name} getStatusTag={getStatusTag} />}
+      {activeTab === 'custom' && <Custom ref={customRef} keyword={name} getStatusTag={getStatusTag} />}
       {activeTab === 'market' && <Market getStatusTag={getStatusTag} />}
-    </div>
+    </>
   );
 };
 
diff --git a/web/src/views/ToolManagement/types.ts b/web/src/views/ToolManagement/types.ts
index 621b52fa..95576a5f 100644
--- a/web/src/views/ToolManagement/types.ts
+++ b/web/src/views/ToolManagement/types.ts
@@ -147,4 +147,11 @@ export interface MarketQuery {
   page?: number;
   pagesize?: number;
   keywords?: string;
+}
+export interface McpRef {
+  handleEdit: (data?: ToolItem) => void;
+  getData: () => void;
+}
+export interface CustomRef {
+  handleEdit: (data?: ToolItem) => void;
 }
\ No newline at end of file
diff --git a/web/src/views/UserManagement/index.tsx b/web/src/views/UserManagement/index.tsx
index 9629639a..2ffdc91b 100644
--- a/web/src/views/UserManagement/index.tsx
+++ b/web/src/views/UserManagement/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:51:08 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-25 15:44:54
+ * @Last Modified time: 2026-03-26 14:53:41
  */
 /**
  * User Management Page
@@ -10,7 +10,7 @@
  */
 
 import React, { useRef } from 'react';
-import { Button, Space, App } from 'antd';
+import { Button, App, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 import type { ColumnsType } from 'antd/es/table';
 
@@ -63,33 +63,38 @@ const UserManagement: React.FC = () => {
   };
 
   /** Table column configuration */
-  const columns: ColumnsType = [
+  const columns: ColumnsType<User> = [
     {
       title: t('user.userId'),
       dataIndex: 'id',
       key: 'id',
-      fixed: 'left',
+      width: 190,
+      className: 'rb:text-[#212332]'
     },
     {
-      title: <>{t('user.username')}<div className="rb:text-[#5B6167] rb:text-[12px] rb:font-medium">({t(`user.subUsername`)})</div></>,
+      title: <>{t('user.username')}<div>({t(`user.subUsername`)})</div></>,
       dataIndex: 'email',
       key: 'email',
+      width: 210,
     },
     {
       title: t('user.displayName'),
       dataIndex: 'username',
       key: 'username',
+      width: 130,
     },
     {
       title: t('user.role'),
       dataIndex: 'is_superuser',
       key: 'is_superuser',
+      width: 70,
       render: (isSuperuser: boolean) => isSuperuser ? t('user.superuser') : t('user.normalUser'),
     },
     {
       title: t('user.status'),
       dataIndex: 'is_active',
       key: 'is_active',
+      width: 80,
       render: (isActive: boolean) => (
         <StatusTag 
           text={isActive ? t('user.enabled') : t('user.disabled')}
@@ -101,20 +106,22 @@ const UserManagement: React.FC = () => {
       title: t('user.createTime'),
       dataIndex: 'created_at',
       key: 'created_at',
+      width: 110,
       render: (createdAt: string) => formatDateTime(createdAt, 'YYYY-MM-DD HH:mm:ss'),
     },
     {
       title: t('user.lastLoginTime'),
       dataIndex: 'last_login_at',
       key: 'last_login_at',
+      width: 110,
       render: (lastLoginAt: string) => lastLoginAt ? formatDateTime(lastLoginAt, 'YYYY-MM-DD HH:mm:ss') : '-',
     },
     {
       title: t('common.operation'),
       key: 'action',
-      fixed: 'right',
+      width: 137,
       render: (_, record) => (
-        <Space size="large">
+        <Flex vertical justify="start" align="start">
           {record.is_active &&
             <Button
               type="link"
@@ -129,20 +136,21 @@ const UserManagement: React.FC = () => {
           >
             {t(`user.${record.is_active ? 'disabledOpera' : 'enabledOpera'}`)}
           </Button>
-        </Space>
+        </Flex>
       ),
     },
   ];
 
   return (
-    <div className="rb:h-[calc(100vh-80px)] rb:overflow-hidden">
-      <div className="rb:flex rb:justify-end rb:mb-3">
+    <div className="rb:h-full rb:overflow-hidden rb:bg-white rb:rounded-lg rb:pt-3 rb:px-3">
+      <Flex justify="space-between" align="center" className="rb:px-1! rb:mb-3!">
+        <div className="rb:gont-[MiSans-Bold] rb:font-bold rb:text-[#212332] rb:leading-5">{t('user.userList')}</div>
         <Button type="primary" onClick={handleCreate}>
-          {t('user.createUser')}
+          + {t('user.createUser')}
         </Button>
-      </div>
+      </Flex>
 
-      <Table
+      <Table<User>
         ref={tableRef}
         apiUrl={getUserListUrl}
         apiParams={{
@@ -151,6 +159,7 @@ const UserManagement: React.FC = () => {
         columns={columns}
         rowKey="id"
         isScroll={true}
+        scrollY="calc(100vh - 248px)"
       />
 
       <CreateModal
diff --git a/web/src/views/UserManagement/types.ts b/web/src/views/UserManagement/types.ts
index 0250e925..62c93bde 100644
--- a/web/src/views/UserManagement/types.ts
+++ b/web/src/views/UserManagement/types.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:50:56 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-25 11:44:02
+ * @Last Modified time: 2026-03-27 16:03:32
  */
 /**
  * User data type
@@ -18,6 +18,7 @@ export interface User {
   current_workspace_id?: string;
   current_workspace_name?: string;
   role: 'member' | 'manager' | null;
+  permissions: string[];
   [key: string]: unknown;
 }
 
diff --git a/web/src/views/UserMemory/index.tsx b/web/src/views/UserMemory/index.tsx
index 653f09b0..1372929b 100644
--- a/web/src/views/UserMemory/index.tsx
+++ b/web/src/views/UserMemory/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:53:44 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-03 17:54:33
+ * @Last Modified time: 2026-03-26 14:58:48
  */
 /**
  * User Memory Page
@@ -12,14 +12,15 @@
 import { useEffect, useState, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom'
-import { Row, Col, List, Skeleton } from 'antd';
+import { Row, Col, Form, Flex, Tooltip } from 'antd';
 
-import Empty from '@/components/Empty'
 import type { Data } from './types'
 import { getUserMemoryList } from '@/api/memory';
 import { useUser } from '@/store/user'
 import RbCard from '@/components/RbCard/Card'
 import SearchInput from '@/components/SearchInput';
+import RbStatistic from '@/components/RbStatistic';
+import BodyWrapper from '@/components/Empty/BodyWrapper'
 
 export default function UserMemory() {
   const { t } = useTranslation();
@@ -27,7 +28,9 @@ export default function UserMemory() {
   const { storageType } = useUser()
   const [loading, setLoading] = useState<boolean>(false);
   const [data, setData] = useState<Data[]>([]);
-  const [search, setSearch] = useState<string | undefined>(undefined);
+
+  const [form] = Form.useForm()
+  const search = Form.useWatch(['search'], form)
 
   /** Fetch user memory list */
   useEffect(() => {
@@ -75,61 +78,65 @@ export default function UserMemory() {
   }, [search, data])
 
   return (
-    <div>
-      <Row gutter={16} className="rb:mb-4">
-        <Col span={8}>
-          <SearchInput
-            placeholder={t('userMemory.searchPlaceholder')}
-            onSearch={(value) => setSearch(value)}
-            style={{ width: '100%' }}
-          />
-        </Col>
-      </Row>
-      {loading ?
-        <Skeleton active />
-        : filterData.length > 0 ? (
-          <List
-            grid={{ gutter: 16, column: 3 }}
-            dataSource={filterData}
-            renderItem={(item, index) => {
-              const { end_user, memory_num, memory_config } = item as Data;
-              const name = end_user?.other_name && end_user?.other_name !== '' ? end_user?.other_name : end_user?.id
-              return (
-                <List.Item key={index}>
-                  <RbCard
-                    avatar={<div className="rb:w-12 rb:h-12 rb:text-center rb:font-semibold rb:text-[28px] rb:leading-12 rb:rounded-lg rb:text-[#FBFDFF] rb:bg-[#155EEF] rb:mr-2">{name[0]}</div>}
-                    title={name || '-'}
-                    extra={<div
-                      className="rb:w-7 rb:h-7 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/goto.svg')]"
-                    ></div>}
-                    className="rb:cursor-pointer"
-                    onClick={() => handleViewDetail(end_user.id)}
-                  >
-                    <div className="rb:flex rb:justify-between rb:items-center">
-                      <div>{t('userMemory.capacity')}</div>
-                      <div>{memory_num?.total || 0} {t('userMemory.memoryNum')}</div>
-                    </div>
-                    <div className="rb:flex rb:justify-between rb:items-center rb:mt-2.5">
-                      <div>{t('userMemory.type')}</div>
-                      <div>{t(`userMemory.${item.type || 'person'}`)}</div>
-                    </div>
+    <>
+      <Form form={form}>
+        <Row gutter={16} className="rb:mb-4">
+          <Col span={8}>
+            <Form.Item name="search" noStyle>
+              <SearchInput
+                placeholder={t('userMemory.searchPlaceholder')}
+                className="rb:w-full!"
+              />
+            </Form.Item>
+          </Col>
+        </Row>
+      </Form>
+      <BodyWrapper loading={loading} empty={data.length === 0}>
+        <Row
+          gutter={[12, 12]}
+          className="rb:max-h-[calc(100%-48px)] rb:overflow-y-auto"
+        >
+          {filterData.map((item, index) => {
+            const { end_user, memory_num, memory_config } = item as Data;
+            const name = end_user?.other_name && end_user?.other_name !== '' ? end_user?.other_name : end_user?.id
+            return (
+              <Col key={index} span={8}>
+                <RbCard
+                  title={<Flex gap={4}>
+                    <div className="rb:size-6 rb:text-center rb:font-semibold rb:leading-6 rb:rounded-md rb:text-white rb:bg-[#155EEF]">{name[0]}</div>
 
-                    <div className="rb:relative rb:z-2 rb:mt-3 rb:bg-[#F6F8FC] rb:rounded-lg rb:border rb:border-[#DFE4ED] rb:py-2 rb:px-3" onClick={handleViewMemoryConfig}>
-                      <div className="rb:text-[#5B6167] rb:leading-5 rb:flex rb:justify-between rb:items-center">
-                        {t('userMemory.memory_config_name')}
-                        <div
-                          className="rb:w-7 rb:h-7 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/arrow_right.svg')]"
-                        ></div>
-                      </div>
-                      <div className="rb:font-medium rb:leading-5 rb:mt-1">{memory_config?.memory_config_name || '-'}</div>
-                    </div>
-                  </RbCard>
-                </List.Item>
-              )
-            }}
-          />
-        ) : <Empty />
-      }
-    </div>
+                    <Tooltip title={name || '-'}><div className={`rb:flex-1 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap`}>{name || '-'}</div></Tooltip>
+                  </Flex>}
+                  headerType="border"
+                  headerClassName="rb:h-[48px]! rb:mx-4!"
+                  bodyClassName="rb:py-3! rb:px-4!"
+                  className="rb:cursor-pointer"
+                  onClick={() => handleViewDetail(end_user.id)}
+                >
+                  <Row>
+                    <Col span={12}>
+                      <RbStatistic title={t('userMemory.capacity')} value={memory_num?.total || 0} suffix={t('userMemory.memoryNum')} />
+                    </Col>
+                    <Col span={12}>
+                      <RbStatistic title={t('userMemory.type')} value={t(`userMemory.${item.type || 'person'}`)} />
+                    </Col>
+                  </Row>
+
+                  <div className="rb:relative rb:z-2 rb:mt-3 rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2 rb:px-3 rb:leading-5" onClick={handleViewMemoryConfig}>
+                    <Flex align="center" justify="space-between" className="rb:text-[#5B6167]">
+                      {t('userMemory.memory_config_name')}
+                      <div
+                        className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/arrow_right_dark.svg')]"
+                      ></div>
+                    </Flex>
+                    <div className="rb:font-medium rb:text-[#212332] rb:mt-1">{memory_config?.memory_config_name || '-'}</div>
+                  </div>
+                </RbCard>
+              </Col>
+            )
+          })}
+        </Row>
+      </BodyWrapper>
+    </>
   );
 }
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/Neo4j.tsx b/web/src/views/UserMemoryDetail/Neo4j.tsx
index fb237e4a..51be7c8d 100644
--- a/web/src/views/UserMemoryDetail/Neo4j.tsx
+++ b/web/src/views/UserMemoryDetail/Neo4j.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:57:26 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 17:57:26 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-26 18:59:53
  */
 /**
  * Neo4j User Memory Detail View
@@ -10,12 +10,12 @@
  * Shows profile, interests, node statistics, relationships, and insights
  */
 
-import { type FC, useRef, useState } from 'react'
-import { useParams } from 'react-router-dom'
-import { Row, Col, Space, Button } from 'antd'
+import { type FC, useRef, useState, type MouseEvent } from 'react'
+import clsx from 'clsx'
+import { useParams, useNavigate } from 'react-router-dom'
+import { Flex, Popover } from 'antd'
 import { useTranslation } from 'react-i18next';
 
-import PageHeader from './components/PageHeader'
 import EndUserProfile from './components/EndUserProfile'
 import AboutMe from './components/AboutMe'
 import InterestDistribution from './components/InterestDistribution'
@@ -28,21 +28,29 @@ import {
 } from '@/api/memory'
 
 const Neo4j: FC = () => {
-  const { t } = useTranslation();
   const { id } = useParams()
+  const { t } = useTranslation();
+  const navigate = useNavigate();
   const [loading, setLoading] = useState(false)
   const [name, setName] = useState('')
   const ref = useRef<EndUserProfileRef>(null)
   const memoryInsightRef = useRef<MemoryInsightRef>(null)
   const aboutMeRef = useRef<AboutMeRef>(null)
+  const [selectedKey, setSelectedKey] = useState<string | null>(null)
 
   /** Update displayed name */
   const handleNameUpdate = (data: { other_name?: string; id: string }) => {
     setName(data.other_name && data.other_name !== '' ? data.other_name : data.id)
   }
 
+  /** Navigate back */
+  const goBack = () => {
+    navigate('/user-memory', { replace: true })
+  }
+
   /** Refresh analytics data */
   const handleRefresh = () => {
+    if (loading) return;
     setLoading(true)
     analyticsRefresh(id as string)
       .then(res => {
@@ -59,42 +67,105 @@ const Neo4j: FC = () => {
       })
   }
 
-
+  const onOpenChange = (e: MouseEvent, type: string) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setSelectedKey(type)
+  }
 
   return (
-    <div className="rb:h-full rb:w-full">
-      <PageHeader 
-        name={name}
-        operation={(
-          <Button
-            loading={loading}
-            className="rb:group rb:h-7! rb:bg-transparent! rb:border-[#5B6167] rb:text-[#5B6167] rb:ml-3"
-            onClick={handleRefresh}
-          >
-            {!loading && <div
-              className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/refresh.svg')] rb:group-hover:bg-[url('@/assets/images/refresh_hover.svg')]"
-            ></div>}
-            {t('common.refresh')}
-          </Button>
-        )}
-      />
-      <div className="rb:h-[calc(100vh-64px)] rb:overflow-y-auto rb:py-3 rb:px-4">
-        <Row gutter={16}>
-          <Col span={8}>
-            <Space size={16} direction="vertical" className="rb:w-full">
-              <EndUserProfile ref={ref} onDataLoaded={handleNameUpdate} />
-              <AboutMe ref={aboutMeRef} />
-              <InterestDistribution />
-            </Space>
-          </Col>
-          <Col span={16}>
-            <Space size={16} direction="vertical" className="rb:w-full">
-              <NodeStatistics />
-              <RelationshipNetwork />
-              <MemoryInsight ref={memoryInsightRef} />
-            </Space>
-          </Col>
-        </Row>
+    <div className="rb:h-screen rb:w-screen rb:p-3 rb:relative" onClick={() => setSelectedKey(null)}>
+      <Flex className="rb:h-full!" gap={12}>
+        <Flex gap={15} vertical justify="space-between" align="center" className="rb:h-full! rb:px-4! rb:pt-6! rb:pb-5! rb:bg-white rb:w-20 rb:rounded-xl">
+          <Flex gap={15} vertical>
+            <Popover 
+              content={t('userMemory.memoryWindow', { name: name })}
+              placement="right"
+              arrow={false}
+              trigger="hover"
+            >
+              <div className="rb:mb-4.25! rb:size-12 rb:rounded-xl rb:bg-cover rb:bg-[url('@/assets/images/userMemory/logo.png')]"></div>
+            </Popover>
+
+            <Flex 
+              align="center"
+              justify="center"
+              className={clsx("rb:cursor-pointer rb:size-12 rb:rounded-xl rb:group", {
+                'rb:bg-[#155EEF]': selectedKey === 'userProfile',
+                'rb:hover:bg-[#F0F3F8]': selectedKey !== 'userProfile',
+              })}
+              onClick={(e) => onOpenChange(e, 'userProfile')}
+            >
+              <div className={clsx("rb:size-6 rb:bg-cover", {
+                "rb:bg-[url('@/assets/images/userMemory/userProfile.svg')]": selectedKey !== 'userProfile',
+                "rb:bg-[url('@/assets/images/userMemory/userProfile_active.svg')]": selectedKey === 'userProfile'
+              })}></div>
+            </Flex>
+
+            <Flex
+              align="center"
+              justify="center"
+              className={clsx("rb:cursor-pointer rb:size-12 rb:rounded-xl rb:group", {
+                'rb:bg-[#155EEF]': selectedKey === 'aboutMe',
+                'rb:hover:bg-[#F0F3F8]': selectedKey !== 'aboutMe',
+              })}
+              onClick={(e) => onOpenChange(e, 'aboutMe')}
+            >
+              <div className={clsx("rb:size-6 rb:bg-cover", {
+                "rb:bg-[url('@/assets/images/userMemory/aboutMe.svg')]": selectedKey !== 'aboutMe',
+                "rb:bg-[url('@/assets/images/userMemory/aboutMe_active.svg')]": selectedKey === 'aboutMe'
+              })}></div>
+            </Flex>
+
+            <Flex
+              align="center"
+              justify="center"
+              className={clsx("rb:cursor-pointer rb:size-12 rb:rounded-xl rb:group", {
+                'rb:bg-[#155EEF]': selectedKey === 'interestDistribution',
+                'rb:hover:bg-[#F0F3F8]': selectedKey !== 'interestDistribution',
+              })}
+              onClick={(e) => onOpenChange(e, 'interestDistribution')}
+            >
+              <div className={clsx("rb:size-6 rb:bg-cover", {
+                "rb:bg-[url('@/assets/images/userMemory/interestDistribution.svg')]": selectedKey !== 'interestDistribution',
+                "rb:bg-[url('@/assets/images/userMemory/interestDistribution_active.svg')]": selectedKey === 'interestDistribution'
+              })}></div>
+            </Flex>
+
+            <Flex
+              align="center"
+              justify="center"
+              className={clsx("rb:cursor-pointer rb:size-12 rb:rounded-xl rb:group", {
+                'rb:bg-[#155EEF]': selectedKey === 'memoryInsight',
+                'rb:hover:bg-[#F0F3F8]': selectedKey !== 'memoryInsight',
+              })}
+              onClick={(e) => onOpenChange(e, 'memoryInsight')}
+            >
+              <div className={clsx("rb:size-6 rb:bg-cover", {
+                "rb:bg-[url('@/assets/images/userMemory/memoryInsight.svg')]": selectedKey !== 'memoryInsight',
+                "rb:bg-[url('@/assets/images/userMemory/memoryInsight_active.svg')]": selectedKey === 'memoryInsight'
+              })}></div>
+            </Flex>
+          </Flex>
+
+          <Flex vertical gap={24}>
+            <div className={clsx("rb:cursor-pointer rb:size-6 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/refresh.svg')]", {
+              "rb:animate-spin": loading
+            })} onClick={handleRefresh}></div>
+            <div className="rb:cursor-pointer rb:size-6 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/logout.svg')]" onClick={goBack}></div>
+          </Flex>
+        </Flex>
+        
+        <Flex vertical className="rb:flex-1">
+          <NodeStatistics />
+          <RelationshipNetwork />
+        </Flex>
+      </Flex>
+      <div onClick={(e) => e.stopPropagation()}>
+        <EndUserProfile ref={ref} onDataLoaded={handleNameUpdate} className={selectedKey === 'userProfile' ? 'rb:block!' : 'rb:hidden!'} />
+        <AboutMe ref={aboutMeRef} className={selectedKey === 'aboutMe' ? 'rb:block!' : 'rb:hidden!'} />
+        <InterestDistribution className={selectedKey === 'interestDistribution' ? 'rb:block!' : 'rb:hidden!'} />
+        <MemoryInsight ref={memoryInsightRef} className={selectedKey === 'memoryInsight' ? 'rb:block!' : 'rb:hidden!'} />
       </div>
     </div>
   )
diff --git a/web/src/views/UserMemoryDetail/Rag.tsx b/web/src/views/UserMemoryDetail/Rag.tsx
index 3935bcc0..f770fafc 100644
--- a/web/src/views/UserMemoryDetail/Rag.tsx
+++ b/web/src/views/UserMemoryDetail/Rag.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:57:11 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-12 18:00:11
+ * @Last Modified time: 2026-03-27 10:26:31
  */
 /**
  * RAG User Memory Detail View
@@ -12,85 +12,57 @@
 
 import { type FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import clsx from 'clsx'
 import { Row, Col, Skeleton, Spin, Flex, Tooltip } from 'antd'
 import { LoadingOutlined } from '@ant-design/icons';
 import { useParams } from 'react-router-dom'
 
 import aboutUs from '@/assets/images/userMemory/aboutUs.svg'
-import down from '@/assets/images/userMemory/down.svg'
-import interestDistribution from '@/assets/images/userMemory/interestDistribution.svg'
+import memoryInsight from '@/assets/images/userMemory/memoryInsight.svg'
 import RbCard from '@/components/RbCard/Card'
 import type { Data } from './types'
 import {
   getChunkSummaryTag,
   getUserProfile,
-  getTotalRagMemoryCountByUser,
   getChunkInsight,
   generateRagProfile
 } from '@/api/memory'
 import Empty from '@/components/Empty'
 import ConversationMemory from './components/ConversationMemory'
 
-/** Tag color palette */
-const tagColors = ['21, 94, 239', '156, 111, 255', '255, 93, 52', '54, 159, 33']
-
 /**
  * Title component props
  */
 interface TitleProps {
-  type: string;
   title: string
   icon: string
-  t: (key: string) => string;
-  expanded: boolean;
-  onClick: (type: string) => void;
 }
 /** Collapsible section title */
-const Title: FC<TitleProps> = ({ type, title, icon, t, expanded, onClick }) => (
-  <div className="rb:flex rb:items-center rb:justify-between rb:py-4.25 rb:border-b rb:border-[#DFE4ED] rb:text-[16px] rb:font-semibold rb:leading-5.5">
-    <span className="rb:flex rb:items-center">
-      <img src={icon} className="rb:w-5 rb:h-5 rb:mr-2" />
-      {title}
-    </span>
-
-    <span className="rb:flex rb:items-center rb:cursor-pointer rb:text-[#5B6167] rb:text-[14px] rb:font-regular rb:leading-5" onClick={() => onClick(type)}>
-      {t(`userMemory.${expanded ? 'foldUp' : 'expanded'}`)}
-      <img src={down} className={clsx("rb:w-4 rb:h-4 rb:ml-1", {
-        'rb:rotate-180': !expanded,
-      })} />
-    </span>
-  </div>
+const Title: FC<TitleProps> = ({ title, icon }) => (
+  <Flex align="center" gap={4} className="rb:font-medium rb:leading-5 rb:mb-2.25!">
+    <img src={icon} className="rb:size-4.5 rb:ml-0.5" />
+    {title}
+  </Flex>
 )
 
 const Rag: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [data, setData] = useState<Data | null>(null)
-  const [expanded, setExpanded] = useState<string[]>(['aboutUs', 'memoryInsight',])
   const [summary, setSummary] = useState<string | null>('')
   const [loading, setLoading] = useState<Record<string, boolean>>({
     detail: true,
     summary: true,
     insight: true,
   })
-  const [memory, setMemory] = useState<number | null>(null)
   const [insight, setInsight] = useState<string | null>('')
-  const [tags, setTags] = useState<{ tag: string; frequency: number }[]>([])
-  const [personas, setPersonas] = useState<string[]>([])
 
   useEffect(() => {
     if (!id) return
-    getMemory()
     getSummary()
     getDetail()
     getInsightReport()
   }, [id])
 
-  /** Toggle section expansion */
-  const handleTitleClick = (key: string) => {
-    setExpanded(expanded.includes(key) ? expanded.filter((item) => item !== key) : [...expanded, key])
-  }
   /** Fetch user memory detail */
   const getDetail = () => {
     if (!id) return
@@ -102,13 +74,6 @@ const Rag: FC = () => {
     setLoading(prev => ({ ...prev, detail: false }))
     })
   }
-  /** Fetch memory count */
-  const getMemory = () => {
-    if (!id) return
-    getTotalRagMemoryCountByUser(id).then((res) => {
-      setMemory(res as number || 0)
-    })
-  }
   /** Fetch user summary */
   const getSummary = () => {
     if (!id) return
@@ -116,8 +81,6 @@ const Rag: FC = () => {
     getChunkSummaryTag(id).then((res) => {
       const response = res as { summary?: string; tags?: { tag: string; frequency: number }[]; personas?: string[] }
       setSummary(response.summary || null)
-      setTags(response.tags || [])
-      setPersonas(response.personas || [])
     })
     .finally(() => {
       setLoading(prev => ({ ...prev, summary: false }))
@@ -153,95 +116,62 @@ const Rag: FC = () => {
     <Row gutter={[16, 16]} className="rb:h-full!">
       <Col span={8}>
         <RbCard
-          className="rb:h-[calc(100vh-104px)]!"
-          bodyClassName="rb:overflow-y-auto! rb:h-full!"
+          bodyClassName="rb:p-3! rb:pt-4!"
+          className="rb:h-full!"
         >
-          <div className="rb:flex rb:items-center">
-            <div className="rb:flex-[0_0_auto] rb:w-20 rb:h-20 rb:text-center rb:font-semibold rb:text-[28px] rb:leading-20 rb:rounded-lg rb:text-[#FBFDFF] rb:bg-[#155EEF]">{name?.[0]}</div>
-            <Flex>
-              <div className="rb:text-[24px] rb:font-semibold rb:leading-8 rb:ml-4 rb:flex-1">
-                {name}<br />
-                <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4 rb:mt-2">{personas?.join(' | ')}</div>
+          <Flex align="center" gap={12} className="rb:mb-6!">
+            <div className="rb:size-12 rb:text-center rb:font-semibold rb:text-[28px] rb:leading-12 rb:rounded-xl rb:text-white rb:bg-[#155EEF]">{name?.[0]}</div>
+            <Flex justify="space-between">
+              <div className="rb:text-[16px] rb:font-semibold rb:leading-6 rb:line-clamp-2 rb:flex-1">
+                {name}
               </div>
               <Tooltip title={t('common.refresh')}>
                 {refreshLoading
                   ? <Spin indicator={<LoadingOutlined spin />} />
                   : (
                     <div
-                      className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/refresh.svg')] rb:hover:bg-[url('@/assets/images/refresh_hover.svg')]"
+                      className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/refresh.svg')]"
                       onClick={handleRefresh}
                     ></div>
                   )
                 }
               </Tooltip>
             </Flex>
-          </div>
-
-          <div className="rb:flex rb:gap-2 rb:mb-2 rb:flex-wrap rb:mt-6.25">
-            {tags?.map((tag, tagIndex) => (
-              <span key={tag.tag} className="rb:rounded-[11px] rb:p-[0_8px] rb:leading-5.5 rb:border"
-                style={{
-                  backgroundColor: `rgba(${tagColors[tagIndex % tagColors.length]}, 0.08)`,
-                  borderColor: `rgba(${tagColors[tagIndex % tagColors.length]}, 0.3)`,
-                  color: `rgba(${tagColors[tagIndex % tagColors.length]}, 1)`,
-                }}
-              >
-                {tag.tag}({tag.frequency})
-              </span>
-            ))}
-          </div>
-
-          {/* Total Memory */}
-          <div className="rb:font-regular rb:text-[12px] rb:text-[#5B6167] rb:leading-4 rb:mb-6.25">
-            {t('userMemory.totalNumOfMemories')}
-            <div className="rb:font-extrabold rb:text-[24px] rb:text-[#212332] rb:leading-7.5 rb:mt-2">{memory || 0}</div>
-          </div>
+          </Flex>
 
           {/* About Me */}
           <>
             <Title
-              type="aboutUs"
               title={t('userMemory.aboutMe')}
               icon={aboutUs}
-              t={t}
-              expanded={expanded.includes('aboutUs')}
-              onClick={handleTitleClick}
             />
-            {expanded.includes('aboutUs') && (
-              <>
-                {loading.summary
-                  ? <Skeleton className="rb:mt-4" />
-                  : summary 
-                  ? <div className="rb:font-regular rb:leading-5.5 rb:pt-4">
-                    {summary || '-'}
-                  </div>
-                  : <Empty size={88} className="rb:mt-12 rb:mb-20.25" />
-                }
-              </>
-            )}
+            <div className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2.5 rb:px-3 rb:mb-4">
+              {loading.summary
+                ? <Skeleton />
+                : summary 
+                ? <div className="rb:leading-5 rb:text-[#5B6167]">
+                  {summary || '-'}
+                </div>
+                : <Empty size={88} />
+              }
+            </div>
           </>
           {/* Memory Insights */}
           <>
             <Title
-              type="memoryInsight"
               title={t('userMemory.memoryInsight')}
-              icon={interestDistribution}
-              t={t}
-              expanded={expanded.includes('memoryInsight')}
-              onClick={handleTitleClick}
+              icon={memoryInsight}
             />
-            {expanded.includes('memoryInsight') && (
-              <>
-                {loading.insight
-                  ? <Skeleton className="rb:mt-4" />
-                  : insight 
-                  ? <div className="rb:font-regular rb:leading-5.5 rb:pt-4">
-                    {insight || '-'}
-                  </div>
-                  : <Empty size={88} className="rb:mt-12 rb:mb-20.25" />
-                }
-              </>
-            )}
+            <div className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2.5 rb:px-3">
+              {loading.insight
+                ? <Skeleton />
+                : insight
+                ? <div className="rb:leading-5 rb:text-[#5B6167]">
+                  {insight || '-'}
+                </div>
+                : <Empty size={88} />
+              }
+            </div>
           </>
         </RbCard>
       </Col>
diff --git a/web/src/views/UserMemoryDetail/components/AboutMe.tsx b/web/src/views/UserMemoryDetail/components/AboutMe.tsx
index 2b376a03..72b9af61 100644
--- a/web/src/views/UserMemoryDetail/components/AboutMe.tsx
+++ b/web/src/views/UserMemoryDetail/components/AboutMe.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:34:23 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:34:23 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:09:52
  */
 /**
  * About Me Component
@@ -12,7 +12,8 @@
 import { useEffect, useState, forwardRef, useImperativeHandle } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton } from 'antd';
+import { Skeleton, Divider } from 'antd';
+import clsx from 'clsx'
 
 import RbCard from '@/components/RbCard/Card'
 import Empty from '@/components/Empty';
@@ -33,7 +34,7 @@ interface Data {
   one_sentence: string;
   [key: string]: string;
 }
-const AboutMe = forwardRef<AboutMeRef>((_props, ref) => {
+const AboutMe = forwardRef<AboutMeRef, { className?: string; }>(({ className }, ref) => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [loading, setLoading] = useState<boolean>(false)
@@ -64,33 +65,37 @@ const AboutMe = forwardRef<AboutMeRef>((_props, ref) => {
   return (
     <RbCard 
       title={t('userMemory.aboutMe')}
-      headerClassName="rb:min-h-[46px]!"
+      headerClassName="rb:min-h-[46px]!! rb:font-medium!"
+      className={clsx("rb:bg-[#FFFFFF]! rb:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.13)]! rb:absolute! rb:w-100 rb:top-29 rb:left-26", className)}
+      bodyClassName="rb:px-5! rb:pb-5! rb:pt-3.75! rb:max-h-[calc(100vh-186px)]! rb:overflow-y-auto!"
     >
       {loading
         ? <Skeleton className="rb:mt-4" />
         : Object.keys(data).filter(key => data[key] !== null).length > 0
-          ? <>
+          ? <div className="rb:overflow-y-auto rb:h-full">
             {data.user_summary && 
               <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167]">
                 {data.user_summary}
               </div>
             }
             {data.personality && <>
-              <div className="rb:pt-4 rb:font-medium rb:leading-5 rb:mb-2">{t('userMemory.personality')}</div>
-              <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167]">
+              <Divider className="rb:my-4!" />
+              <div className="rb:font-medium rb:leading-5">{t('userMemory.personality')}</div>
+              <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167] rb:mt-2">
                 {data.personality}
               </div>
             </>}
             {data.core_values && <>
-              <div className="rb:pt-4 rb:font-medium rb:leading-5 rb:mb-2">{t('userMemory.core_values')}</div>
-              <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167]">
+              <Divider className="rb:my-4!" />
+              <div className="rb:font-medium rb:leading-5">{t('userMemory.core_values')}</div>
+              <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167] rb:mt-2">
                 {data.core_values}
               </div>
             </>}
             {data.one_sentence && 
-              <RbAlert className="rb:mt-4">{data.one_sentence}</RbAlert>
+              <RbAlert className="rb:mt-4! rb:text-[14px]!">{data.one_sentence}</RbAlert>
             }
-          </>
+          </div>
           : <Empty size={88} className="rb:mt-12 rb:mb-20.25" />
       }
     </RbCard>
diff --git a/web/src/views/UserMemoryDetail/components/ActivationMetricsPieCard.tsx b/web/src/views/UserMemoryDetail/components/ActivationMetricsPieCard.tsx
index 8f2c85c6..211d5968 100644
--- a/web/src/views/UserMemoryDetail/components/ActivationMetricsPieCard.tsx
+++ b/web/src/views/UserMemoryDetail/components/ActivationMetricsPieCard.tsx
@@ -1,16 +1,15 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:34:16 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:34:16 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:22:10
  */
-import { type FC, useRef, useEffect } from 'react'
+import { type FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import ReactEcharts from 'echarts-for-react';
 
 import Loading from '@/components/Empty/Loading'
-import Empty from '@/components/Empty'
 import RbCard from '@/components/RbCard/Card'
+import PieChart from '@/components/Charts/PieChart'
 
 /**
  * Props for ActivationMetricsPieCard component
@@ -21,117 +20,27 @@ interface ActivationMetricsPieCardProps {
   chartData: Array<Record<string, string | number>>;
   loading: boolean;
 }
-const Colors = ['#155EEF', '#FFB048', '#FF5D34']
-
-/**
- * ActivationMetricsPieCard Component
- * Displays activation value distribution as a donut chart with legend
- * Shows percentage distribution of different activation levels
- */
 const ActivationMetricsPieCard: FC<ActivationMetricsPieCardProps> = ({ chartData, loading }) => {
   const { t } = useTranslation()
-  const chartRef = useRef<ReactEcharts>(null);
-  const resizeScheduledRef = useRef(false)
-  
-  useEffect(() => {
-    const handleResize = () => {
-      if (chartRef.current && !resizeScheduledRef.current) {
-        resizeScheduledRef.current = true
-        requestAnimationFrame(() => {
-          chartRef.current?.getEchartsInstance().resize();
-          resizeScheduledRef.current = false
-        });
-      }
-    }
-    
-    const resizeObserver = new ResizeObserver(handleResize)
-    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
-    if (chartElement) {
-      resizeObserver.observe(chartElement)
-    }
-    
-    return () => {
-      resizeObserver.disconnect()
-    }
-  }, [chartData])
 
   return (
     <RbCard
       title={t('forgetDetail.activationValueDistribution')}
       headerType="borderless"
+      headerClassName="rb:min-h-[46px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-46px)]"
+      className="rb:h-full!"
     >
       {loading
-      ? <Loading size={249} />
-      : !chartData || chartData.length === 0
-      ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
-      : <ReactEcharts
-          option={{
-            color: Colors,
-            tooltip: {
-              trigger: 'item',
-              textStyle: {
-                color: '#5B6167',
-                fontSize: 12,
-                width: 27,
-                height: 16,
-              },
-              formatter: '{d}%',
-              padding: [8, 5],
-              backgroundColor: '#FFFFFF',
-              borderColor: '#DFE4ED',
-              extraCssText: 'width: 36px; height: 36px; box-shadow: 0px 2px 4px 0px rgba(33,35,50,0.12);border-radius: 36px;'
-            },
-            legend: {
-              bottom: 14 ,
-              padding: 0,
-              itemGap: 24,
-              itemWidth: 40,
-              itemHeight: 12,
-              borderRadius: 2,
-              orient: 'horizontal',
-              textStyle: {
-                color: '#5B6167',
-                fontFamily: 'PingFangSC, PingFang SC',
-                lineHeight: 16,
-              }
-            },
-            series: [
-              {
-                name: 'Access From',
-                type: 'pie',
-                radius: ['50%', '90%'],
-                avoidLabelOverlap: false,
-                percentPrecision: 0,
-                padAngle: 4,
-                width: 200,
-                height: 200,
-                left: 143,
-                itemStyle: {
-                  borderRadius: 0
-                },
-                label: {
-                  show: false,
-                  position: 'center'
-                },
-                emphasis: {
-                  label: {
-                    show: true,
-                    fontSize: 24,
-                    fontWeight: 'bold',
-                    color: '#212332',
-                    formatter: '{d}%\n{b}',
-                  }
-                },
-                labelLine: {
-                  show: false
-                },
-                data: chartData
-              }
-            ]
-          }}
-          style={{ height: '265px', width: '100%', minWidth: '400px' }}
-          notMerge={true}
-          lazyUpdate={true}
+        ? <Loading size={150} />
+        : <PieChart
+          chartData={chartData as { name: string; value: number }[]}
+          height={214}
+          seriesWidth={150}
+          seriesHeight={150}
+          itemGap={14}
+          seriesLabel={false}
+          seriesTop={5}
         />
       }
     </RbCard>
diff --git a/web/src/views/UserMemoryDetail/components/AudioPlayer.tsx b/web/src/views/UserMemoryDetail/components/AudioPlayer.tsx
new file mode 100644
index 00000000..5e7c2377
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/AudioPlayer.tsx
@@ -0,0 +1,152 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-16 15:00:07 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 15:23:14
+ */
+import { type FC, useRef, useState, useEffect } from 'react'
+import { Flex, Dropdown, type MenuProps, Slider } from 'antd'
+import clsx from 'clsx'
+import { useTranslation } from 'react-i18next'
+
+/** Available playback speed options. */
+const SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]
+
+/** Format seconds into "MM:SS" display string. */
+const fmt = (s: number) => `${String(Math.floor(s / 60)).padStart(2, '0')}:${String(Math.floor(s % 60)).padStart(2, '0')}`
+
+/**
+ * Props for the AudioPlayer component.
+ * @property src - Audio file URL to play.
+ * @property fileName - Display name shown beside the file icon.
+ * @property fileSize - Human-readable file size string (e.g. "3.2 MB").
+ */
+interface AudioPlayerProps {
+  src: string
+  fileName: string
+  fileSize: string
+}
+
+/**
+ * AudioPlayer – A compact inline audio player with playback controls.
+ *
+ * Displays file metadata (name & size), a play/pause toggle, a seekable
+ * progress slider, elapsed/total time, and a dropdown menu for downloading
+ * the file or changing playback speed.
+ *
+ * @example
+ * <AudioPlayer src="/audio/demo.mp3" fileName="demo.mp3" fileSize="3.2 MB" />
+ */
+const AudioPlayer: FC<AudioPlayerProps> = ({ src, fileName, fileSize }) => {
+  const { t } = useTranslation()
+  const audioRef = useRef<HTMLAudioElement>(null)
+  const [playing, setPlaying] = useState(false)
+  const [current, setCurrent] = useState(0)
+  const [duration, setDuration] = useState(0)
+  const [speed, setSpeed] = useState(1)
+
+  /* Bind native audio events to sync React state; re-binds when src changes. */
+  useEffect(() => {
+    const audio = audioRef.current
+    if (!audio) return
+    const onTime = () => setCurrent(audio.currentTime)
+    const onMeta = () => setDuration(audio.duration)
+    const onEnd = () => setPlaying(false)
+    audio.addEventListener('timeupdate', onTime)
+    audio.addEventListener('loadedmetadata', onMeta)
+    audio.addEventListener('ended', onEnd)
+    return () => {
+      audio.removeEventListener('timeupdate', onTime)
+      audio.removeEventListener('loadedmetadata', onMeta)
+      audio.removeEventListener('ended', onEnd)
+    }
+  }, [src])
+
+  /** Toggle between play and pause. */
+  const togglePlay = () => {
+    const audio = audioRef.current
+    if (!audio) return
+    if (playing) { audio.pause(); setPlaying(false) }
+    else { audio.play(); setPlaying(true) }
+  }
+
+  /** Seek to a specific position (in seconds) on the audio timeline. */
+  const handleSeek = (val: number) => {
+    if (audioRef.current) audioRef.current.currentTime = val
+    setCurrent(val)
+  }
+
+  /** Update playback speed on both React state and the native audio element. */
+  const setPlaybackSpeed = (s: number) => {
+    setSpeed(s)
+    if (audioRef.current) audioRef.current.playbackRate = s
+  }
+
+  /** Open the audio source URL in a new tab to trigger download. */
+  const handleDownload = () => window.open(src, '_blank')
+
+  /** Dropdown menu items: download and playback speed sub-menu. */
+  const mainMenu: MenuProps = {
+    items: [
+      {
+        key: 'download',
+        icon: <div className="rb:size-6 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/userMemory/download.svg')]" />,
+        label: t('common.download'),
+        onClick: handleDownload,
+      },
+      {
+        key: 'speed',
+        icon: <div className="rb:size-6 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/userMemory/play_speed.svg')]" />,
+        label: t('perceptualDetail.playbackSpeed'),
+        children: SPEEDS.map(s => ({
+          key: String(s),
+          label: <span className={s === speed ? 'rb:font-bold rb:text-[#171719]' : ''}>{s === 1 ? 'normal' : s}</span>,
+          onClick: () => setPlaybackSpeed(s),
+        })),
+      },
+    ],
+  }
+
+  return (
+    <div className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3 rb:w-full">
+      <audio ref={audioRef} src={src} preload="metadata" />
+      <Flex align="center" justify="space-between" className="rb:mb-2">
+        <Flex align="center" gap={12}>
+          <div className="rb:w-7.5 rb:h-9 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/mp3.svg')]" />
+          <div className="rb:flex-1">
+            <div className="rb:font-medium rb:leading-5 rb:text-[14px] rb:wrap-break-word rb:line-clamp-1">{fileName}</div>
+            <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{fileSize || '-'}</div>
+          </div>
+        </Flex>
+        <Flex align="center" gap={12}>
+          <div
+            className={clsx("rb:cursor-pointer rb:size-6", {
+              "rb:bg-[url('@/assets/images/userMemory/play.svg')]": !playing,
+              "rb:bg-[url('@/assets/images/userMemory/pause.svg')]": playing,
+            })}
+            onClick={togglePlay}
+          ></div>
+          
+          <Dropdown menu={mainMenu} trigger={['click']} placement="bottomRight">
+            <div className="rb:cursor-pointer rb:size-5.5 rb:bg-[url('@/assets/images/common/more.svg')] rb:hover:bg-[url('@/assets/images/common/more_hover.svg')]"></div>
+          </Dropdown>
+        </Flex>
+      </Flex>
+      <Flex align="center" gap={8} className="rb:mt-3!">
+        <Slider
+          min={0}
+          max={duration || 0}
+          step={0.1}
+          value={current}
+          onChange={handleSeek}
+          tooltip={{ formatter: null }}
+          className="rb:flex-1 rb:m-0!"
+          styles={{ track: { background: '#171719' }, rail: { background: '#E4E4E4' }, handle: { display: 'none' } }}
+        />
+        <span className="rb:text-[12px] rb:leading-4.5 rb:text-[#5B6167] rb:whitespace-nowrap">{fmt(current)} / {fmt(duration)}</span>
+      </Flex>
+    </div>
+  )
+}
+
+export default AudioPlayer
diff --git a/web/src/views/UserMemoryDetail/components/Card.tsx b/web/src/views/UserMemoryDetail/components/Card.tsx
index 39b77ffb..8abad6c6 100644
--- a/web/src/views/UserMemoryDetail/components/Card.tsx
+++ b/web/src/views/UserMemoryDetail/components/Card.tsx
@@ -24,7 +24,7 @@ interface CardProps {
 
 const Card: FC<CardProps> = ({ title, children, theme = 'default', className }) => {
   return (
-    <div className={clsx('rb:h-full rb:border rb:rounded-xl rb:p-4 rb:border-[#DFE4ED]', {
+    <div className={clsx('rb:h-full rb:rounded-xl rb:p-4 rb-border', {
       'rb:bg-[#FBFDFF]': theme === 'default',
       'rb:bg-[linear-gradient(180deg,#F1F9FE_0%,#FBFCFF_100%)]': theme === 'custom',
     }, className)}>
diff --git a/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx b/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
index 75316693..ccfbc14d 100644
--- a/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
+++ b/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
@@ -65,8 +65,8 @@ const CommunityNetwork: FC<{ onSelectCommunity?: (node: RawCommunityNode) => voi
   }, [id])
 
   if (loading) {
-    return <Flex align="center" justify="center" className="rb:w-full rb:h-full">
-      <Spin tip={t('userMemory.communityLoadingTip')} size="large">
+  return <Flex align="center" justify="center" className="rb:w-full rb:h-full spin">
+      <Spin tip={t('userMemory.communityLoadingTip')} size="large" className="rb:text-[#5B6167]!">
         <div className="rb:w-64 rb:h-64" />
       </Spin>
       </Flex>
diff --git a/web/src/views/UserMemoryDetail/components/ConversationMemory.tsx b/web/src/views/UserMemoryDetail/components/ConversationMemory.tsx
index 2f5b4ce6..f956eca4 100644
--- a/web/src/views/UserMemoryDetail/components/ConversationMemory.tsx
+++ b/web/src/views/UserMemoryDetail/components/ConversationMemory.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:34:04 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-12 18:34:52
+ * @Last Modified time: 2026-03-27 10:28:53
  */
 import { type FC } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -20,21 +20,23 @@ const ConversationMemory: FC = () => {
   return (
     <RbCard
       title={t('userMemory.conversationMemory')}
-      headerClassName="rb:text-[18px]! rb:leading-[24px]"
-      bodyClassName="rb:h-[calc(100%-56px)]! rb:overflow-hidden"
-      className="rb:h-[calc(100vh-104px)]!"
+      headerType="borderless"
+      headerClassName="rb:min-h-[54px]! rb:pt-0! rb:mb-0! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:p-4! rb:pt-0! rb:h-[calc(100%-54px)]!"
+      className="rb:h-full!"
     >
       <PageScrollList<string>
         url={getRagContentUrl}
         query={{ end_user_id: id }}
         column={1}
-        renderItem={(item) => (
-          <div className="rb:rounded-lg rb:border rb:border-[#DFE4ED] rb:px-4 rb:py-3 rb:bg-[#F0F3F8] rb:text-gray-800 rb:text-sm">
+        renderItem={(item: string) => (
+          <div
+            className="rb:rounded-lg rb-border rb:px-4 rb:py-3 rb:bg-[#F0F3F8] rb:mt-2 rb:text-[#212332] rb:text-sm"
+          >
             <Markdown content={item} />
           </div>
         )}
         className="rb:h-full!"
-        // className="rb:h-[calc(100%-24px)]!"
       />
     </RbCard>
   )
diff --git a/web/src/views/UserMemoryDetail/components/EmotionLine.tsx b/web/src/views/UserMemoryDetail/components/EmotionLine.tsx
index b5e76097..43f65758 100644
--- a/web/src/views/UserMemoryDetail/components/EmotionLine.tsx
+++ b/web/src/views/UserMemoryDetail/components/EmotionLine.tsx
@@ -1,12 +1,13 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:33:44 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:33:44 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-19 11:55:42
  */
 import { type FC, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import ReactEcharts from 'echarts-for-react';
+import { Flex } from 'antd';
 
 import Empty from '@/components/Empty'
 import Loading from '@/components/Empty/Loading'
@@ -63,12 +64,12 @@ const EmotionLine: FC<EmotionLineProps> = ({ chartData, loading }) => {
   }
 
   return (
-    <>
-      <div>{t('userMemory.emotionLine')}</div>
+    <Flex vertical gap={16} className="rb-border rb:rounded-xl rb:p-4! rb:h-78">
+      <div className="rb:text-[#212332] rb:font-medium rb:leading-5">{t('userMemory.emotionLine')}</div>
       {loading
         ? <Loading size={249} />
         : !chartData || chartData.length === 0
-        ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
+        ? <Empty size={120} className="rb:flex-1" />
         : <ReactEcharts
             ref={chartRef}
             option={{
@@ -175,12 +176,12 @@ const EmotionLine: FC<EmotionLineProps> = ({ chartData, loading }) => {
               },
               series: getSeries()
             }}
-            style={{ height: '265px', width: '100%', minWidth: '100%' }}
+            style={{ height: '242px', width: '100%', minWidth: '100%' }}
             notMerge={true}
             lazyUpdate={true}
           />
       }
-    </>
+    </Flex>
   )
 }
 
diff --git a/web/src/views/UserMemoryDetail/components/EmotionTags.tsx b/web/src/views/UserMemoryDetail/components/EmotionTags.tsx
index 14d6f78f..13e1595a 100644
--- a/web/src/views/UserMemoryDetail/components/EmotionTags.tsx
+++ b/web/src/views/UserMemoryDetail/components/EmotionTags.tsx
@@ -2,13 +2,14 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:33:39 
  * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:33:39 
+ * @Last Modified time: 2026-03-16 15:01:39 
  */
 import { type FC, useEffect, useState, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
 import * as echarts from 'echarts'
 import 'echarts-wordcloud'
+import { Flex, Divider } from 'antd';
 
 import Empty from '@/components/Empty'
 import RbCard from '@/components/RbCard/Card'
@@ -57,12 +58,12 @@ const EmotionTags: FC = () => {
    */
   const getEmotionColor = (emotionType: string) => {
     const colors: Record<string, string> = {
-      joy: '#52c41a',
-      anger: '#ff4d4f', 
-      sadness: '#1890ff',
-      fear: '#fa8c16',
-      neutral: '#8c8c8c',
-      surprise: '#722ed1'
+      joy: '#FF8A4C',
+      anger: '#FF5D34', 
+      sadness: '#155EEF',
+      fear: '#9C6FFF',
+      neutral: '#4DA8FF',
+      surprise: '#369F21'
     }
     return colors[emotionType] || '#8c8c8c'
   }
@@ -126,21 +127,26 @@ const EmotionTags: FC = () => {
     <RbCard
       title={t('statementDetail.emotionTags')}
       headerType="borderless"
-      headerClassName="rb:leading-[24px] rb:bg-[#F6F8FC]! rb:min-h-[46px]! rb:border-b! rb:border-b-[#DFE4ED]!"
+      headerClassName="rb:min-h-[46px]! rb:font-[MiSans-Bold] rb:font-bold"
       bodyClassName="rb:p-0!"
+      className="rb:h-full!"
     >
       {data?.keywords && data?.keywords.length > 0
         ? <div>
-          <div ref={chartRef} className="rb:mt-6 rb:px-6" style={{ height: '320px', width: '100%' }} />
-          <div className="rb:flex rb:flex-wrap rb:items-center rb:justify-center rb:gap-10 rb:text-sm rb:mt-3 rb:p-3 rb:bg-[#F0F3F8] rb:rounded-[0_0_8px_8px]">
-            {Object.entries(emotionStats).map(([type, count]) => {
-              return (
-                <div key={type} className="rb:flex rb:items-center rb:gap-2">
-                  <div className="rb:w-3 rb:h-3 rb:rounded-full" style={{ backgroundColor: getEmotionColor(type) }}></div>
-                  <span className="rb:leading-5">{t(`statementDetail.${type || 'neutral'}`)} ({count}{t('statementDetail.item')})</span>
-                </div>
-              )
-            })}
+          <div ref={chartRef} className="rb:mt-4 rb:px-3" style={{ height: '212px', width: '100%' }} />
+          
+          <div className="rb:px-4 rb:pb-2.5">
+            <Divider className="rb:my-2.5!" />
+            <Flex wrap justify="space-between" className="rb:px-1.5!">
+              {Object.keys(emotionStats).map((type) => {
+                return (
+                  <Flex key={type} align="center" gap={4}>
+                    <div className="rb:size-1 rb:rounded-full" style={{ backgroundColor: getEmotionColor(type) }}></div>
+                    <span className="rb:leading-5">{t(`statementDetail.${type || 'neutral'}`)}</span>
+                  </Flex>
+                )
+              })}
+            </Flex>
           </div>
         </div>
         : <Empty size={88} className="rb:h-full rb:mb-4" />
diff --git a/web/src/views/UserMemoryDetail/components/EndUserProfile.tsx b/web/src/views/UserMemoryDetail/components/EndUserProfile.tsx
index 43701050..c689bf72 100644
--- a/web/src/views/UserMemoryDetail/components/EndUserProfile.tsx
+++ b/web/src/views/UserMemoryDetail/components/EndUserProfile.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:33:30 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:33:30 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:11:09
  */
 /**
  * End User Profile Component
@@ -12,12 +12,13 @@
 import { forwardRef, useImperativeHandle, useEffect, useState, useRef, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton } from 'antd';
+import { Skeleton, Flex } from 'antd';
 import dayjs from 'dayjs'
+import clsx from 'clsx'
 
 import RbCard from '@/components/RbCard/Card'
 import {
-  getEndUserProfile,
+  getEndUserInfo,
 } from '@/api/memory'
 import EndUserProfileModal from './EndUserProfileModal'
 import type { EndUser, EndUserProfileModalRef, EndUserProfileRef } from '../types'
@@ -26,10 +27,11 @@ import type { EndUser, EndUserProfileModalRef, EndUserProfileRef } from '../type
  * Component props
  */
 interface EndUserProfileProps {
-  onDataLoaded?: (data: { other_name?: string; id: string }) => void
+  onDataLoaded?: (data: { other_name?: string; id: string }) => void;
+  className?: string;
 }
 
-const EndUserProfile = forwardRef<EndUserProfileRef, EndUserProfileProps>(({ onDataLoaded }, ref) => {
+const EndUserProfile = forwardRef<EndUserProfileRef, EndUserProfileProps>(({ className }, ref) => {
   const { t } = useTranslation()
   const { id } = useParams()
   const endUserProfileModalRef = useRef<EndUserProfileModalRef>(null)
@@ -45,13 +47,9 @@ const EndUserProfile = forwardRef<EndUserProfileRef, EndUserProfileProps>(({ onD
   const getData = () => {
     if (!id) return
     setLoading(true)
-    getEndUserProfile(id).then((res) => {
+    getEndUserInfo(id).then((res) => {
       const userData = res as EndUser
       setData(userData)
-      onDataLoaded?.({
-        other_name: userData.other_name,
-        id: userData.id
-      })
       setLoading(false) 
     })
     .finally(() => {
@@ -60,10 +58,10 @@ const EndUserProfile = forwardRef<EndUserProfileRef, EndUserProfileProps>(({ onD
   }
   /** Format profile items for display */
   const formatItems = useCallback(() => {
-    return ['other_name', 'position', 'department', 'contact', 'phone', 'hire_date'].map(key => ({
+    return ['other_name'].map(key => ({
       key,
       label: t(`userMemory.${key}`),
-      children: key === 'hire_date' && data?.[key] ? dayjs(data[key as keyof EndUser]).format('YYYY-MM-DD') : String(data?.[key as keyof EndUser] || '-'),
+      children: String(data?.[key as keyof EndUser] || '-'),
     }))
   }, [data])
   /** Open edit modal */
@@ -85,22 +83,24 @@ const EndUserProfile = forwardRef<EndUserProfileRef, EndUserProfileProps>(({ onD
           onClick={handleEdit}
         ></div>
       }
-      headerClassName="rb:min-h-[46px]!"
+      headerClassName="rb:min-h-[46px]!! rb:font-medium!"
+      className={clsx("rb:bg-[#FFFFFF]! rb:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.13)]! rb:absolute! rb:w-80 rb:top-29 rb:left-26", className)}
+      bodyClassName="rb:px-5! rb:pb-5! rb:pt-3.75! rb:max-h-[calc(100vh-186px)] rb:overflow-auto"
     >
       {loading
         ? <Skeleton />
-        : <div className="rb:flex rb:flex-col rb:justify-between rb:gap-3 rb:h-full">
+        : <Flex vertical gap={20}>
             {formatItems().map(vo => (
-              <div key={vo.key} className="rb:flex rb:justify-between rb:items-center rb:gap-3 rb:leading-5">
-                <div className="rb:text-[#5B6167]">{vo.label}</div>
-                <div className="">{vo.children}</div>
+              <div key={vo.key} className="rb:leading-5">
+                <div className="rb:text-[#7B8085]">{vo.label}</div>
+                <div className="rb:mt-0.5">{vo.children}</div>
               </div>
             ))}
 
-          <div className="rb:border-t rb:border-t-[#DFE4ED] rb:pt-4 rb:text-[#5B6167] rb:text-[12px] rb:leading-4">
-              {t('userMemory.updated_at')}: {data?.updatetime_profile ? dayjs(data?.updatetime_profile).format('YYYY/MM/DD HH:mm:ss') : ''}
+            <div className="rb:text-[#7B8085] rb:text-[12px] rb:leading-4.5">
+            {t('userMemory.updated_at')}: {data?.updated_at ? dayjs(data?.updated_at).format('YYYY/MM/DD HH:mm:ss') : ''}
             </div>
-        </div>
+        </Flex>
       }
       <EndUserProfileModal
         ref={endUserProfileModalRef}
diff --git a/web/src/views/UserMemoryDetail/components/EndUserProfileModal.tsx b/web/src/views/UserMemoryDetail/components/EndUserProfileModal.tsx
index 9e3fe8f8..5139cd6e 100644
--- a/web/src/views/UserMemoryDetail/components/EndUserProfileModal.tsx
+++ b/web/src/views/UserMemoryDetail/components/EndUserProfileModal.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:33:21 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:33:21 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-24 17:58:43
  */
 /**
  * End User Profile Modal
@@ -10,13 +10,12 @@
  */
 
 import { forwardRef, useImperativeHandle, useState } from 'react';
-import { Form, Input, App, DatePicker } from 'antd';
+import { Form, Input, App } from 'antd';
 import { useTranslation } from 'react-i18next';
-import dayjs from 'dayjs';
 
 import type { EndUser, EndUserProfileModalRef } from '../types'
 import RbModal from '@/components/RbModal'
-import { updatedEndUserProfile, } from '@/api/memory'
+import { updatedEndUserInfo } from '@/api/memory'
 
 const FormItem = Form.Item;
 
@@ -35,6 +34,7 @@ const EndUserProfileModal = forwardRef<EndUserProfileModalRef, EndUserProfileMod
   const [visible, setVisible] = useState(false);
   const [form] = Form.useForm<EndUser>();
   const [loading, setLoading] = useState(false)
+  const [editVo, setEditVo] = useState<EndUser | null>(null)
 
   const values = Form.useWatch([], form);
 
@@ -47,11 +47,8 @@ const EndUserProfileModal = forwardRef<EndUserProfileModalRef, EndUserProfileMod
 
   /** Open modal with user data */
   const handleOpen = (user: EndUser) => {
-    form.setFieldsValue({
-      ...user,
-      end_user_id: user.id,
-      hire_date: user.hire_date ? dayjs(user.hire_date) : undefined
-    });
+    setEditVo(user)
+    form.setFieldsValue(user);
     setVisible(true);
   };
   /** Save profile changes */
@@ -60,9 +57,10 @@ const EndUserProfileModal = forwardRef<EndUserProfileModalRef, EndUserProfileMod
       .validateFields()
       .then(() => {
         setLoading(true)
-        updatedEndUserProfile({
+        updatedEndUserInfo({
+          ...editVo,
           ...values,
-          hire_date: values.hire_date?.valueOf() || null
+          // hire_date: values.hire_date?.valueOf() || null
         })
           .then(() => {
             setLoading(false)
@@ -105,7 +103,7 @@ const EndUserProfileModal = forwardRef<EndUserProfileModalRef, EndUserProfileMod
         >
           <Input placeholder={t('common.enter')} />
         </FormItem>
-        <FormItem
+        {/* <FormItem
           name="position"
           label={t('userMemory.position')}
         >
@@ -134,7 +132,7 @@ const EndUserProfileModal = forwardRef<EndUserProfileModalRef, EndUserProfileMod
           label={t('userMemory.hire_date')}
         >
           <DatePicker className="rb:w-full" allowClear />
-        </FormItem>
+        </FormItem> */}
       </Form>
     </RbModal>
   );
diff --git a/web/src/views/UserMemoryDetail/components/Habits.tsx b/web/src/views/UserMemoryDetail/components/Habits.tsx
index c3464493..90b687ff 100644
--- a/web/src/views/UserMemoryDetail/components/Habits.tsx
+++ b/web/src/views/UserMemoryDetail/components/Habits.tsx
@@ -1,19 +1,20 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:33:06 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:33:06 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:18:47
  */
 import { useEffect, useState, forwardRef, useImperativeHandle } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Space, Progress } from 'antd';
+import { Skeleton, Space, Progress, Tooltip, Flex } from 'antd';
 
 import RbCard from '@/components/RbCard/Card'
 import Empty from '@/components/Empty'
 import {
   getImplicitHabits,
 } from '@/api/memory'
+import styles from '../pages/index.module.css'
 
 /**
  * Habits item data structure
@@ -72,40 +73,46 @@ const Habits = forwardRef<{ handleRefresh: () => void; }>((_props, ref) => {
   }));
 
   return (
-    <>
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('implicitDetail.habits')}</div>
-      <div className="rb:my-3 rb:text-[#5B6167] rb:leading-5">{t('implicitDetail.habitsSubTitle')}</div>
-      <RbCard>
-        {loading
-          ? <Skeleton active />
-          : data.length === 0
-            ? <Empty size={88} />
-            : <Space size={12} direction="vertical" className="rb:w-full!">
-              {data.map((vo, voIdx) => (
-                <div key={voIdx} className="rb:leading-5 rb:shadow-[inset_3px_0px_0px_0px_#155EEF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:p-3">
-                  <div className="rb:flex rb:items-center rb:justify-between">
-                    <div>
-                      <div className="rb:mb-1">{vo.habit_description}</div>
-                      <div className="rb:mb-1 rb:text-[#5B6167]">{vo.time_context}</div>
-                    </div>
-                    <div className="rb:text-[24px] rb:font-medium">{vo.confidence_level}%</div>
+    <RbCard
+      title={() => (<Space size={4}>
+        {t('implicitDetail.habits')}
+        <Tooltip title={t('implicitDetail.habitsSubTitle')}>
+          <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/question.svg')]"></div>
+        </Tooltip>
+      </Space>)}
+      headerType="borderless"
+      headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-54px)] rb:overflow-y-auto!"
+      className="rb:h-full!"
+    >
+      {loading
+        ? <Skeleton active />
+        : data.length === 0
+          ? <Empty size={88} />
+          : <Flex gap={12} vertical>
+            {data.map((vo, voIdx) => (
+              <div key={voIdx} className="rb:leading-5 rb-border rb:rounded-xl rb:p-3">
+                <Flex gap={30} align="center" justify="space-between">
+                  <div className="rb:flex-1">
+                    <div className="rb:mb-2.5 rb:font-medium rb:text-[#212332]">{vo.habit_description}</div>
+                    <div className="rb:text-[#5B6167]">{vo.time_context}</div>
                   </div>
+                  <Progress type="circle" strokeWidth={10} percent={vo.confidence_level} className={styles.progressCustom} />
+                </Flex>
 
-                  {vo.specific_examples.length > 0 && <>
-                    <div className="rb:mt-3 rb:mb-2">{t('implicitDetail.specific_examples')}</div>
-                    <div className="rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:p-3">
-                      {vo.specific_examples.map((item, index) => (
-                        <div key={index} className="rb:text-[#5B6167] rb:text-[12px] rb:mt-1">- {item}</div>
-                      ))}
-                    </div>
-                  </>}
-                  <Progress percent={vo.confidence_level} showInfo={false} className="rb:mt-3" />
-                </div>
-              ))}
-            </Space>
-        }
-      </RbCard>
-    </>
+                {vo.specific_examples.length > 0 && <div className="rb:bg-[#F6F6F6] rb:rounded-xl rb:py-2.5 rb:px-3 rb:mt-2.5">
+                  <div className="rb:font-medium rb:mb-1">{t('implicitDetail.specific_examples')}</div>
+                  <ul className="rb:list-disc rb:ml-4">
+                    {vo.specific_examples.map((item, index) => (
+                      <li key={index} className="rb:text-[#5B6167]">{item}</li>
+                    ))}
+                  </ul>
+                </div>}
+              </div>
+            ))}
+          </Flex>
+      }
+    </RbCard>
   )
 })
 export default Habits
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/Health.tsx b/web/src/views/UserMemoryDetail/components/Health.tsx
index 47f80e82..994fabf0 100644
--- a/web/src/views/UserMemoryDetail/components/Health.tsx
+++ b/web/src/views/UserMemoryDetail/components/Health.tsx
@@ -1,13 +1,13 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:33:01 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:33:01 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-16 14:58:25
  */
 import { type FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Row, Col, Progress } from 'antd'
+import { Flex } from 'antd'
 import ReactEcharts from 'echarts-for-react'
 
 import Empty from '@/components/Empty'
@@ -79,96 +79,74 @@ const Health: FC = () => {
     <RbCard
       title={t('statementDetail.health')}
       headerType="borderless"
-      headerClassName="rb:leading-[24px] rb:bg-[#F6F8FC]! rb:min-h-[46px]! rb:border-b! rb:border-b-[#DFE4ED]!"
-      bodyClassName="rb:px-[28px]! rb:py-[16px]!"
+      headerClassName="rb:min-h-[46px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:px-[25px]! rb:pb-[30px]! rb:pt-0!"
     >
       {health?.health_score && health?.health_score > 0
-        ? <>
-          <Row gutter={59}>
-            <Col span={12}>
-              <div className="rb:flex rb:justify-center rb:items-center">
-                <ReactEcharts
-                  option={{
-                    series: [{
-                      type: 'pie',
-                      radius: ['65%', '80%'],
-                      center: ['50%', '50%'],
-                      startAngle: 90,
-                      data: [
-                        { 
-                          value: health.health_score, 
-                          name: health.level, 
-                          itemStyle: { 
-                            color: '#155EEF',
-                            borderRadius: [10, 10, 10, 10]
-                          } 
-                        },
-                        { 
-                          value: 100 - health.health_score, 
-                          name: '', 
-                          itemStyle: { 
-                            color: '#DFE4ED',
-                            borderRadius: [10, 10, 10, 10]
-                          } 
-                        }
-                      ],
-                      label: {
-                        show: true,
-                        position: 'center',
-                        formatter: '{score|' + health.health_score + '}\n{level|' + health.level + '}',
-                        rich: {
-                          score: {
-                            fontSize: 36,
-                            fontWeight: 'bold',
-                            color: '#212332',
-                            lineHeight: 36
-                          },
-                          level: {
-                            fontSize: 14,
-                            color: '#5B6167',
-                            lineHeight: 20
-                          }
-                        }
-                      },
-                      labelLine: { show: false },
-                      emphasis: { disabled: true },
-                      itemStyle: {
-                        borderRadius: 10
-                      }
-                    }]
-                  }}
-                  style={{ height: '200px', width: '200px' }}
-                />
-              </div>
-            </Col>
-            <Col span={12}>
-              {health.dimensions && <div className="rb:space-y-7">
-                <div>
-                  <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167]">
-                    {t('statementDetail.positivity_rate')}
-                    <div className="rb:text-[12px] rb:text-[#155EEF] rb:font-medium">{health.dimensions.positivity_rate.score}%</div>
-                  </div>
-                  <Progress strokeColor="#155EEF" percent={health.dimensions.positivity_rate.score} showInfo={false} />
-                </div>
-                <div>
-                  <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167]">
-                    {t('statementDetail.stability')}
-                    <div className="rb:text-[12px] rb:text-[#155EEF] rb:font-medium">{health.dimensions.stability.score}%</div>
-                  </div>
-                  <Progress strokeColor="#155EEF" percent={health.dimensions.stability.score} showInfo={false} />
-                </div>
-                <div>
-                  <div className="rb:flex rb:items-center rb:justify-between rb:text-[#5B6167]">
-                    {t('statementDetail.resilience')}
-                    <div className="rb:text-[12px] rb:text-[#155EEF] rb:font-medium">{health.dimensions.resilience.score}%</div>
-                  </div>
-                  <Progress strokeColor="#155EEF" percent={health.dimensions.resilience.score} showInfo={false} />
-                </div>
-              </div>}
-            </Col>
-          </Row>
+        ? <Flex vertical align="center" justify="center">
+          <ReactEcharts
+            option={{
+              series: [{
+                type: 'pie',
+                radius: ['75%', '90%'],
+                center: ['50%', '50%'],
+                startAngle: 90,
+                data: [
+                  {
+                    value: health.health_score,
+                    name: health.level,
+                    itemStyle: {
+                      color: '#155EEF',
+                      borderRadius: [10, 10, 10, 10]
+                    }
+                  },
+                  {
+                    value: 100 - health.health_score,
+                    name: '',
+                    itemStyle: {
+                      color: '#DFE4ED',
+                      borderRadius: [10, 10, 10, 10]
+                    }
+                  }
+                ],
+                label: {
+                  show: true,
+                  position: 'center',
+                  formatter: '{score|' + health.health_score + '}\n{level|' + health.level + '}',
+                  rich: {
+                    score: {
+                      fontSize: 36,
+                      fontWeight: 'bold',
+                      color: '#212332',
+                      lineHeight: 36
+                    },
+                    level: {
+                      fontSize: 14,
+                      color: '#5B6167',
+                      lineHeight: 20
+                    }
+                  }
+                },
+                labelLine: { show: false },
+                emphasis: { disabled: true },
+                itemStyle: {
+                  borderRadius: 10
+                }
+              }]
+            }}
+            style={{ height: '180px', width: '180px' }}
+          />
 
-        </>
+          {health.dimensions && <Flex justify="space-between" className="rb:w-full rb:mt-7!">
+            {['positivity_rate', 'stability', 'resilience'].map(key => (
+              <div key={key} className="rb:text-[12px] rb:leading-4.5 rb:text-[#5B6167]">
+                <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[#212332] rb:text-[14px] rb:leading-4.75 rb:mb-1">{health.dimensions[key as keyof typeof health.dimensions].score}%</div>
+                {t(`statementDetail.${key}`)}
+              </div>
+            ))}
+          </Flex>}
+
+        </Flex>
         : <Empty size={88} className="rb:h-full" />
       }
     </RbCard>
diff --git a/web/src/views/UserMemoryDetail/components/InteractionBar.tsx b/web/src/views/UserMemoryDetail/components/InteractionBar.tsx
index b874caea..314fb024 100644
--- a/web/src/views/UserMemoryDetail/components/InteractionBar.tsx
+++ b/web/src/views/UserMemoryDetail/components/InteractionBar.tsx
@@ -1,12 +1,13 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:57 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:57 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-19 11:56:49
  */
 import { type FC, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import ReactEcharts from 'echarts-for-react'
+import { Flex } from 'antd'
 
 import Empty from '@/components/Empty'
 import Loading from '@/components/Empty/Loading'
@@ -41,12 +42,12 @@ const InteractionBar: FC<InteractionBarProps> = ({ chartData, loading }) => {
   }, [chartData, t])
 
   return (
-    <>
-      <div>{t('userMemory.interaction')}</div>
+    <Flex vertical gap={16} className="rb-border rb:rounded-xl rb:p-4! rb:h-78">
+      <div className="rb:text-[#212332] rb:font-medium rb:leading-5">{t('userMemory.emotionLine')}</div>
       {loading
         ? <Loading size={249} />
         : !chartData || chartData.length === 0
-          ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
+          ? <Empty size={120} className="rb:flex-1" />
           : <ReactEcharts
             option={{
               color: Colors,
@@ -128,10 +129,10 @@ const InteractionBar: FC<InteractionBarProps> = ({ chartData, loading }) => {
               },
               series
             }}
-            style={{ height: '265px', width: '100%' }}
+            style={{ height: '242px', width: '100%', minWidth: '100%' }}
           />
       }
-    </>
+    </Flex>
   )
 }
 
diff --git a/web/src/views/UserMemoryDetail/components/InterestAreas.tsx b/web/src/views/UserMemoryDetail/components/InterestAreas.tsx
index fc21ed9a..91554880 100644
--- a/web/src/views/UserMemoryDetail/components/InterestAreas.tsx
+++ b/web/src/views/UserMemoryDetail/components/InterestAreas.tsx
@@ -1,19 +1,22 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:53 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:53 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-16 14:27:12
  */
-import { useEffect, useState, forwardRef, useImperativeHandle } from 'react'
+import { useEffect, useState, forwardRef, useImperativeHandle, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Progress } from 'antd';
+import { Skeleton } from 'antd';
+import ReactEcharts from 'echarts-for-react';
 
-import RbCard from '@/components/RbCard/Card'
 import {
   getImplicitInterestAreas,
 } from '@/api/memory'
 
+/** Default color palette for area line series */
+const Colors = ['#9C6FFF', '#FFB048', '#4DA8FF', '#369F21']
+const keys = ['art', 'music', 'tech', 'lifestyle'] as const
 /**
  * Interest category item structure
  * @property {string} category_name - Category name
@@ -58,6 +61,7 @@ const InterestAreas = forwardRef<{ handleRefresh: () => void; }>((_props, ref) =
   const { id } = useParams()
   const [loading, setLoading] = useState<boolean>(false)
   const [data, setData] = useState<InterestAreasItem>({} as InterestAreasItem)
+  const chartRef = useRef<ReactEcharts>(null)
 
   useEffect(() => {
     if (!id) return
@@ -81,27 +85,46 @@ const InterestAreas = forwardRef<{ handleRefresh: () => void; }>((_props, ref) =
     handleRefresh: getData
   }));
   return (
-    <RbCard
-      title={t('implicitDetail.interestAreas')}
-      headerType="borderless"
-    >
+    <div className="rb-border rb:p-4 rb:rounded-xl rb:mt-4">
+      <div className="rb:text-[#212332] rb:font-medium rb:leading-5 rb:mb-4">{t('implicitDetail.interestAreas')}</div>
       {loading
         ? <Skeleton active />
-        : <div>
-          {(['art', 'music', 'tech', 'lifestyle'] as const).map((key) => {
-            return (
-              <div key={key} >
-                <div className="rb:flex rb:justify-between rb:items-center">
-                  <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mb-1">{t(`implicitDetail.${key}`)}</div>
-                  {data[key]?.percentage ?? 0}%
-                </div>
-                <Progress percent={data[key]?.percentage || 0} showInfo={false} />
-              </div>
-            )
-          })}
-          </div>
-        }
-    </RbCard>
+        : <ReactEcharts
+            ref={chartRef}
+            option={{
+              color: Colors,
+              grid: { top: 8, left: 38, right: 8, bottom: 24 },
+              xAxis: {
+                type: 'category',
+                data: keys.map(k => t(`implicitDetail.${k}`)),
+                axisLabel: { color: '#5B6167', fontSize: 12, fontFamily: 'PingFangSC, PingFang SC', interval: 0, overflow: 'break-word', width: 60 },
+                axisLine: { lineStyle: { color: '#EBEBEB' } },
+                axisTick: { show: false },
+              },
+              yAxis: {
+                type: 'value',
+                min: 0,
+                max: 100,
+                axisLabel: { color: '#A8A9AA', fontSize: 12, fontFamily: 'PingFangSC, PingFang SC', formatter: '{value}%' },
+                splitLine: { lineStyle: { color: '#EBEBEB' } },
+              },
+              series: [{
+                type: 'bar',
+                barMaxWidth: 40,
+                borderRadius: [4, 4, 0, 0],
+                data: keys.map((k, i) => ({
+                  value: data[k]?.percentage ?? 0,
+                  itemStyle: { color: Colors[i] }
+                })),
+                label: { show: true, position: 'top', formatter: '{c}%', color: '#5B6167', fontSize: 10 },
+              }]
+            }}
+            style={{ height: '200px', width: '100%' }}
+            notMerge={true}
+            lazyUpdate={true}
+          />
+      }
+    </div>
   )
 })
 export default InterestAreas
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/InterestDistribution.tsx b/web/src/views/UserMemoryDetail/components/InterestDistribution.tsx
index 849e1eb2..c10719de 100644
--- a/web/src/views/UserMemoryDetail/components/InterestDistribution.tsx
+++ b/web/src/views/UserMemoryDetail/components/InterestDistribution.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:47 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:47 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:11:35
  */
 /**
  * Interest Distribution Component
@@ -13,7 +13,7 @@ import { type FC, useRef, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
 import ReactEcharts from 'echarts-for-react';
-import { Space } from 'antd'
+import clsx from 'clsx'
 
 import { getInterestDistributionByUser } from '@/api/memory';
 import Empty from '@/components/Empty';
@@ -21,16 +21,15 @@ import Loading from '@/components/Empty/Loading';
 import RbCard from '@/components/RbCard/Card';
 
 /** Chart color palette */
-const Colors = ['#155EEF', '#4DA8FF', '#03BDFF', '#31E8FF', '#AD88FF', '#FFB048']
+const Colors = ['#171719', '#155EEF', '#4DA8FF', '#9C6FFF', '#ABEBFF', '#DFE4ED']
 
-const InterestDistribution: FC = () => {
+const InterestDistribution: FC<{ className?: string; }> = ({ className }) => {
   const { t } = useTranslation()
   const { id } = useParams()
   const chartRef = useRef<ReactEcharts>(null);
   const resizeScheduledRef = useRef(false)
   const [loading, setLoading] = useState(false)
   const [data, setData] = useState<Array<Record<string, string | number>>>([])
-  const totalValue = data.reduce((sum, item) => sum + Number(item.value), 0)
 
   useEffect(() => {
     getData()
@@ -76,7 +75,9 @@ const InterestDistribution: FC = () => {
   return (
     <RbCard
       title={t('userMemory.interestDistribution')}
-      headerClassName="rb:min-h-[46px]!"
+      headerClassName="rb:min-h-[46px]!! rb:font-medium!"
+      className={clsx("rb:bg-[#FFFFFF]! rb:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.13)]! rb:absolute! rb:w-100 rb:top-29 rb:left-26", className)}
+      bodyClassName="rb:px-5! rb:pb-5! rb:pt-3.75! rb:max-h-[calc(100vh-186px)] rb:overflow-auto"
     >
       {loading
       ? <Loading size={249} />
@@ -102,61 +103,55 @@ const InterestDistribution: FC = () => {
               extraCssText: 'width: 36px; height: 36px; box-shadow: 0px 2px 4px 0px rgba(33,35,50,0.12);border-radius: 36px;'
             },
             legend: {
-              show: false
+              bottom: 0,
+              padding: 0,
+              itemWidth: 12,
+              itemHeight: 12,
+              borderRadius: 2,
+              orient: 'horizontal',
+              textStyle: {
+                color: '#5B6167',
+                fontFamily: 'PingFangSC, PingFang SC',
+                lineHeight: 16,
+              }
             },
             series: [
               {
-                name: 'Access From',
                 type: 'pie',
                 radius: ['60%', '100%'],
                 avoidLabelOverlap: false,
                 percentPrecision: 0,
-                padAngle: 0,
-                width: 200,
-                height: 200,
-                top: 18,
+                padAngle: 1,
+                width: 180,
+                height: 180,
                 left: 'center',
+                top: 24,
                 itemStyle: {
-                  borderRadius: 0
+                  borderRadius: 2,
+                  shadowBlur: 4,
+                  shadowOffsetX: 0,
+                  shadowOffsetY: 2,
+                  shadowColor: 'rgba(0,0,0,0.25)',
                 },
                 label: {
-                  show: false,
-                  position: 'center'
-                },
-                emphasis: {
-                  label: {
-                    show: true,
-                    fontSize: 24,
-                    fontWeight: 'bold',
-                    color: '#212332',
-                    formatter: '{d}%\n{b}',
-                  }
+                  fontWeight: 'bold',
+                  color: '#171719',
+                  formatter: '{d}%',
+                  fontFamily: 'MiSans-Demibold',
                 },
                 labelLine: {
-                  show: false
+                  lineStyle: {
+                    color: '#DFE4ED'
+                  }
                 },
                 data: data
               }
             ]
           }}
-          style={{ height: '250px', width: '100%' }}
+          style={{ height: '320px', width: '100%' }}
           notMerge={true}
           lazyUpdate={true}
         />
-        <Space size={12} direction="vertical" className="rb:w-full">
-          {data.map((item, index) => (
-            <div key={index} className="rb:relative rb:flex rb:items-center rb:justify-between rb:px-4 rb:py-2.5 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:font-regular rb:leading-5 rb:rounded-md">
-              <div className="rb:pl-3.5 rb:relative">
-                <span 
-                  className="rb:absolute rb:left-0 rb:top-[calc(50%-4px)] rb:w-2 rb:h-2 rb:rounded-full"
-                  style={{ backgroundColor: Colors[index % Colors.length] }}
-                />
-                {item.name}
-              </div>
-              <div className="rb:font-medium">{totalValue > 0 ? Math.round((Number(item.value) / totalValue) * 100) : 0}%</div>
-            </div>
-          ))}
-        </Space>
       </>}
     </RbCard>
   )
diff --git a/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx b/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx
index d44b7c78..4b7274b1 100644
--- a/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx
+++ b/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:41 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:41 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:11:46
  */
 /**
  * Memory Insight Component
@@ -10,10 +10,10 @@
  */
 
 import { useEffect, useState, forwardRef, useImperativeHandle } from 'react'
-import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Space } from 'antd';
+import { Skeleton, Divider } from 'antd';
+import clsx from 'clsx'
 
 import RbCard from '@/components/RbCard/Card'
 import Empty from '@/components/Empty';
@@ -34,7 +34,7 @@ interface Data {
   is_cached: boolean;
 }
 
-const MemoryInsight = forwardRef<MemoryInsightRef>((_props, ref) => {
+const MemoryInsight = forwardRef<MemoryInsightRef, { className?: string; }>(({ className }, ref) => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [loading, setLoading] = useState<boolean>(false)
@@ -63,24 +63,25 @@ const MemoryInsight = forwardRef<MemoryInsightRef>((_props, ref) => {
   }));
   return (
     <RbCard 
-      title={t('userMemory.memoryInsight')} 
-      headerType="borderless"
-      headerClassName="rb:min-h-[46px]!"
+      title={t('userMemory.memoryInsight')}
+      headerClassName="rb:min-h-[46px]!! rb:font-medium!"
+      className={clsx("rb:bg-[#FFFFFF]! rb:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.13)]! rb:absolute! rb:w-100 rb:top-29 rb:left-26", className)}
+      bodyClassName="rb:px-5! rb:pb-5! rb:pt-3.75! rb:max-h-[calc(100vh-186px)] rb:overflow-auto"
     >
       {loading
         ? <Skeleton />
         : Object.keys(data).length > 0
-        ? <Space size={16} direction="vertical" className="rb:w-full">
-            {['memory_insight', 'key_findings', 'behavior_pattern', 'growth_trajectory'].map(key => {
+        ? <div>
+            {['memory_insight', 'key_findings', 'behavior_pattern', 'growth_trajectory'].map((key, index) => {
               const value = data[key as keyof Data];
               if (Array.isArray(value) && value.length > 0 || (!Array.isArray(value) && value)) {
                 return (
-                  <div key={key} className="rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:py-3 rb:text-[#5B6167] rb:leading-5">
-                    <div className={clsx(`rb:relative rb:before:content-[''] rb:before:block rb:before:h-4 rb:before:absolute rb:before:top-0.5 rb:before:left-0 rb:before:w-1 rb:pl-4 rb:mb-2 rb:font-medium rb:leading-5`, {
-                      'rb:before:bg-[#155EEF]': key === 'memory_insight',
-                      'rb:before:bg-[#369F21]': key !== 'memory_insight'
-                    })}>{t(`userMemory.${key}`)}</div>
-                    <div className="rb:px-4">
+                  <div key={key}>
+                    {index > 0 && <Divider className="rb:my-4! rb:border-t-[0.5px]!" />}
+                    <div className="rb:font-medium rb:leading-5">
+                      {t(`userMemory.${key}`)}
+                    </div>
+                    <div className="rb:font-regular rb:leading-5 rb:text-[#5B6167] rb:mt-2">
                       {Array.isArray(data[key as keyof Data])
                         ? <>
                           {(data[key as keyof Data] as string[])?.map((item: string, index: number) => (
@@ -98,7 +99,7 @@ const MemoryInsight = forwardRef<MemoryInsightRef>((_props, ref) => {
               return null
             })}
             
-        </Space>
+          </div>
         : <Empty size={80} />
       }
     </RbCard>
diff --git a/web/src/views/UserMemoryDetail/components/NodeStatistics.tsx b/web/src/views/UserMemoryDetail/components/NodeStatistics.tsx
index 787d9ab8..1e251b34 100644
--- a/web/src/views/UserMemoryDetail/components/NodeStatistics.tsx
+++ b/web/src/views/UserMemoryDetail/components/NodeStatistics.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:35 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:35 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-02-05 19:07:07
  */
 /**
  * Node Statistics Component
@@ -13,30 +13,20 @@ import { type FC, useEffect, useState } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
 import { useParams, useNavigate } from 'react-router-dom'
-import { Skeleton } from 'antd';
+import { Skeleton, Flex, Divider } from 'antd';
 
-import RbCard from '@/components/RbCard/Card'
 import {
   getNodeStatistics,
 } from '@/api/memory'
 import type { NodeStatisticsItem } from '../types'
 
-
-/** Background gradient list */
-const BG_LIST = [
-  'rb:bg-[linear-gradient(316deg,rgba(21,94,239,0.06)_0%,rgba(251,253,255,0)_100%)]',
-  'rb:bg-[linear-gradient(316deg,rgba(54,159,33,0.06)_0%,rgba(251,253,255,0)_100%)]',
-  'rb:bg-[linear-gradient(314deg,rgba(156,111,255,0.06)_0%,rgba(251,253,255,0)_100%)]',
-  'rb:bg-[linear-gradient(332deg,rgba(255,93,52,0.06)_0%,rgba(251,253,255,0)_100%)]',
-  'rb:bg-[linear-gradient(313deg,rgba(156,111,255,0.06)_0%,rgba(251,253,255,0)_100%)]',
-  'rb:bg-[linear-gradient(332deg,rgba(54,159,33,0.06)_0%,rgba(251,253,255,0)_100%)]',
-]
 /** Memory type configuration */
 const typeList = [
   { key: 'PERCEPTUAL_MEMORY', bg: 0 },
   { key: 'WORKING_MEMORY', bg: 1 },
   { key: 'EMOTIONAL_MEMORY', bg: 2 },
   { key: 'SHORT_TERM_MEMORY', bg: 3 },
+  { key: 'FORGET_MEMORY', bg: 5 },
   { 
     key: 'LONG_TERM_MEMORY',
     bg: 4,
@@ -46,7 +36,6 @@ const typeList = [
       { key: 'EXPLICIT_MEMORY' }
     ]
   },
-  { key: 'FORGET_MEMORY', bg: 5 },
 ]
 
 const NodeStatistics: FC = () => {
@@ -54,7 +43,6 @@ const NodeStatistics: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [loading, setLoading] = useState<boolean>(false)
-  const [total, setTotal] = useState<number>(0)
   const [data, setData] = useState<NodeStatisticsItem[]>([])
 
   useEffect(() => {
@@ -69,9 +57,6 @@ const NodeStatistics: FC = () => {
     getNodeStatistics(id).then((res) => {
       const response = res as NodeStatisticsItem[]
       setData(response)
-      // Calculate total count
-      const totalCount = response.reduce((sum, item) => sum + (item.count || 0), 0)
-      setTotal(totalCount)
       setLoading(false) 
     })
     .finally(() => {
@@ -83,59 +68,57 @@ const NodeStatistics: FC = () => {
     navigate(`/user-memory/detail/${id}/${type}`)
   }
   /** Render statistics card */
-  const renderCard = (key: string, bgIndex: number | null, isChild: boolean = false) => {
+  const renderCard = (key: string, isChild: boolean = false) => {
     const item = data.find((item) => item.type === key)
     return (
-      <div
+      <Flex
+        vertical
+        justify="space-between"
         className={clsx(
-          "rb:flex rb:flex-col rb:justify-between rb:group rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:pt-3 rb:px-4 rb:pb-5 rb:cursor-pointer",
-          {
-            'rb:h-45': !isChild,
-            'rb:h-31': isChild
-          },
-          typeof bgIndex === 'number' ? BG_LIST[bgIndex] : 'rb:bg-[#FBFDFF]'
+          "rb:h-full rb:group rb:cursor-pointer rb:bg-[#FFFFFF]",{
+            'rb:rounded-xl rb:shaodow-[0px_2px_6px_0px_rgba(33,35,50,0.08)] rb:p-3!': !isChild,
+            'rb:px-3! rb:pt-2! rb:pb-2.5! rb:w-full': isChild
+          }
         )}
         onClick={() => handleViewDetail(key)}
       >
         <div>
-          <div className={clsx("rb:text-[#5B6167] rb:leading-5 rb:font-regular", {
-            'rb:mb-2': !isChild,
-            'rb:mb-1': isChild
-          })}>
+          <div className={clsx("rb:text-[#5B6167] rb:leading-5 rb:font-regular")}>
             {t(`userMemory.${key}`)}
           </div>
-          <div className="rb:w-3 rb:h-3 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/arrow_right.svg')] rb:group-hover:bg-[url('@/assets/images/userMemory/arrow_right_hover.svg')]"></div>
         </div>
-        <div className="rb:text-[28px] rb:leading-8.75 rb:font-extrabold">{item?.count ?? 0}</div>
-      </div>
+        <Flex justify="space-between" align="center">
+          <div className="rb:text-[24px] rb:leading-8 rb:font-extrabold rb:font-[MiSans-Heavy]">{item?.count ?? 0}</div>
+          <div className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/arrow_right.svg')] rb:group-hover:bg-[url('@/assets/images/userMemory/arrow_right_hover.svg')]"></div>
+        </Flex>
+      </Flex>
     )
   }
 
   return (
-    <RbCard 
-      title={<>{t('userMemory.nodeStatistics')} <span className="rb:text-[#5B6167] rb:font-normal!">({t('userMemory.total')}: {total})</span></>}
-      headerType="borderless"
-      headerClassName="rb:min-h-[46px]!"
-    >
+    <div className="rb:h-22">
       {loading
         ? <Skeleton active />
-        : <div className="rb:w-full rb:grid rb:grid-cols-8 rb:gap-3">
+        : <div className="rb:w-full rb:grid rb:grid-cols-8 rb:gap-3 rb:h-full">
           {typeList.map((vo) => {
             if (!vo.children) {
-              return <div key={vo.key}>{renderCard(vo.key, vo.bg)}</div>
+              return <div key={vo.key} className="rb:h-full">{renderCard(vo.key)}</div>
             }
             return (
-              <div key={vo.key} className={clsx("rb:col-span-3 rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:p-3", BG_LIST[vo.bg])}>
-                <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mb-3">{t(`userMemory.${vo.key}`)}</div>
-                <div className="rb:grid rb:grid-cols-3 rb:gap-3">
-                  {vo.children.map((child) => <div key={child.key}>{renderCard(child.key, null, true)}</div>)}
+              <div key={vo.key} className={clsx("rb:col-span-3 rb:shaodow-[0px_2px_6px_0px_rgba(33,35,50,0.08)] rb:rounded-xl rb:bg-[#FFFFFF] rb:overflow-hidden")}>
+                <div className="rb:bg-[#171719] rb:text-[12px] rb:text-[#FFFFFF] rb:font-medium rb:text-center rb:leading-4 rb:py-px rb:rounded-tl-xl  rb:rounded-tr-xl">{t(`userMemory.${vo.key}`)}</div>
+                <div className="rb:grid rb:grid-cols-3">
+                  {vo.children.map((child, index) => <Flex key={child.key} align="center">
+                    {index > 0 && <Divider type="vertical" className="rb:h-12! rb:mx-0!" />}
+                    {renderCard(child.key, true)}
+                  </Flex>)}
                 </div>
               </div>
             )
           })}
           </div>
         }
-    </RbCard>
+    </div>
   )
 }
 export default NodeStatistics
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx b/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx
index ad7946f0..69f252e0 100644
--- a/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx
+++ b/web/src/views/UserMemoryDetail/components/PerceptualLastInfo.tsx
@@ -2,19 +2,23 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:23 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-17 17:36:49
+ * @Last Modified time: 2026-03-27 14:57:34
  */
 import { type FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Space, Tooltip, Image } from 'antd';
+import { Skeleton, Image, Flex } from 'antd';
+import clsx from 'clsx'
 
 import RbCard from '@/components/RbCard/Card'
+import AudioPlayer from './AudioPlayer'
+import VideoPlayer from './VideoPlayer'
 import {
   getPerceptualLastVisual,
   getPerceptualLastListen,
   getPerceptualLastText,
 } from '@/api/memory'
+import Empty from '@/components/Empty';
 
 /**
  * Perceptual last info item structure
@@ -51,7 +55,7 @@ interface PerceptualLastInfoItem {
 /**
  * Field keys for different perceptual types
  */
-const KEYS = {
+const KEYS: Record<string, string[]> = {
   last_visual: ['summary', 'keywords', 'topic', 'domain', 'scene'],
   last_listen: ['summary', 'keywords', 'topic', 'domain', 'speaker_count'],
   last_text: ['summary', 'keywords', 'topic', 'domain', 'section_count'],
@@ -62,11 +66,13 @@ const KEYS = {
  * Displays the last perceptual memory (visual, audio, or text)
  * Shows file preview and metadata based on perceptual type
  */
-const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text' }> = ({ type }) => {
+const PerceptualLastInfo: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [loading, setLoading] = useState<boolean>(false)
   const [data, setData] = useState<PerceptualLastInfoItem>({} as PerceptualLastInfoItem)
+  const [type, setType] = useState('last_visual')
+  const [fileSize, setFileSize] = useState<string>('')
 
   useEffect(() => {
     if (!id) return
@@ -75,6 +81,7 @@ const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text'
   const getData = () => {
     if (!id || !type) return
     setLoading(true)
+    setFileSize('')
     const request = type === 'last_visual'
       ? getPerceptualLastVisual(id)
       : type === 'last_listen'
@@ -83,14 +90,25 @@ const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text'
     request.then((res) => {
       const response = res as PerceptualLastInfoItem
       setData(response)
-      setLoading(false) 
+      setLoading(false)
+      if (response.file_path) {
+        fetch(response.file_path, { method: 'GET' })
+          .then(r => {
+            const bytes = Number(r.headers.get('content-length'))
+            if (!bytes) return
+            setFileSize(bytes < 1024 * 1024
+              ? `${(bytes / 1024).toFixed(1)} KB`
+              : `${(bytes / 1024 / 1024).toFixed(1)} MB`)
+          })
+          .catch(() => {})
+      }
     })
     .finally(() => {
       setLoading(false)
     })
   }
 
-  const handleDownload = async () => {
+  const handleDownload = () => {
     if (!data.file_path) return
     window.open(data.file_path, '_blank')
   }
@@ -99,56 +117,71 @@ const PerceptualLastInfo: FC<{ type: 'last_visual' | 'last_listen' | 'last_text'
     <RbCard
       title={t(`perceptualDetail.${type}`)}
       headerType="borderless"
+      headerClassName="rb:min-h-[50px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:p-4! rb:pt-0! rb:h-[calc(100%-50px)] rb:overflow-y-auto"
+      className="rb:h-full! rb:w-full!"
     >
+      <Flex align="center" gap={8} className="rb:mb-4!">
+        {Object.keys(KEYS).map(key => (
+          <div
+            key={key}
+            className={clsx("rb:text-[12px] rb:rounded-[14px] rb:py-1 rb:pl-2 rb:pr-3 rb:cursor-pointer", {
+              'rb:bg-[#171719] rb:text-white': type === key,
+              'rb:bg-[#F6F6F6]': type !== key
+            })}
+            onClick={() => setType(key)}
+          >{t(`perceptualDetail.${key}`)}</div>))}
+      </Flex>
       {loading
         ? <Skeleton active />
-        : <div>
-            <div className="rb:bg-[#F0F3F8] rb:h-36 rb:rounded-sm rb:flex rb:items-center rb:justify-center rb:overflow-hidden">
-              {data.file_path ? (
-                type === 'last_visual' ? (
-                  /\.(mp4|webm|ogg|mov)$/i.test(data.file_name) ? (
-                    <video controls className="rb:max-w-full rb:max-h-full">
-                      <source src={data.file_path} />
-                    </video>
-                  ) : /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(data.file_name) ? (
-                    <Image src={data.file_path} alt={data.file_name} />
-                    // <img src={data.file_path} alt={data.file_name} className="rb:max-w-full rb:max-h-full rb:object-contain" />
-                  ) : (
-                    <div className="rb:text-[#5B6167]">{data.file_name}</div>
-                  )
-                ) : type === 'last_listen' && /\.(mp3|wav|ogg|m4a|aac)$/i.test(data.file_name) ? (
-                  <audio controls className="rb:w-full">
-                    <source src={data.file_path} />
-                  </audio>
-                ) : (
-                  <div className="rb:text-[#5B6167] rb:cursor-pointer" onClick={handleDownload}>{data.file_name}</div>
-                )
-              ) : (
-                <div className="rb:text-[#5B6167]">{t('empty.tableEmpty')}</div>
-              )}
-            </div>
-            <Space size={4} direction="vertical" className="rb:w-full rb:mt-3">
-              {KEYS[type].map(key => {
-                const value = (data as any)[key]
-                return (
-                  <div key={key} className="rb:flex rb:justify-between rb:items-center rb:gap-3">
-                    <div className="rb:text-[#5B6167]">{t(`perceptualDetail.${key}`)}</div>
-                    {key === 'summary' ? (
-                      <Tooltip title={value}>
-                        <div className="rb:flex-1 rb:text-right rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap">
-                          {typeof value === 'string' ? value : Array.isArray(value) ? value.join('、') : '-'}
+        : <Flex vertical gap={16} className="rb:w-108">
+            {data.file_path
+              ? <>
+                {/\.(jpg|jpeg|png|gif|webp|svg)$/i.test(data.file_name)
+                  ? <Image src={data.file_path} alt={data.file_name} width={432} className="rb:rounded-xl rb:h-45!" />
+                  : /\.(mp4|webm|ogg|mov)$/i.test(data.file_name)
+                  ? <VideoPlayer src={data.file_path} />
+                  : /\.(mp3|wav|ogg|m4a|aac)$/i.test(data.file_name)
+                  ? <AudioPlayer src={data.file_path} fileName={data.file_name} fileSize={fileSize} />
+                  : <Flex gap={11} align="center" justify="space-between" className="rb:bg-[#F6F6F6] rb:min-h-15.5! rb:rounded-xl rb:p-3!">
+                    <Flex gap={12} align="center">
+                      <div className="rb:w-7.5 rb:h-9 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/file.svg')]"></div>
+                      <div>
+                        <div className="rb:leading-5 rb:font-medium rb:mb-1 rb:wrap-break-word rb:line-clamp-1">{data.file_name}</div>
+                        <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">
+                          {fileSize || '-'}
                         </div>
-                      </Tooltip>
-                      )
-                      : <div className="rb:flex-1 rb:text-right">
-                        {typeof value === 'string' ? value : Array.isArray(value) ? value.join('、') : '-'}
                       </div>
+                    </Flex>
+                    <div
+                      className="rb:size-6 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/userMemory/download.svg')] rb:hover:bg-[url('@/assets/images/userMemory/download_hover.svg')]"
+                      onClick={handleDownload}
+                    ></div>
+                  </Flex>
+                }
+              </>
+              : <div className="rb:bg-[#F6F6F6] rb:min-h-15.5! rb:rounded-xl rb:p-3!">
+                <Empty size={44} />
+              </div>
+            }
+            {KEYS[type].map(key => {
+              const value = (data as any)[key]
+              return (
+                <div key={key} className="rb:leading-5">
+                  <div className="rb:text-[#5B6167] rb:mb-1">{t(`perceptualDetail.${key}`)}</div>
+
+                    {typeof value === 'string'
+                      ? <div>{value}</div>
+                      : Array.isArray(value)
+                      ? <Flex wrap gap={11}>
+                          {value.map((vo, index) => <div key={index} className="rb:bg-[#F6F6F6] rb:rounded-[13px] rb:py-1 rb:px-2 rb:text-[12px] rb:font-medium rb:leading-4.5">{vo}</div>)}
+                        </Flex>
+                      : '-'
                     }
-                  </div>
-                )
-              })}
-          </Space>
-          </div>
+                </div>
+              )
+            })}
+        </Flex>
         }
     </RbCard>
   )
diff --git a/web/src/views/UserMemoryDetail/components/Portrait.tsx b/web/src/views/UserMemoryDetail/components/Portrait.tsx
index bb6a9c1b..743d040a 100644
--- a/web/src/views/UserMemoryDetail/components/Portrait.tsx
+++ b/web/src/views/UserMemoryDetail/components/Portrait.tsx
@@ -1,15 +1,14 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:18 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:18 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-16 14:19:15
  */
 import { useEffect, useState, forwardRef, useImperativeHandle } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Progress } from 'antd';
+import { Skeleton, Progress, Flex } from 'antd';
 
-import RbCard from '@/components/RbCard/Card'
 import {
   getImplicitPortrait,
 } from '@/api/memory'
@@ -85,28 +84,26 @@ const Portrait = forwardRef<{ handleRefresh: () => void; }>((_props, ref) => {
     handleRefresh: getData
   }));
   return (
-    <RbCard
-      title={t('implicitDetail.portrait')}
-      headerType="borderless"
-    >
+    <div className="rb-border rb:p-4 rb:pb-2.25 rb:rounded-xl">
+      <div className="rb:text-[#212332] rb:font-medium rb:leading-5 rb:mb-4">{t('implicitDetail.portrait')}</div>
       {loading
         ? <Skeleton active />
-        : <div className="rb:mt-1">
+        : <Flex vertical gap={14} className="rb:mt-1!">
           {(['aesthetic', 'creativity', 'literature', 'technology'] as const).map((key) => {
             const item = data[key] as Item
             return (
               <div key={key}>
-                <div className="rb:flex rb:justify-between rb:items-center">
-                  <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mb-1">{t(`implicitDetail.${key}`)}</div>
+                <Flex align="center" justify="space-between" className="rb:leading-5">
+                  <div className="rb:text-[#5B6167]">{t(`implicitDetail.${key}`)}</div>
                   {item?.percentage ?? 0}%
-                </div>
-                <Progress percent={item?.percentage || 0} showInfo={false} />
+                </Flex>
+                <Progress percent={item?.percentage || 0} showInfo={false} strokeColor="#171719" />
               </div>
             )
           })}
-          </div>
+        </Flex>
         }
-    </RbCard>
+    </div>
   )
 })
 export default Portrait
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/Preferences.tsx b/web/src/views/UserMemoryDetail/components/Preferences.tsx
index d3eaaa15..b6515c39 100644
--- a/web/src/views/UserMemoryDetail/components/Preferences.tsx
+++ b/web/src/views/UserMemoryDetail/components/Preferences.tsx
@@ -1,20 +1,19 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:12 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:12 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-16 14:30:25
  */
 import { useEffect, useState, useRef, useMemo, forwardRef, useImperativeHandle } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Row, Col, Skeleton } from 'antd'
+import { Skeleton } from 'antd'
 import * as echarts from 'echarts'
 import 'echarts-wordcloud'
 
 import Empty from '@/components/Empty'
-import RbCard from '@/components/RbCard/Card'
 import { getImplicitPreferences } from '@/api/memory'
-import detailEmpty from '@/assets/images/userMemory/detail_empty.png'
+import RbAlert from '@/components/RbAlert'
 
 /**
  * Preference item structure
@@ -41,7 +40,7 @@ interface PreferenceItem {
 /**
  * Default color palette for categories
  */
-const DEFAULT_COLORS = ['#FF5D34', '#155EEF', '#9C6FFF', '#369F21', '#4DA8FF', '#FF8C00', '#32CD32', '#FF69B4', '#20B2AA', '#DDA0DD']
+const DEFAULT_COLORS = ['#FF8A4C', '#FF5D34', '#155EEF', '#9C6FFF', '#4DA8FF', '#369F21']
 
 /**
  * Generate color mapping for categories
@@ -161,9 +160,6 @@ const Preferences = forwardRef<{ handleRefresh: () => void; }>((_props, ref) =>
     }
   }, [data])
 
-
-  console.log(selectedWord, data)
-
   const detailTitle = useMemo(() => {
     return selectedWord !== null && data[selectedWord].tag_name ? <>{data[selectedWord].tag_name}{t('implicitDetail.preferencesDetail')}</> : ''
   }, [selectedWord, data, t])
@@ -173,48 +169,40 @@ const Preferences = forwardRef<{ handleRefresh: () => void; }>((_props, ref) =>
   }));
   return (
     <>
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-4 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('forgetDetail.overviewTitle')}</div>
-      <Row gutter={16}>
-        <Col span={16}>
-          <RbCard
-            title={t('implicitDetail.preferences')}
-            headerType="borderless"
-            headerClassName="rb:text-[18px]! rb:leading-[24px]"
-            bodyClassName='rb:p-0! rb:pb-3! rb:relative rb:h-[350px]'
-          >
-            {loading
-              ? <Skeleton active className="rb:px-4" />
-              : data && data.length > 0
-              ? <div ref={chartRef} className="rb:mt-6 rb:px-6" style={{ height: '350px' }} />
-              : <Empty size={88} className="rb:h-full" />
-            }
-          </RbCard>
-        </Col>
-        <Col span={8}>
-          <RbCard
-            title={detailTitle}
-            headerType="borderless"
-            height="100%"
-            bodyClassName='rb:p-3! rb:h-[326px]'
-          >
-            {selectedWord === null
-              ? <Empty
-                url={detailEmpty}
-                subTitle={t('implicitDetail.wordEmpty')}
-                className="rb:h-full rb:mx-10 rb:text-center"
-                size={[197.81, 150]}
-              />
-              : <>
-                <div className="rb:leading-5 rb:mb-1 rb:font-medium">{t('implicitDetail.context_details')}</div>
-                <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular">{data[selectedWord].context_details}</div>
+      <RbAlert color="orange">{t('implicitDetail.preferencesTip')}</RbAlert>
+      <div className="rb-border rb:rounded-xl rb:h-60 rb:my-3">
+        {loading
+          ? <Skeleton active className="rb:px-4" />
+          : data && data.length > 0
+            ? <div ref={chartRef} className="rb:px-3 rb:h-full" />
+            : <Empty size={88} className="rb:h-full" />
+        }
+      </div>
+      <div className="rb:h-[calc(100%-296px)] rb:overflow-y-auto">
+        {selectedWord === null
+          ? <Empty
+            subTitle={t('implicitDetail.wordEmpty')}
+            size={96}
+            className="rb:h-full"
+          />
+          : <>
+            <div className="rb:px-1 rb:pt-1 rb:pb-3 rb:font-medium rb:leading-5">{detailTitle}</div>
+            <div className="rb:bg-[#F6F6F6] rb:rounded-lg rb:px-3 rb:py-2.5">
+              <div className="rb:leading-5 rb:mb-2 rb:font-medium">{t('implicitDetail.context_details')}</div>
+              <div className="rb:leading-5">{data[selectedWord].context_details}</div>
+            </div>
 
-                <div className="rb:leading-5 rb:mt-3 rb:font-medium">{t('implicitDetail.supporting_evidence')}</div>
-                {data[selectedWord].supporting_evidence.map((vo, index) => <div key={index} className="rb:text-[#5B6167] rb:leading-5 rb:font-regular">-{vo}</div>)}
-              </>
-            }
-          </RbCard>
-        </Col>
-      </Row>
+            <div className="rb:bg-[#F6F6F6] rb:rounded-lg rb:px-3 rb:py-2.5 rb:mt-3">
+              <div className="rb:leading-5 rb:mb-2 rb:font-medium">{t('implicitDetail.supporting_evidence')}</div>
+              <ul className="rb:list-disc rb:ml-4">
+                {data[selectedWord].supporting_evidence.map((vo, index) => (
+                  <li key={index} className="rb:text-[#5B6167]">{vo}</li>
+                ))}
+              </ul>
+            </div>
+          </>
+        }
+      </div>
     </>
   )
 })
diff --git a/web/src/views/UserMemoryDetail/components/RecentTrendsLineCard.tsx b/web/src/views/UserMemoryDetail/components/RecentTrendsLineCard.tsx
index 6a22b5d2..18de43a0 100644
--- a/web/src/views/UserMemoryDetail/components/RecentTrendsLineCard.tsx
+++ b/web/src/views/UserMemoryDetail/components/RecentTrendsLineCard.tsx
@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:07 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:32:07 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:23:11
  */
 import { type FC, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -26,6 +26,13 @@ interface RecentTrendsLineCardProps {
 
 const Colors = ['#155EEF', '#FF5D34']
 
+const axisLabelConfig = {
+  color: '#5B6167',
+  fontSize: 10,
+  lineHeight: 14,
+  fontFamily: 'PingFangSC, PingFang SC',
+  formatter: '{value}'
+}
 /**
  * RecentTrendsLineCard Component
  * Displays forgetting trends with dual Y-axis line chart
@@ -60,9 +67,12 @@ const RecentTrendsLineCard: FC<RecentTrendsLineCardProps> = ({ chartData, series
     <RbCard
       title={t('forgetDetail.forgettingTrend')}
       headerType="borderless"
+      headerClassName="rb:min-h-[46px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-46px)]"
+      className="rb:h-full!"
     >
       {loading
-        ? <Loading size={249} />
+        ? <Loading size={150} />
         : !chartData || chartData.length === 0
         ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
         : <ReactEcharts
@@ -92,16 +102,20 @@ const RecentTrendsLineCard: FC<RecentTrendsLineCardProps> = ({ chartData, series
               legend: {
                 bottom: 2,
                 padding: 0,
-                itemGap: 24,
-                itemWidth: 40,
-                itemHeight: 12,
-                borderRadius: 2,
+                itemGap: 8,
+                itemWidth: 12,
+                itemHeight: 6,
+                icon: 'roundRect',
                 orient: 'horizontal',
-                textStyle: {
-                  color: '#5B6167',
-                  fontFamily: 'PingFangSC, PingFang SC',
-                  lineHeight: 16,
-                }
+                textStyle: axisLabelConfig,
+                data: seriesList.map((key, index) => ({
+                  name: key === 'merged_count' ? t('forgetDetail.merged_count') : t('forgetDetail.average_activation'),
+                  itemStyle: {
+                    color: Colors[index] + '14',
+                    borderColor: Colors[index],
+                    borderWidth: 1,
+                  }
+                }))
               },
               grid: {
                 top: 16,
@@ -114,39 +128,29 @@ const RecentTrendsLineCard: FC<RecentTrendsLineCardProps> = ({ chartData, series
                 type: 'category',
                 data: chartData.map(item => item.date),
                 boundaryGap: false,
-                axisLabel: {
-                  color: '#A8A9AA',
-                  fontFamily: 'PingFangSC, PingFang SC'
-                },
+                axisLabel: axisLabelConfig,
                 axisLine: {
                   show: true,
                   lineStyle: {
-                    color: '#EBEBEB'
+                    color: '#DFE4ED'
                   }
                 },
                 splitLine: {
                   show: true,
                   lineStyle: {
-                    color: '#EBEBEB',
+                    color: '#DFE4ED',
                     type: 'solid'
                   }
                 },
                 axisTick: {
-                  show: true,
-                  lineStyle: {
-                    color: '#EBEBEB',
-                    type: 'solid'
-                  }
+                  show: false,
                 }
               },
               yAxis: [
                 {
                   type: 'value',
                   position: 'left',
-                  axisLabel: {
-                    color: Colors[0],
-                    fontFamily: 'PingFangSC, PingFang SC'
-                  },
+                  axisLabel: axisLabelConfig,
                   axisLine: {
                     lineStyle: {
                       color: Colors[0]
@@ -155,14 +159,7 @@ const RecentTrendsLineCard: FC<RecentTrendsLineCardProps> = ({ chartData, series
                   splitLine: {
                     show: true,
                     lineStyle: {
-                      color: '#EBEBEB',
-                      type: 'solid'
-                    }
-                  },
-                  axisTick: {
-                    show: true,
-                    lineStyle: {
-                      color: '#EBEBEB',
+                      color: '#DFE4ED',
                       type: 'solid'
                     }
                   },
@@ -170,11 +167,7 @@ const RecentTrendsLineCard: FC<RecentTrendsLineCardProps> = ({ chartData, series
                 {
                   type: 'value',
                   position: 'right',
-                  axisLabel: {
-                    color: Colors[1],
-                    fontFamily: 'PingFangSC, PingFang SC',
-                    formatter: '{value}'
-                  },
+                  axisLabel: axisLabelConfig,
                   axisLine: {
                     lineStyle: {
                       color: Colors[1]
@@ -183,20 +176,13 @@ const RecentTrendsLineCard: FC<RecentTrendsLineCardProps> = ({ chartData, series
                   splitLine: {
                     show: false,
                   },
-                  axisTick: {
-                    show: true,
-                    lineStyle: {
-                      color: '#EBEBEB',
-                      type: 'solid'
-                    }
-                  },
                   max: 1,
                   min: 0
                 }
               ],
               series: getSeries()
             }}
-            style={{ height: '265px', width: '100%', minWidth: '100%' }}
+            style={{ height: '214px', width: '100%', minWidth: '100%' }}
             notMerge={true}
             lazyUpdate={true}
           />
diff --git a/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx b/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx
index 01d4da4f..a2467ff4 100644
--- a/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx
+++ b/web/src/views/UserMemoryDetail/components/RelationshipNetwork.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:32:00 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 20:23:42
+ * @Last Modified time: 2026-03-24 12:19:12
  */
 /**
  * Relationship Network Component
@@ -10,38 +10,36 @@
  * Interactive force-directed graph visualization
  */
 
-import React, { type FC, useEffect, useState, useRef, useCallback } from 'react'
+import React, { type FC, useEffect, useState, useCallback, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams, useNavigate } from 'react-router-dom'
-import { Col, Row, Space, Button, Tabs, Flex, Divider } from 'antd'
+import { Space, Flex, Divider, type SegmentedProps, Image } from 'antd'
 import dayjs from 'dayjs'
-import ReactEcharts from 'echarts-for-react'
+import clsx from 'clsx'
 
 import RbCard from '@/components/RbCard/Card'
-import detailEmpty from '@/assets/images/userMemory/detail_empty.png'
-import type { Node, Edge, GraphData, StatementNodeProperties, ExtractedEntityNodeProperties } from '../types'
+import type { GraphData, StatementNodeProperties, ExtractedEntityNodeProperties } from '../types'
 import type { RawCommunityNode } from '@/components/D3Graph/types'
 import {
   getMemorySearchEdges,
 } from '@/api/memory'
-import Empty from '@/components/Empty'
 import Tag from '@/components/Tag'
+import GraphNetworkChart, { type Node, type Edge } from '@/components/Charts/GraphNetworkChart'
 import CommunityNetwork from './CommunityNetwork'
+import PageTabs from '@/components/PageTabs'
+import AudioPlayer from './AudioPlayer'
+import VideoPlayer from './VideoPlayer'
 
-/** Node color palette */
-const colors = ['#155EEF', '#369F21', '#4DA8FF', '#FF5D34', '#9C6FFF', '#FF8A4C', '#8BAEF7', '#FFB048']
-const RelationshipNetwork:FC = () => {
+const RelationshipNetwork: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
-  const chartRef = useRef<ReactEcharts>(null)
-  const resizeScheduledRef = useRef(false)
   const [nodes, setNodes] = useState<Node[]>([])
   const [links, setLinks] = useState<Edge[]>([])
   const [categories, setCategories] = useState<{ name: string }[]>([])
   const [selectedNode, setSelectedNode] = useState<Node | RawCommunityNode | null>(null)
   // const [fullScreen, setFullScreen] = useState<boolean>(false)
   const navigate = useNavigate()
-  const [activeTab, setActiveTab] = useState('relationshipNetwork')
+  const [activeTab, setActiveTab] = useState<SegmentedProps['value']>('relationshipNetwork')
 
   console.log('categories', categories)
   const edgeAbortRef = useRef<AbortController | null>(null)
@@ -57,19 +55,19 @@ const RelationshipNetwork:FC = () => {
       const curNodes: Node[] = []
       const curEdges: Edge[] = []
       const curNodeTypes = Object.keys(statistics.node_types).filter(vo => vo !== 'Dialogue')
-      
+
       // Calculate connection count for each node
       const connectionCount: Record<string, number> = {}
       edges.forEach(edge => {
         connectionCount[edge.source] = (connectionCount[edge.source] || 0) + 1
         connectionCount[edge.target] = (connectionCount[edge.target] || 0) + 1
       })
-      
+
       // Process node data
       nodes.filter(vo => vo.label !== 'Dialogue').forEach(node => {
         const connections = connectionCount[node.id] || 0
         const categoryIndex = curNodeTypes.indexOf(node.label)
-        
+
         // Get display name based on node type
         let displayName = ''
         switch (node.label) {
@@ -95,7 +93,7 @@ const RelationshipNetwork:FC = () => {
         } else {
           symbolSize = 35
         }
-        
+
         curNodes.push({
           ...node,
           name: displayName,
@@ -103,7 +101,7 @@ const RelationshipNetwork:FC = () => {
           symbolSize: symbolSize, // Adjust node size based on connection count
         })
       })
-      
+
       // Create mapping from node ID to label
       const nodeIdToLabel: Record<string, string> = {}
       nodes.forEach(node => {
@@ -118,10 +116,10 @@ const RelationshipNetwork:FC = () => {
           value: edge.weight || 1
         })
       })
-      
+
       // Set categories
       const curCategories = curNodeTypes.map(type => ({ name: type }))
-      
+
       setNodes(curNodes)
       setLinks(curEdges)
       setCategories(curCategories)
@@ -132,28 +130,6 @@ const RelationshipNetwork:FC = () => {
     getEdgeData()
     return () => { edgeAbortRef.current?.abort() }
   }, [id])
-  
-  useEffect(() => {
-    const handleResize = () => {
-      if (chartRef.current && !resizeScheduledRef.current) {
-        resizeScheduledRef.current = true
-        requestAnimationFrame(() => {
-          chartRef.current?.getEchartsInstance().resize();
-          resizeScheduledRef.current = false
-        });
-      }
-    }
-
-    const resizeObserver = new ResizeObserver(handleResize)
-    const chartElement = chartRef.current?.getEchartsInstance().getDom().parentElement
-    if (chartElement) {
-      resizeObserver.observe(chartElement)
-    }
-    
-    return () => {
-      resizeObserver.disconnect()
-    }
-  }, [nodes])
 
   /** Navigate to full graph view */
   const handleViewAll = () => {
@@ -165,7 +141,7 @@ const RelationshipNetwork:FC = () => {
     })
     navigate(`/user-memory/detail/${id}/GRAPH?${params.toString()}`)
   }
-  const handleChangeTab = (tab: string) => {
+  const handleChangeTab = (tab: SegmentedProps['value']) => {
     if (tab === 'communityNetwork') {
       edgeAbortRef.current?.abort()
     } else {
@@ -175,117 +151,68 @@ const RelationshipNetwork:FC = () => {
     setSelectedNode(null)
   }
 
+  const [fileSize, setFileSize] = useState<string>('')
+  useEffect(() => {
+    setFileSize('')
+    if (selectedNode && 'file_path' in selectedNode.properties && selectedNode.properties.file_path) {
+      fetch(selectedNode.properties.file_path, { method: 'HEAD' })
+        .then(r => {
+          const bytes = Number(r.headers.get('content-length'))
+          if (!bytes) return
+          setFileSize(bytes < 1024 * 1024
+            ? `${(bytes / 1024).toFixed(1)} KB`
+            : `${(bytes / 1024 / 1024).toFixed(1)} MB`)
+        })
+        .catch(() => {})
+    }
+  }, [selectedNode])
+  const handleDownload = () => {
+    if (!selectedNode?.properties?.file_path) return
+    window.open(selectedNode?.properties?.file_path, '_blank')
+  }
+
   return (
-    <Row gutter={16}>
-      {/* Relationship Network */}
-      <Col span={16}>
-        <RbCard bodyClassName="rb:pt-0!">
-          <Tabs
-            items={['relationshipNetwork', 'communityNetwork'].map(key => ({ key, label: t(`userMemory.${key}`) }))}
-            activeKey={activeTab}
-            onChange={handleChangeTab}
-          />
-          <div className="rb:h-129.5 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-sm">
-            {activeTab === 'communityNetwork'
-              ? <CommunityNetwork onSelectCommunity={community => setSelectedNode(community)} />
-              : nodes.length === 0
-              ? <Empty className="rb:h-full" />
-              : <ReactEcharts
-                option={{
-                  colors: colors,
-                  tooltip: {
-                    show: false
-                  },
-                  legend: {
-                    show: true,
-                    bottom: 12,
-                  },
-                  series: [
-                    {
-                      type: 'graph',
-                      layout: 'force',
-                      data: nodes || [],
-                      links: links || [],
-                      categories: categories.map(vo => ({
-                        name: t(`userMemory.${vo.name}`)
-                      })) || [],
-                      roam: true,
-                      label: {
-                        show: true,
-                        position: 'right',
-                        formatter: '{b}',
-                      },
-                      lineStyle: {
-                        color: '#5B6167',
-                        curveness: 0.3
-                      },
-                      force: {
-                        repulsion: 100,
-                        // Enable category aggregation
-                        edgeLength: 80,
-                        gravity: 0.3,
-                        // Nodes of the same category attract each other
-                        layoutAnimation: true,
-                        // Prevent layout recalculation on click
-                        preventOverlap: true,
-                        // Keep layout stable after node click
-                        edgeSymbol: ['none', 'arrow'],
-                        edgeSymbolSize: [4, 10],
-                        // Disable force-directed after initial layout
-                        initLayout: 'force'
-                      },
-                      selectedMode: 'single',
-                      draggable: true,
-                      // Prevent layout recalculation on data update
-                      animationDurationUpdate: 0,
-                      select: {
-                        itemStyle: {
-                          borderWidth: 2,
-                          borderColor: '#ffffff',
-                          shadowBlur: 10,
-                        }
-                      }
-                    }
-                  ]
-                }}
-                style={{ height: '518px', width: '100%' }}
-                notMerge={false}
-                lazyUpdate={true}
-                onEvents={{
-                  // Node click event handler
-                  click: (params: { dataType: string; data: Node; name: string }) => {
-                    if (params.dataType === 'node') {
-                      // Handle node click event
-                      console.log('Node clicked:', params.data);
-                      // Use functional update to avoid state dependency issues
-                      setSelectedNode(params.data)
-                    }
-                  }
-                }}
-              />
-            }
-          </div>
-        </RbCard>
-      </Col>
-      {/* Memory Details */}
-      <Col span={8}>
+    <div className="rb:flex-1 rb:relative">
+      <div className="rb:absolute rb:z-111 rb:bottom-10 rb:left-[calc(50%-96px)] rb:transition-transform-[translateX(-50%]">
+        <PageTabs
+          value={activeTab}
+          options={['relationshipNetwork', 'communityNetwork'].map(value => ({
+            value,
+            label: t(`userMemory.${value}`)
+          }))}
+          onChange={handleChangeTab}
+          className=""
+        />
+      </div>
+      {activeTab === 'communityNetwork'
+        ? <CommunityNetwork onSelectCommunity={community => setSelectedNode(community)} />
+        : <GraphNetworkChart
+          nodes={nodes}
+          links={links}
+          categories={categories.map(vo => ({
+            name: t(`userMemory.${vo.name}`)
+          })) || []}
+          onNodeClick={(node) => setSelectedNode(node as Node)}
+        />
+      }
+      {selectedNode &&
         <RbCard
           title={t('userMemory.memoryDetails')}
+          className="rb:absolute! rb:top-4 rb:right-0 rb:w-100! rb:bg-white!"
           headerType="borderless"
-          headerClassName="rb:min-h-[46px]!"
-          bodyClassName="rb:p-0!"
-          extra={selectedNode && !(selectedNode as RawCommunityNode).properties.community_id && (
-            <Button type="text" onClick={handleViewAll}>
-              <div className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/view.svg')] rb:hover:bg-[url('@/assets/images/userMemory/view_hover.svg')]" />
-              {t('userMemory.completeMemory')}
-            </Button>
-          )}
+          headerClassName="rb:min-h-[60px]!"
+          bodyClassName={clsx('rb:px-5! rb:pt-0! rb:h-auto!', {
+            'rb:pb-[76px]!': activeTab !== 'communityNetwork',
+            'rb:pb-3!': activeTab === 'communityNetwork',
+          })}
+          extra={<div className="rb:cursor-pointer rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/close.svg')]" onClick={() => setSelectedNode(null)}></div>}
         >
-          <div className="rb:h-133.5 rb:overflow-y-auto">
-            {!selectedNode
-              ? <Empty url={detailEmpty} subTitle={activeTab === 'relationshipNetwork' ? t('userMemory.memoryDetailEmptyDesc') : t('userMemory.communityDetailEmptyDesc')} className="rb:h-full rb:mx-10 rb:text-center" size={[197.81, 150]} />
-              : (selectedNode as RawCommunityNode).properties.community_id
-                ? <div className="rb:p-3 rb:pt-0">
+          <div className={clsx("rb:max-h-[calc(100vh-269px)] rb:overflow-auto", {
+            'rb:max-h-[calc(100vh-269px)]': activeTab !== 'communityNetwork',
+            'rb:max-h-[calc(100vh-205px)]': activeTab == 'communityNetwork',
+          })}>
+            {(selectedNode as RawCommunityNode).properties.community_id
+              ? <div>
                   <div className="rb:font-medium rb:text-[#212332] rb:text-[16px] rb:leading-5.5 rb:pl-1">
                     {(selectedNode as RawCommunityNode).properties.name || selectedNode.id}
                   </div>
@@ -308,85 +235,114 @@ const RelationshipNetwork:FC = () => {
                     </ul>
                   </>}
                 </div>
-                : <>
-                  {(selectedNode as Node).name && (
-                    <div className="rb:bg-[#F6F8FC] rb:border-t rb:border-b rb:border-[#DFE4ED] rb:font-medium rb:py-2 rb:px-4 rb:h-10">
-                      {(selectedNode as Node).name}
-                    </div>
-                  )}
-                  <div className="rb:p-4">
+              : <>
+                {(selectedNode as Node).name &&
+                  <div className="rb:font-medium rb:text-[16px] rb:text-[#212332] rb:leading-5.5 rb:mb-3">
+                    {(selectedNode as Node).name}
+                  </div>
+                }
+                <Flex vertical gap={24}>
+                  <div>
                     <div className="rb:font-medium rb:leading-5">{t('userMemory.memoryContent')}</div>
-                    <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-1 rb:pb-4 rb:border-b rb:border-[#DFE4ED]">
+                    <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-2">
                       {['Chunk', 'Dialogue', 'MemorySummary'].includes(selectedNode.label) && 'content' in selectedNode.properties
                         ? selectedNode.properties.content
                         : selectedNode.label === 'ExtractedEntity' && 'description' in selectedNode.properties
                           ? selectedNode.properties.description
                           : selectedNode.label === 'Statement' && 'statement' in selectedNode.properties
                             ? selectedNode.properties.statement
-                            : ''}
-                    </div>
-
-                    <div className="rb:font-medium rb:mb-2 rb:mt-4">
-                      <div className="rb:font-medium rb:leading-5">{t('userMemory.created_at')}</div>
-                      <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-1 rb:pb-4 rb:border-b rb:border-[#DFE4ED]">
-                        {dayjs((selectedNode as Node).properties.created_at).format('YYYY-MM-DD HH:mm:ss')}
-                      </div>
-
-                      {(selectedNode as Node).properties.associative_memory > 0 && (
-                        <div className="rb:mt-4">
-                          <div className="rb:font-medium rb:leading-5">{t('userMemory.associative_memory')}</div>
-                          <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-1 rb:pb-4 rb:border-b rb:border-[#DFE4ED]">
-                            <span className="rb:text-[#155EEF] rb:font-medium">{(selectedNode as Node).properties.associative_memory}</span>
-                            {' '}{t('userMemory.unix')}{t('userMemory.associative_memory')}
-                          </div>
-                        </div>
-                      )}
-
-                      {selectedNode.label === 'Statement' && (
-                        (['emotion_keywords', 'emotion_type', 'emotion_subject', 'importance_score'] as const).map(key => {
-                          const p = selectedNode.properties as StatementNodeProperties
-                          if ((key === 'emotion_keywords' && p[key]?.length > 0) || typeof p[key] === 'string') {
-                            return (
-                              <div className="rb:mt-4" key={key}>
-                                {t(`userMemory.Statement_${key}`)}
-                                <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-1 rb:pb-4 rb:border-b rb:border-[#DFE4ED]">
-                                  {key === 'emotion_keywords'
-                                    ? <Space>{p.emotion_keywords.map((v, i) => <Tag key={i}>{v}</Tag>)}</Space>
-                                    : p[key]}
-                                </div>
-                              </div>
-                            )
-                          }
-                          return null
-                        })
-                      )}
-
-                      {selectedNode.label === 'ExtractedEntity' && (
-                        (['name', 'entity_type', 'aliases', 'connect_strngth', 'importance_score'] as const).map(key => {
-                          const p = selectedNode.properties as ExtractedEntityNodeProperties
-                          if (p[key]) {
-                            return (
-                              <div className="rb:mt-4" key={key}>
-                                {t(`userMemory.ExtractedEntity_${key}`)}
-                                <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-1 rb:pb-4 rb:border-b rb:border-[#DFE4ED]">
-                                  {Array.isArray(p[key]) && p[key].length > 0
-                                    ? p[key].map((v, i) => <div key={i}>- {v}</div>)
-                                    : p[key]}
-                                </div>
-                              </div>
-                            )
-                          }
-                          return null
-                        })
-                      )}
+                            : selectedNode.label === 'Perceptual' && 'summary' in selectedNode.properties
+                              ? selectedNode.properties.summary
+                            : ''
+                      }
                     </div>
                   </div>
-                </>
-            }
+
+                  <div>
+                    <div className="rb:font-medium rb:leading-5">{t('userMemory.created_at')}</div>
+                    <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-2">
+                      {dayjs((selectedNode as Node).properties.created_at).format('YYYY-MM-DD HH:mm:ss')}
+                    </div>
+                  </div>
+
+                  {(selectedNode as Node).properties.associative_memory > 0 && <div>
+                    <div className="rb:font-medium rb:leading-5">{t('userMemory.associative_memory')}</div>
+                    <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-1 rb:pb-4 rb:border-b rb:border-[#DFE4ED]">
+                      <span className="rb:text-[#155EEF] rb:font-medium">{(selectedNode as Node).properties.associative_memory}</span> {t('userMemory.unix')}{t('userMemory.associative_memory')}
+                    </div>
+                  </div>}
+
+                  {selectedNode.label === 'Statement' && (<>
+                    {(['emotion_keywords', 'emotion_type', 'emotion_subject', 'importance_score'] as const).map(key => {
+                      const p = selectedNode.properties as StatementNodeProperties
+                      if ((key === 'emotion_keywords' && p[key]?.length > 0) || typeof p[key] === 'string') {
+                        return (
+                          <div key={key}>
+                            <div className="rb:font-medium rb:leading-5">{t(`userMemory.Statement_${key}`)}</div>
+                            <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-2">
+                              {key === 'emotion_keywords'
+                                ? <Space>{p.emotion_keywords.map((v, i) => <Tag key={i}>{v}</Tag>)}</Space>
+                                : p[key]}
+                            </div>
+                          </div>
+                        )
+                      }
+                      return null
+                    })}
+                  </>)}
+
+                  {selectedNode.label === 'ExtractedEntity' && <>
+                    {(['name', 'entity_type', 'aliases', 'connect_strngth', 'importance_score'] as const).map(key => {
+                      const p = selectedNode.properties as ExtractedEntityNodeProperties
+                      if (p[key]) {
+                        return (
+                          <div key={key}>
+                            <div className="rb:font-medium rb:leading-5">{t(`userMemory.ExtractedEntity_${key}`)}</div>
+                            <div className="rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:mt-2">
+                              {Array.isArray(p[key]) && p[key].length > 0
+                                ? p[key].map((v, i) => <div key={i}>- {v}</div>)
+                                : p[key]}
+                            </div>
+                          </div>
+                        )
+                      }
+                      return null
+                    })}
+                  </>}
+                  {selectedNode.label === 'Perceptual' && <>
+                    {selectedNode.properties.file_type.includes('image')
+                      ? <Image src={selectedNode.properties.file_path} alt={selectedNode.properties.file_name} className="rb:rounded-xl rb:h-45! rb:w-full" />
+                      : selectedNode.properties.file_type.includes('video')
+                      ? <VideoPlayer src={selectedNode.properties.file_path} />
+                      : selectedNode.properties.file_type.includes('audio')
+                      ? <AudioPlayer src={selectedNode.properties.file_path} fileName={selectedNode.properties.file_name} fileSize={fileSize} />
+                      : <Flex gap={11} align="center" justify="space-between" className="rb:bg-[#F6F6F6] rb:min-h-15.5! rb:rounded-xl rb:p-3!">
+                        <Flex gap={12} align="center">
+                          <div className="rb:w-7.5 rb:h-9 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/file.svg')]"></div>
+                          <div>
+                            <div className="rb:leading-5 rb:font-medium rb:mb-1">{selectedNode.properties.file_name}</div>
+                            <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">
+                              {fileSize || '-'}
+                            </div>
+                          </div>
+                        </Flex>
+                        <div
+                          className="rb:size-6 rb:bg-cover rb:cursor-pointer rb:bg-[url('@/assets/images/userMemory/download.svg')] rb:hover:bg-[url('@/assets/images/userMemory/download_hover.svg')]"
+                          onClick={handleDownload}
+                        ></div>
+                      </Flex>
+                    }
+                  </>}
+                </Flex>
+              </>}
           </div>
+
+          {activeTab !== 'communityNetwork' && <Flex align="center" justify="center" className="rb:absolute rb:bottom-3 rb:left-6 rb:right-6 rb:border rb:border-[#171719] rb:rounded-xl rb:h-11 rb:font-medium rb:leading-5 rb:cursor-pointer" onClick={handleViewAll}>
+            {t('userMemory.completeMemory')}
+          </Flex>}
         </RbCard>
-      </Col>
-    </Row>
+      }
+    </div>
   )
 }
 /** Use React.memo to avoid unnecessary renders */
diff --git a/web/src/views/UserMemoryDetail/components/Suggestions.tsx b/web/src/views/UserMemoryDetail/components/Suggestions.tsx
index 3b7c1800..918e9293 100644
--- a/web/src/views/UserMemoryDetail/components/Suggestions.tsx
+++ b/web/src/views/UserMemoryDetail/components/Suggestions.tsx
@@ -2,12 +2,12 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:31:50 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-04 16:22:03
+ * @Last Modified time: 2026-03-27 11:36:27
  */
 import { useEffect, useState, useRef, forwardRef, useImperativeHandle } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { App } from 'antd'
+import { App, Flex } from 'antd'
 
 import Empty from '@/components/Empty'
 import RbCard from '@/components/RbCard/Card'
@@ -82,25 +82,28 @@ const Suggestions = forwardRef<{ handleRefresh: () => void; }, { refresh: () =>
     <RbCard
       title={t('statementDetail.suggestions')}
       headerType="borderless"
-      headerClassName="rb:leading-[24px] rb:bg-[#F6F8FC]! rb:min-h-[46px]! rb:border-b! rb:border-b-[#DFE4ED]!"
-      bodyClassName="rb:px-[16px]! rb:pt-[20px]! rb:pb-[24px]!"
+      headerClassName="rb:min-h-[46px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-46px)]! rb:overflow-y-auto!"
+      className="rb:h-[calc(100vh-88px)]!"
     >
       {suggestions?.suggestions && suggestions?.suggestions.length > 0
-        ? <>
-          <RbAlert className="rb:mb-3">{suggestions.health_summary}</RbAlert>
-          <div className="rb:space-y-8">
-            {suggestions.suggestions.map((item, index) => (
-              <div key={index}>
-                <div className="rb:font-medium">{index + 1}. {item.title}</div>
-                <div className="rb:text-[12px] rb:text-[#5B6167] rb:mt-2 rb:mb-2 rb:leading-5">{item.content}</div>
+        ? <Flex vertical gap={16} className="rb:h-full! rb:overflow-y-auto!">
+          <RbAlert className="rb:text-[14px] rb:py-2.5! rb:px-3! rb:leading-4">{suggestions.health_summary}</RbAlert>
+          
+          {suggestions.suggestions.map((item, index) => (
+            <div key={index} className="rb:leading-5">
+              <div className="rb:font-medium rb:mb-2">{index + 1}. {item.title}</div>
 
-                <ul className="rb:list-disc rb:ml-4 rb:text-[12px] rb:text-[#5B6167] rb:leading-5">
+              <div className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3">
+                <div className="rb:mb-2">{item.content}</div>
+
+                <ul className="rb:list-disc rb:ml-4">
                   {item.actionable_steps.map((vo, idx) => <li key={idx}>{vo}</li>)}
                 </ul>
               </div>
-            ))}
-          </div>
-        </>
+            </div>
+          ))}
+        </Flex>
         : <Empty size={88} subTitle={t(loading ? 'statementDetail.suggestionLoading' : 'empty.tableEmpty')} className="rb:h-full" />
       }
     </RbCard>
diff --git a/web/src/views/UserMemoryDetail/components/Timeline.tsx b/web/src/views/UserMemoryDetail/components/Timeline.tsx
index 25b327a9..7acfa779 100644
--- a/web/src/views/UserMemoryDetail/components/Timeline.tsx
+++ b/web/src/views/UserMemoryDetail/components/Timeline.tsx
@@ -1,13 +1,14 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:31:36 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:31:36 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:13:44
  */
 import { type FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Space, Divider } from 'antd';
+import { Skeleton, Row, Col, Flex } from 'antd';
+import clsx from 'clsx'
 
 import RbCard from '@/components/RbCard/Card'
 import {
@@ -15,7 +16,6 @@ import {
 } from '@/api/memory'
 import { formatDateTime } from '@/utils/format';
 import Empty from '@/components/Empty'
-import Tag from '@/components/Tag'
 
 /**
  * Timeline item structure
@@ -81,30 +81,41 @@ const Timeline: FC = () => {
   }
 
   return (
-    <RbCard>
+    <RbCard
+      title={t('perceptualDetail.timeLine')}
+      headerType="borderless"
+      headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName="rb:pl-5! rb:pt-0! rb:pr-3! rb:pb-4! rb:h-[calc(100%-54px)] rb:overflow-y-auto"
+      className="rb:h-full!"
+    >
       {loading
         ? <Skeleton active />
         : data.length === 0
         ? <Empty />
-        : <Space size={8} direction="vertical" className="rb:w-full">
+        : <Flex gap={12} vertical>
             {data.map((vo, index) => (
-              <div key={vo.id} className="rb:flex rb:gap-6 rb:min-h-16">
-                <div className="rb:text-[#155EEF] rb:leading-5 rb:font-medium rb:flex rb:flex-col rb:gap-2 rb:items-center">
-                  {formatDateTime(vo.created_time)}
-                  {index !== data.length - 1 && <Divider type="vertical" className="rb:flex-1 rb:w-px rb:border-[#155EEF]!" />}
-                </div>
-                <div className="rb:flex-1 rb:pb-4">
-                  <div className="rb:flex rb:justify-between">
-                    <div className="rb:w-150 rb:leading-5 rb:font-medium">{vo.summary}</div>
-                    <div className="rb:text-[#5B6167] rb:font-medium rb:flex-1 rb:text-right">{t(`perceptualDetail.${perceptual_type[vo.perceptual_type]}`)}</div>
-                  </div>
-                  <div className="rb:text-[#5B6167] rb:leading-5 rb:mt-2">{[vo.domain, vo.topic].join(' | ')}</div>
+              <Row key={vo.id}className="rb:flex rb:gap-6 rb:min-h-16">
+                <Col flex="90px" className="rb:leading-5 rb:font-semibold">
+                  <Flex vertical gap={12} align="center" justify="center" className="rb:h-full!">
+                    <span className="rb:text-center">{formatDateTime(vo.created_time)}</span>
+                    <div className={clsx("rb:flex-1 rb:w-px", {
+                      'rb:bg-[#5B6167]!': index !== data.length - 1
+                    })} />
+                  </Flex>
+                </Col>
+                <Col flex="1" className="rb:mb-1! rb:bg-[#F6F6F6] rb:rounded-xl rb:py-3 rb:px-4">
+                  <div className="rb:leading-4.5 rb:font-bold rb:text-[12px] rb:font-[MiSans-Bold]">{t(`perceptualDetail.${perceptual_type[vo.perceptual_type]}`)}</div>
                   
-                  <Space size={8} className="rb:mt-2">{vo.keywords.map(tag => <Tag>{tag}</Tag>)}</Space>
-                </div>
-              </div>
+                  <div className="rb:leading-5 rb:mt-2">{vo.summary}</div>
+                  <div className="rb:leading-5 rb:text-[#5B6167] rb:mt-2">{[vo.domain, vo.topic].join(' | ')}</div>
+                  
+                  <Flex gap={8} wrap className="rb:mt-2!">
+                    {vo.keywords.map((tag, index) => <div key={index} className="rb:bg-white rb:rounded-[13px] rb:py-1 rb:px-2 rb:font-medium rb:leading-4.5 rb:text-[12px]">{tag}</div>)}
+                  </Flex>
+                </Col>
+              </Row>
             ))}
-        </Space>
+          </Flex>
         }
     </RbCard>
   )
diff --git a/web/src/views/UserMemoryDetail/components/VideoPlayer.tsx b/web/src/views/UserMemoryDetail/components/VideoPlayer.tsx
new file mode 100644
index 00000000..63b369af
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/VideoPlayer.tsx
@@ -0,0 +1,62 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-24 12:21:56 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-24 12:21:56 
+ */
+import { type FC, useRef, useState } from 'react'
+import { CloseOutlined } from '@ant-design/icons'
+interface VideoPlayerProps {
+  src: string
+}
+
+const VideoPlayer: FC<VideoPlayerProps> = ({ src }) => {
+  const [open, setOpen] = useState(false)
+  const videoRef = useRef<HTMLVideoElement>(null)
+
+  const handleOpen = () => setOpen(true)
+
+  const handleClose = () => {
+    videoRef.current?.pause()
+    setOpen(false)
+  }
+
+  return (
+    <>
+      {/* Thumbnail with play overlay */}
+      <div
+        className="rb:relative rb:w-full rb:h-45 rb:rounded-xl rb:overflow-hidden rb:cursor-pointer rb:group"
+        onClick={handleOpen}
+      >
+        <video src={src} className="rb:w-full rb:h-full rb:object-cover" preload="metadata" />
+        <div className="rb:absolute rb:inset-0 rb:bg-black/20 rb:flex rb:items-center rb:justify-center rb:transition-colors group-hover:rb:bg-black/30">
+          <div className="rb:size-10 rb:rounded-full rb:bg-white/80 rb:flex rb:items-center rb:justify-center">
+            <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+              <path d="M5 3.5L14.5 9L5 14.5V3.5Z" fill="#171719" />
+            </svg>
+          </div>
+        </div>
+      </div>
+
+      {/* Fullscreen modal */}
+      {open && (
+        <div
+          className="rb:fixed rb:inset-0 rb:z-1000 rb:bg-black/80 rb:flex rb:items-center rb:justify-center"
+          onClick={handleClose}
+        >
+          <button className="ant-image-preview-close"><CloseOutlined /></button>
+          <video
+            ref={videoRef}
+            src={src}
+            controls
+            autoPlay
+            className="rb:max-w-[90vw] rb:max-h-[90vh] rb:rounded-xl"
+            onClick={e => e.stopPropagation()}
+          />
+        </div>
+      )}
+    </>
+  )
+}
+
+export default VideoPlayer
diff --git a/web/src/views/UserMemoryDetail/components/WordCloud.tsx b/web/src/views/UserMemoryDetail/components/WordCloud.tsx
index 389fade8..ff914bb8 100644
--- a/web/src/views/UserMemoryDetail/components/WordCloud.tsx
+++ b/web/src/views/UserMemoryDetail/components/WordCloud.tsx
@@ -2,13 +2,13 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 18:31:24 
  * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 18:31:24 
+ * @Last Modified time: 2026-03-16 15:02:21 
  */
 import { type FC, useEffect, useState, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
 import ReactEcharts from 'echarts-for-react'
-import { Progress, Row, Col } from 'antd'
+import { Progress, Row, Col, Flex} from 'antd'
 
 import Empty from '@/components/Empty'
 import RbCard from '@/components/RbCard/Card'
@@ -88,6 +88,7 @@ const WordCloud: FC = () => {
     }))
     
     return {
+      color: ['#155EEF'],
       tooltip: {
         trigger: 'item',
         formatter: (params: any) => {
@@ -100,7 +101,24 @@ const WordCloud: FC = () => {
         indicator: radarData.map(item => ({
           name: t(`statementDetail.${item.name}`),
           max: 100,
-          min: 1
+          min: 1,
+          color: '#5B6167',
+          axisLine: {
+            lineStyle: {
+              color: '#EBEBEB'
+            }
+          },
+          splitLine: {
+            show: false,
+          },
+          axisLabel: {
+            show: true,
+            color: '#A8A9AA',
+            fontSize: 10,
+            customValues: [20, 40, 60, 80, 100],
+            align: 'center',
+            margin: 0,
+          }
         }))
       },
       series: [{
@@ -108,7 +126,8 @@ const WordCloud: FC = () => {
         name: 'Emotion Intensity',
         data: [{
           value: radarData.map(item => item.value),
-          name: 'Emotion Intensity'
+          name: 'Emotion Intensity',
+          symbol: 'circle'
         }]
       }]
     }
@@ -118,33 +137,38 @@ const WordCloud: FC = () => {
     <RbCard
       title={t('statementDetail.wordCloud')}
       headerType="borderless"
-      headerClassName="rb:leading-[24px] rb:bg-[#F6F8FC]! rb:min-h-[46px]! rb:border-b! rb:border-b-[#DFE4ED]!"
-      bodyClassName="rb:px-[28px]! rb:py-[16px]!"
+      headerClassName="rb:min-h-[50px]! rb:font-[MiSans-Bold] rb:font-bold"
+      bodyClassName='rb:px-[22px]! rb:pb-[28px]! rb:pt-0! rb:h-[calc(100%-54px)]'
+      className="rb:h-full!"
     >
       {wordCloud?.total_count && wordCloud?.total_count > 0
-        ? <Row gutter={50}>
+        ? <Row gutter={58}>
           <Col span={12}>
-            <ReactEcharts ref={chartRef} option={radarOption} style={{ width: '100%', height: 'calc(100% - 100px)' }} />
-            <div className="rb:mb-4 rb:text-center rb:bg-[#F5F7FC] rb:rounded-lg rb:p-2.5 rb:mt-4">
-              <span className="rb:text-[#155EEF] rb:text-[28px] rb:font-bold rb:leading-8">{wordCloud.total_count}</span><br />
+            <ReactEcharts
+              ref={chartRef}
+              option={radarOption}
+              style={{ width: '100%', height: 'calc(100% - 88px)' }}
+            />
+            <div className="rb:text-center rb:bg-[#F6F6F6] rb:rounded-lg rb:p-2.5 rb:mt-4">
+              <span className="rb:font-[MiSans-Heavy] rb:font-bold rb:text-[24px] rb:leading-8">{wordCloud.total_count}</span><br />
               <span className="rb:text-[#5B6167] rb:leading-5">{t('statementDetail.totalCount')}</span>
             </div>
           </Col>
           <Col span={12}>
-            <div className="rb:space-y-5">
+            <Flex vertical gap={20} className="rb:pt-1!">
               {wordCloud.tags.map(item => (
                 <div key={item.emotion_type}>
                   <div className="rb:flex rb:items-center rb:justify-between">
                     <div>
-                      <span className="rb:font-medium">{t(`statementDetail.${item.emotion_type}`)}</span>
-                      <span className="rb:font-regular rb:text-[#5B6167]"> ( {item.count} {t('statementDetail.pieces')} )</span>
+                      <span className="rb:font-medium rb:text-[#212332]">{t(`statementDetail.${item.emotion_type}`)}</span>
+                      <span className="rb:font-regular rb:text-[#5B6167]">({item.count} {t('statementDetail.pieces')})</span>
                     </div>
-                    <div className="rb:text-[12px] rb:text-[#155EEF] rb:font-medium">{item.percentage.toFixed(1)}%</div>
+                    <div className="rb:font-medium">{item.percentage.toFixed(1)}%</div>
                   </div>
                   <Progress strokeColor="#155EEF" percent={item.percentage} showInfo={false} />
                 </div>
               ))}
-            </div>
+            </Flex>
           </Col>
         </Row>
         : <Empty size={88} />
diff --git a/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx b/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx
index 2bb4dfd8..647cc104 100644
--- a/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/EpisodicDetail.tsx
@@ -1,8 +1,14 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-01-08 19:46:02 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:20:40
+ */
 import { type FC, useEffect, useState } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Row, Col, Select, Form, Space, Skeleton, Input } from 'antd'
+import { Row, Col, Select, Form, Skeleton, Input, Flex } from 'antd'
 import RbCard from '@/components/RbCard/Card'
 import {
   getEpisodicOverview,
@@ -10,29 +16,40 @@ import {
 } from '@/api/memory'
 import { formatDateTime } from '@/utils/format'
 import Tag from '@/components/Tag'
-import RbAlert from '@/components/RbAlert'
 import Empty from '@/components/Empty'
 
+/** Single episodic memory item returned by the overview API. */
 interface EpisodicMemory {
   id: string;
   title: string;
   type: string;
   created_at: number;
 }
+
+/** Response shape of the episodic overview API. */
 interface EpisodicOverviewData {
+  /** Count of memories matching the current filter. */
   total: number;
+  /** Total count of all episodic memories (unfiltered). */
   total_all: number;
   episodic_memories: EpisodicMemory[]
 }
+
+/** Full detail of a single episodic memory entry. */
 interface EpisodicMemoryDetail {
   id: string;
   created_at: number;
+  /** People or entities involved in this episode. */
   involved_objects: string[];
+  /** Category such as conversation, learning, decision, etc. */
   episodic_type: string;
+  /** Ordered list of content paragraphs describing the episode. */
   content_records: string[];
+  /** Emotion label associated with this episode (e.g. "joy", "neutral"). */
   emotion: string;
 }
 
+/** Maps episodic type keys to Ant Design Tag color presets. */
 const TAG_COLORS: Record<string, "processing" | "success" | "warning" | "error" | "default"> = {
   conversation: "processing",
   project_work: "success",
@@ -41,16 +58,8 @@ const TAG_COLORS: Record<string, "processing" | "success" | "warning" | "error"
   important_event: "error",
   default: 'default'
 }
-const BG_COLORS: Record<string, string> = {
-  conversation: "rb:bg-[#155EEF]",
-  project_work: "rb:bg-[#369F21]",
-  learning: "rb:bg-[#FF5D34]",
-  decision: "rb:bg-[#FF5D34]",
-  important_event: "rb:bg-[#5B6167]",
-  default: 'rb:bg-[#F0F3F8] rb:text-[#5B6167]!'
-}
 
-// Map display types to internal keys
+/** Normalise a display-friendly type string (e.g. "Project/Work") to its internal key (e.g. "project_work"). */
 const getTypeKey = (type: string): string => {
   if (!type) return 'default'
   const typeMap: Record<string, string> = {
@@ -62,22 +71,34 @@ const getTypeKey = (type: string): string => {
   }
   return typeMap[type] || type.toLowerCase().replace(/[^a-z0-9]/g, '_')
 }
+/**
+ * EpisodicDetail – Displays a user's episodic memories in a master-detail layout.
+ *
+ * Left panel: filterable & searchable list of episodic memory cards.
+ * Right panel: full detail view of the selected episode including metadata,
+ * content records and emotion label.
+ *
+ * Route param `id` is the end-user ID whose memories are being viewed.
+ */
 const EpisodicDetail: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [form] = Form.useForm()
   const [loading, setLoading] = useState<boolean>(false)
   const [data, setData] = useState<EpisodicOverviewData>({} as EpisodicOverviewData)
+  /** Reactive form values used as filter params (time_range, episodic_type, title_keyword). */
   const values = Form.useWatch([], form)
   const [detailLoading, setDetailLoading] = useState<boolean>(false)
   const [detail, setDetail] = useState<EpisodicMemoryDetail | null>(null)
   const [selected, setSelected] = useState<EpisodicMemory | null>(null)
 
+  /* Fetch overview when the route user ID changes. */
   useEffect(() => {
     if (!id) return
     getData()
   }, [id])
 
+  /** Fetch the episodic memory overview list with current filter values. */
   const getData = () => {
     if (!id) return
     setLoading(true)
@@ -99,14 +120,17 @@ const EpisodicDetail: FC = () => {
     })
   }
 
+  /* Re-fetch overview whenever filter form values change. */
   useEffect(() => {
     getData()
   }, [values])
 
+  /* Load detail whenever a different memory card is selected. */
   useEffect(() => {
     getDetail()
   }, [selected])
 
+  /** Fetch full detail for the currently selected episodic memory. */
   const getDetail = () => {
     if (!selected || !selected.id) return
 
@@ -124,133 +148,148 @@ const EpisodicDetail: FC = () => {
   }
 
   return (
-    <div className="rb:h-full rb:max-w-266 rb:mx-auto">
-      <div className="rb:flex rb:justify-between rb:items-center rb:text-[#FFFFFF] rb:leading-5 rb:h-30 rb:p-5 rb:bg-[url('@/assets/images/userMemory/shortTerm.png')] rb:bg-cover rb:mb-6">
-        <div className="rb:max-w-135">{t('episodicDetail.title')}</div>
-
-        <div className="rb:grid rb:grid-cols-1 rb:gap-4">
-          <div className="rb:bg-[rgba(255,255,255,0.2)] rb:rounded-lg rb:p-3.5 rb:text-[12px] rb:text-center">
-            <div className="rb:text-[24px] rb:leading-8 rb:mb-1">{data.total_all ?? 0}</div>
-            {t(`episodicDetail.total_all`)}
-          </div>
-        </div>
-      </div>
-
-      <Form form={form} initialValues={{ time_range: 'all', episodic_type: 'all' }}>
-        <Row gutter={16}>
-          <Col span={6}>
-            <Form.Item name="time_range">
-              <Select
-                placeholder={t('common.pleaseSelect')}
-                options={[
-                  { value: 'all', label: t('episodicDetail.all') },
-                  { value: 'today', label: t('episodicDetail.today') },
-                  { value: 'this_week', label: t('episodicDetail.this_week') },
-                  { value: 'this_month', label: t('episodicDetail.this_month') },
-                ]}
-              />
-            </Form.Item>
-          </Col>
-          <Col span={6}>
-            <Form.Item name="episodic_type">
-              <Select
-                placeholder={t('common.pleaseSelect')}
-                options={[
-                  { value: 'all', label: t('episodicDetail.all') },
-                  { value: 'conversation', label: t('episodicDetail.conversation') },
-                  { value: 'project_work', label: t('episodicDetail.project_work') },
-                  { value: 'learning', label: t('episodicDetail.learning') },
-                  { value: 'decision', label: t('episodicDetail.decision') },
-                  { value: 'important_event', label: t('episodicDetail.important_event') },
-                ]}
-              />
-            </Form.Item>
-          </Col>
-          <Col span={6}>
-            <Form.Item name="title_keyword">
-              <Input placeholder={t('episodicDetail.titleKeywordPlaceholder')} />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Form>
-
-      <Row gutter={16}>
-        <Col span={8}>
-          <RbCard
-            title={<>{t('episodicDetail.curResult')}<span className="rb:text-[#5B6167] rb:font-regular!"> ({data.total || 0}{t('episodicDetail.unix')})</span></>}
-            headerType="borderless"
-            bodyClassName="rb:h-[calc(100vh-349px)] rb:overflow-y-auto"
-          >
-            {loading
-              ? <Skeleton active />
-              : !data.episodic_memories || data.episodic_memories.length === 0
-                ? <Empty />
-                : (
-                  <Space size={8} direction="vertical" className="rb:w-full">
-                    {data.episodic_memories.map((vo, index) => (
-                      <div
-                        key={vo.id}
-                        className={clsx("rb:cursor-pointer rb:flex rb:items-center rb:bg-[#FFFFFF] rb:border  rb:rounded-lg rb:px-3 rb:py-2 rb:leading-5", {
-                          'rb:border-[#DFE4ED] rb:shadow-[0px_2px_4px_0px_rgba(33,35,50,0.16)]': selected?.id !== vo.id,
-                          'rb:border-[#155EEF]': selected?.id === vo.id,
-                        })}
-                        onClick={() => setSelected(vo)}
-                      >
-                        <div className={clsx("rb:rounded-lg rb:text-[#FFFFFF] rb:size-6 rb:text-[12px] rb:leading-6 rb:text-center rb:mr-3", BG_COLORS[getTypeKey(vo.type)])}>{index + 1}</div>
-                        <div className="rb:flex-1 rb:w-[calc(100%-36px)]">
-                          <div className="rb:flex rb:items-center rb:justify-between">
-                            <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1">{vo.title}</div>
-                            {vo.type && <Tag color={TAG_COLORS[getTypeKey(vo.type)]}>{t(`episodicDetail.${getTypeKey(vo.type)}`)}</Tag>}
-                          </div>
-                          <div className="rb:text-[#5B6167] rb:text-[12px]">{formatDateTime(vo.created_at)}</div>
-                        </div>
+    <Row gutter={16} className="rb:h-full!">
+      <Col flex="400px" className="rb:h-full!">
+        <RbCard
+          title={<div className="rb:leading-5.5!">
+            <span className="rb:font-[MiSans-Bold] rb:font-bold">{t('episodicDetail.curResult')}</span>
+            <span className="rb:text-[#5B6167] rb:font-regular!"> ({data.total || 0}{t('episodicDetail.unix')})</span>
+          </div>}
+          headerType="borderless"
+          className="rb:h-full!"
+          headerClassName="rb:min-h-[38px]! rb:pt-3! rb:mb-0!"
+          bodyClassName="rb:p-3! rb:pb-0! rb:h-[calc(100%-38px)]!"
+        >
+          <Form form={form} initialValues={{ time_range: 'all', episodic_type: 'all' }}>
+            <Row gutter={[8, 8]} className="rb:mb-3">
+              <Col span={12}>
+                <Form.Item name="time_range" noStyle>
+                  <Select
+                    placeholder={t('common.pleaseSelect')}
+                    options={[
+                      { value: 'all', label: t('episodicDetail.all') },
+                      { value: 'today', label: t('episodicDetail.today') },
+                      { value: 'this_week', label: t('episodicDetail.this_week') },
+                      { value: 'this_month', label: t('episodicDetail.this_month') },
+                    ]}
+                    className="rb:w-full"
+                  />
+                </Form.Item>
+              </Col>
+              <Col span={12}>
+                <Form.Item name="episodic_type" noStyle>
+                  <Select
+                    placeholder={t('common.pleaseSelect')}
+                    options={[
+                      { value: 'all', label: t('episodicDetail.all') },
+                      { value: 'conversation', label: t('episodicDetail.conversation') },
+                      { value: 'project_work', label: t('episodicDetail.project_work') },
+                      { value: 'learning', label: t('episodicDetail.learning') },
+                      { value: 'decision', label: t('episodicDetail.decision') },
+                      { value: 'important_event', label: t('episodicDetail.important_event') },
+                    ]}
+                    className="rb:w-full"
+                  />
+                </Form.Item>
+              </Col>
+              <Col span={24}>
+                <Form.Item name="title_keyword" noStyle>
+                  <Input placeholder={t('episodicDetail.titleKeywordPlaceholder')} />
+                </Form.Item>
+              </Col>
+            </Row>
+          </Form>
+          {loading
+            ? <Skeleton active />
+            : !data.episodic_memories || data.episodic_memories.length === 0
+              ? <Empty />
+              : (
+                <Flex gap={12} vertical className="rb:overflow-y-auto rb:h-[calc(100%-84px)] rb:pb-3!">
+                  {data.episodic_memories.map((vo, index) => (
+                    <Flex
+                      key={vo.id}
+                      gap={12}
+                      align="center"
+                      className={clsx("rb:cursor-pointer rb:rounded-xl rb:px-3! rb:py-2!", {
+                        'rb-border': selected?.id !== vo.id,
+                        'rb:border rb:border-[#171719]': selected?.id === vo.id,
+                      })}
+                      onClick={() => setSelected(vo)}
+                    >
+                      <div className="rb:rounded-md rb:text-[#FFFFFF] rb:size-5 rb:text-[10px] rb:leading-3.5 rb:text-center rb:py-0.75 rb:bg-[#171719]">{index + 1}</div>
+                      <div className="rb:flex-1 rb:w-[calc(100%-36px)]">
+                        <div className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1 rb:text-[#212332] rb:font-medium rb:leading-5 rb:mb-1">{vo.title}</div>
+                        <Flex align="center" justify="space-between" className="rb:text-[#5B6167] rb:text-[12px]">
+                          {formatDateTime(vo.created_at)}
+                          {vo.type && <Tag color={TAG_COLORS[getTypeKey(vo.type)]}>{t(`episodicDetail.${getTypeKey(vo.type)}`)}</Tag>}
+                        </Flex>
                       </div>
-                    ))}
-                  </Space>
-                )
-            }
-          </RbCard>
-        </Col>
-        <Col span={16}>
-          <RbCard
-            title={selected?.title}
-            headerType="borderless"
-            bodyClassName="rb:h-[calc(100vh-349px)] rb:overflow-y-auto"
-          >
-            {detailLoading
-              ? <Skeleton active />
-              : !selected || !detail
-                ? <Empty className="rb:mt-14" />
-                : (
-                  <Space size={12} direction="vertical" className="rb:w-full">
-                    <div className="rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:px-3 rb:py-2 rb:leading-5">
-                      <Row gutter={[12, 16]}>
-                        <Col span={12}>
-                          <div className="rb:text-[#5B6167]">{t('episodicDetail.created')}<br />{formatDateTime(detail.created_at)}</div>
-                        </Col>
-                        <Col span={12}>
-                          <div className="rb:text-[#5B6167]">{t('episodicDetail.episodic_type')}<br />{detail.episodic_type}</div>
-                        </Col>
-                        {detail.involved_objects.length > 0 && <Col span={24}>
-                          <div className="rb:font-medium rb:leading-5 rb:mb-1">{t('episodicDetail.involved_objects')}</div>
-                          <Space size={8}>{detail.involved_objects.map((vo, index) => <Tag key={index}>{vo}</Tag>)}</Space>
-                        </Col>}
-                      </Row>
+                    </Flex>
+                  ))}
+                </Flex>
+              )
+          }
+        </RbCard>
+      </Col>
+      <Col flex="1" className="rb:h-full!">
+        <RbCard
+          title={selected?.title}
+          headerType="borderless"
+          className="rb:h-full!"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-54px)]! rb:overflow-y-auto"
+        >
+          {detailLoading
+            ? <Skeleton active />
+            : !selected || !detail
+              ? <Empty className="rb:mt-14" />
+              : (
+                <Flex gap={16} vertical>
+                  <div className="rb-border rb:rounded-xl rb:px-4 rb:py-3">
+                    <Row gutter={12}>
+                      <Col span={8}>
+                        <div className="rb:text-[#5B6167] rb:leading-5">
+                          {t('episodicDetail.created')}
+                          <div className="rb:font-medium rb:mt-1 rb:text-[#171719]">{formatDateTime(detail.created_at)}</div>
+                        </div>
+                      </Col>
+                      <Col span={8}>
+                        <div className="rb:text-[#5B6167] rb:leading-5">
+                          {t('episodicDetail.episodic_type')}
+                          <div className="rb:font-medium rb:mt-1 rb:text-[#171719]">{detail.episodic_type}</div>
+                        </div>
+                      </Col>
+                      {detail.involved_objects.length > 0 && <Col span={8}>
+                        <div className="rb:text-[#5B6167] rb:leading-5">
+                          {t('episodicDetail.involved_objects')}
+                          <Flex gap={8} className="rb:mt-1!">{detail.involved_objects.map((vo, index) => <Tag key={index}>{vo}</Tag>)}</Flex>
+                        </div>
+                      </Col>}
+                    </Row>
+                  </div>
+                  <div>
+                    <div className="rb:font-medium rb:leading-5 rb:mb-2 rb:pl-1">{t('episodicDetail.content_records')}</div>
+
+                    <ul className="rb:leading-5.5 rb:list-disc rb-border rb:rounded-xl rb:pl-8 rb:pr-4 rb:py-3">
+                      {detail.content_records.map((vo, index) => <li key={index}>{vo}</li>)}
+                    </ul>
+                  </div>
+
+                  <div>
+                    <div className="rb:font-medium rb:leading-5 rb:mb-2 rb:pl-1">{t('episodicDetail.emotion')}</div>
+                    <div className="rb-border rb:rounded-xl rb:px-4 rb:py-3">
+                      {detail.emotion
+                        ? t(`episodicDetail.${detail.emotion || 'none'}`)
+                        : <Empty size={96} className="rb:pt-1! rb:pb-3.5!" />
+                      }
                     </div>
-                    <div className="rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:px-3 rb:py-2 rb:leading-5">
-                      <div className="rb:font-medium rb:leading-5 rb:mb-1">{t('episodicDetail.content_records')}</div>
-                      {detail.content_records.map((vo, index) => <div key={index} className="rb:text-[#5B6167] rb:leading-5">- {vo}</div>)}
-                    </div>
-                    <RbAlert>
-                      {t('episodicDetail.emotion')}: {t(`episodicDetail.${detail.emotion || 'none'}`)}
-                    </RbAlert>
-                  </Space>
-                )
-            }
-          </RbCard>
-        </Col>
-      </Row>
-    </div>
+                  </div>
+                </Flex>
+              )
+          }
+        </RbCard>
+      </Col>
+    </Row>
   )
 }
 export default EpisodicDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/ExplicitDetail.tsx b/web/src/views/UserMemoryDetail/pages/ExplicitDetail.tsx
index 6d2f244d..185ed02d 100644
--- a/web/src/views/UserMemoryDetail/pages/ExplicitDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/ExplicitDetail.tsx
@@ -1,7 +1,16 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-01-10 17:35:17 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:19:38
+ */
 import { type FC, useEffect, useState, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Skeleton, Row, Col } from 'antd'
+import { Skeleton, Row, Col, Flex } from 'antd'
+import * as echarts from 'echarts'
+import 'echarts-wordcloud'
+
 import RbCard from '@/components/RbCard/Card'
 import {
   getExplicitMemory,
@@ -10,40 +19,67 @@ import { formatDateTime } from '@/utils/format'
 import Empty from '@/components/Empty'
 import ExplicitDetailModal from '../components/ExplicitDetailModal'
 
+/** An episodic (event-based) memory entry with a title and free-text content. */
 export interface EpisodicMemory {
   id: string;
   title: string;
   content: string;
   created_at: number;
 }
+
+/** A semantic (concept-based) memory entry extracted as a named entity. */
 export interface SemanticMemory {
   id: string;
+  /** Entity name displayed in the word cloud. */
   name: string;
+  /** Classification of the entity (e.g. person, location, concept). */
   entity_type: string;
+  /** Brief definition or description of the entity. */
   core_definition: string;
   created_at: number;
 }
+
+/** Combined API response containing both memory categories. */
 interface Data {
   episodic_memories: EpisodicMemory[];
   semantic_memories: SemanticMemory[]
 }
 
+/** Imperative handle exposed by ExplicitDetailModal for opening the detail drawer. */
 export interface ExplicitDetailModalRef {
   handleOpen: (vo: EpisodicMemory | SemanticMemory) => void;
 }
 
+/** Rotating colour palette used for word-cloud text. */
+const DEFAULT_COLORS = ['#FF8A4C', '#FF5D34', '#155EEF', '#9C6FFF', '#4DA8FF', '#369F21']
+
+/**
+ * ExplicitDetail – Two-column view of a user's explicit memories.
+ *
+ * Left column: scrollable list of episodic memory cards (title + content).
+ * Right column: ECharts word cloud built from semantic memory entity names;
+ *              clicking a word opens the detail modal.
+ *
+ * Route param `id` is the end-user ID whose memories are displayed.
+ */
 const ExplicitDetail: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
   const explicitDetailModalRef = useRef<ExplicitDetailModalRef>(null)
+  /** Container element for the ECharts word-cloud instance. */
+  const wordCloudRef = useRef<HTMLDivElement>(null)
+  /** Keeps a stable reference to the ECharts instance for cleanup. */
+  const chartInstance = useRef<echarts.ECharts | null>(null)
   const [loading, setLoading] = useState<boolean>(false)
   const [data, setData] = useState<Data>({ episodic_memories: [], semantic_memories: [] })
 
+  /* Fetch data whenever the route user ID changes. */
   useEffect(() => {
     if (!id) return
     getData()
   }, [id])
-  
+
+  /** Load both episodic and semantic memories for the current user. */
   const getData = () => {
     if (!id) return
     setLoading(true)
@@ -56,54 +92,98 @@ const ExplicitDetail: FC = () => {
       setLoading(false)
     })
   }
+  /** Open the detail modal for a given memory item. */
   const handleView = (item: EpisodicMemory | SemanticMemory) => {
     explicitDetailModalRef.current?.handleOpen(item)
   }
-  return (
-    <div className="rb:h-full rb:w-full">
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mt-3 rb:rounded-md rb:mb-4">{t('explicitDetail.episodic_memories')}</div>
-      {loading ?
-        <Skeleton active />
-        : data.episodic_memories?.length > 0 ? (
-          <Row gutter={[16, 16]}>
-            {data.episodic_memories.map(item => (
-              <Col key={item.id} span={6}>
-                <RbCard
-                  title={item.title}
-                  className="rb:h-full! rb:cursor-pointer"
-                  onClick={() => handleView(item)}
-                >
-                  <div>{formatDateTime(item.created_at)}</div>
-                  <div>{item.content}</div>
-                </RbCard>
-              </Col>
-            ))}
-          </Row>
-        ) : <Empty />}
 
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mt-6 rb:rounded-md rb:mb-4">{t('explicitDetail.semantic_memories')}</div>
-      {loading ?
-        <Skeleton active />
-        : data.semantic_memories?.length > 0 ? (
-          <Row gutter={[16, 16]}>
-            {data.semantic_memories.map(item => (
-              <Col key={item.id} span={6}>
-                <RbCard
-                  title={item.name}
-                  className="rb:h-full! rb:cursor-pointer"
-                  onClick={() => handleView(item)}
-                >
-                  <div>{item.core_definition}</div>
-                </RbCard>
-              </Col>
-            ))}
-          </Row>
-        ) : <Empty />}
+  /**
+   * Initialise / re-render the word cloud whenever semantic memories change.
+   * Each word is clickable and opens the detail modal for that entity.
+   * The chart instance is disposed on cleanup to prevent memory leaks.
+   */
+  useEffect(() => {
+    if (!wordCloudRef.current || !data.semantic_memories?.length) return
+    if (chartInstance.current) chartInstance.current.dispose()
+    chartInstance.current = echarts.init(wordCloudRef.current)
+    chartInstance.current.setOption({
+      series: [{
+        type: 'wordCloud',
+        gridSize: 8,
+        sizeRange: [14, 56],
+        rotationRange: [-45, 45],
+        shape: 'pentagon',
+        width: '100%',
+        height: '100%',
+        textStyle: { fontFamily: 'sans-serif', fontWeight: 'bold' },
+        emphasis: { textStyle: { shadowBlur: 10, shadowColor: '#333' } },
+        data: data.semantic_memories.map((item, index) => ({
+          name: item.name,
+          value: 50 + (index % 5) * 10,
+          itemIndex: index,
+          textStyle: { color: DEFAULT_COLORS[index % DEFAULT_COLORS.length] }
+        }))
+      }]
+    })
+    chartInstance.current.on('click', (params) => {
+      const item = data.semantic_memories[(params.data as any).itemIndex]
+      if (item) handleView(item)
+    })
+    return () => { chartInstance.current?.dispose(); chartInstance.current = null }
+  }, [data.semantic_memories])
+  return (
+    <Row gutter={12} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
+        <RbCard
+          title={t('explicitDetail.episodic_memories')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[50px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-50px)] rb:overflow-y-auto!"
+          className="rb:h-full!"
+        >
+          {loading ?
+            <Skeleton active />
+            : data.episodic_memories?.length > 0 ? (
+              <Flex gap={12} vertical>
+                {data.episodic_memories.map(item => (
+                  <div
+                    key={item.id}
+                    className="rb:cursor-pointer rb:bg-[#F6F6F6] rb:rounded-xl rb:pt-2.5 rb:px-3 rb:pb-3"
+                    onClick={() => handleView(item)}
+                  >
+                    <Flex align="center" justify="space-between">
+                      <span className="rb:font-medium rb:pl-1">{item.title}</span>
+                      <div className="rb:textt-[#5B6167] rb:leading-4.25 rb:text-[12px]">{formatDateTime(item.created_at)}</div>
+                    </Flex>
+                    <div className="rb:bg-white rb:rounded-lg rb:py-2.5 rb:px-3 rb:mt-2.5 rb:leading-5">{item.content}</div>
+                  </div>
+                ))}
+              </Flex>
+            ) : <Empty />
+          }
+        </RbCard>
+      </Col>
+      <Col span={12} className="rb:h-full!">
+        <RbCard
+          title={t('explicitDetail.semantic_memories')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-54px)] rb:overflow-y-auto!"
+          className="rb:h-full!"
+        >
+          {loading ?
+            <Skeleton active />
+            : data.semantic_memories?.length > 0
+              ? <div ref={wordCloudRef} className="rb:h-full rb:w-full rb:cursor-pointer" />
+              : <Empty />
+          }
+        </RbCard>
+      </Col>
 
       <ExplicitDetailModal
         ref={explicitDetailModalRef}
       />
-    </div>
+    </Row>
   )
 }
 export default ExplicitDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx b/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx
index 9a19f055..04391107 100644
--- a/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/ForgetDetail.tsx
@@ -1,19 +1,28 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-01-07 20:37:34 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 12:05:26
+ */
 import { useEffect, useState, useMemo, forwardRef, useImperativeHandle, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Row, Col, Progress, App } from 'antd'
+import { Row, Col, Progress, App, Table } from 'antd'
+
 import RbCard from '@/components/RbCard/Card'
 import {
   getForgetStats,
+  getForgetPendingNodesUrl,
 } from '@/api/memory'
 import type { ForgetData } from '../types'
 import ActivationMetricsPieCard from '../components/ActivationMetricsPieCard'
 import RecentTrendsLineCard from '../components/RecentTrendsLineCard'
-import Table from '@/components/Table'
 import { formatDateTime } from '@/utils/format'
 import StatusTag from '@/components/StatusTag'
-import ForgetRefreshModal from '../components/ForgetRefreshModal'
+import ForgetRefreshModal from '../components/ForgetRefreshModal';
+import RbTable from '@/components/Table'
 
+/** Maps node type keys to StatusTag colour presets for the pending-nodes table. */
 const statusTagColors: Record<string, 'success' | 'purple' | 'default' | 'warning' | 'error' | 'lightBlue'> = {
   statement: 'success',
   entity: 'purple',
@@ -21,10 +30,25 @@ const statusTagColors: Record<string, 'success' | 'purple' | 'default' | 'warnin
   chunk: 'warning',
 }
 
+/** Imperative handle exposed by ForgetRefreshModal for triggering the refresh dialog. */
 export interface ForgetRefreshModalRef {
   handleOpen: () => void;
 }
 
+/**
+ * ForgetDetail – Dashboard for the forgetting engine of a single user.
+ *
+ * Layout (top → bottom):
+ * 1. Overview row (3 metric cards): total memory nodes, memory health
+ *    (average activation vs threshold), and forgetting-risk count.
+ * 2. Pie chart (activation distribution) + line chart (7-day trends).
+ * 3. Pending-nodes table listing low-activation memories at risk of being forgotten.
+ *
+ * The parent can trigger a manual forgetting refresh via the imperative
+ * `handleRefresh` method exposed through `forwardRef`.
+ *
+ * Route param `id` is the end-user ID.
+ */
 const ForgetDetail = forwardRef((_props, ref) => {
   const { t } = useTranslation()
   const { id } = useParams()
@@ -33,11 +57,16 @@ const ForgetDetail = forwardRef((_props, ref) => {
   const [data, setData] = useState<ForgetData>({} as ForgetData)
   const forgetRefreshModalRef = useRef<ForgetRefreshModalRef>(null)
 
+  /* Fetch stats whenever the route user ID changes. */
   useEffect(() => {
     if (!id) return
     getData()
   }, [id])
 
+  /**
+   * Load forgetting-engine statistics for the current user.
+   * @param flag - When true, shows a success toast after loading (used after manual refresh).
+   */
   const getData = (flag: boolean = false) => {
     if (!id) return
     setLoading(true)
@@ -53,6 +82,10 @@ const ForgetDetail = forwardRef((_props, ref) => {
       setLoading(false)
     })
   }
+  /**
+   * Derive pie-chart data from activation metrics.
+   * Splits total nodes into three zones: healthy, observation (no activation), and forgetting (low activation).
+   */
   const chartData = useMemo(() => {
     const { activation_metrics } = data
     if (!activation_metrics) return []
@@ -67,6 +100,10 @@ const ForgetDetail = forwardRef((_props, ref) => {
 
   }, [data.activation_metrics, t])
 
+  /**
+   * Prepare line-chart series from the recent 7-day trend data.
+   * Returns merged_count (daily merged nodes) and average_activation as two series.
+   */
   const seriesList = useMemo(() => {
     const { recent_trends = [] } = data
     if (!recent_trends || recent_trends.length === 0) return { chartData: [], seriesList: [] }
@@ -77,105 +114,135 @@ const ForgetDetail = forwardRef((_props, ref) => {
     }
   }, [data.recent_trends])
 
+  /** Open the forgetting-refresh confirmation modal. */
   const handleRefresh = () => {
     forgetRefreshModalRef.current?.handleOpen()
   }
 
+  /* Expose handleRefresh to parent components via ref. */
   useImperativeHandle(ref, () => ({
     handleRefresh
   }));
 
   return (
-    <div className="rb:h-full rb:max-w-266 rb:mx-auto">
-      <div className="rb:text-[#5B6167] rb:leading-5 rb:mt-3">{t('forgetDetail.title')}</div>
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-4 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('forgetDetail.overviewTitle')}</div>
-      <Row gutter={16}>
-        <Col span={8}>
-          <RbCard>
-            <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mb-2">{t('forgetDetail.totalMemory')}</div>
-            <div className="rb:text-[26px] rb:font-bold rb:leading-8.5">{data?.activation_metrics?.total_nodes ?? 0}</div>
-            <div className="rb:mt-4 rb:grid rb:grid-cols-2 rb:gap-x-2 rb:gap-y-5 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:px-3 rb:py-2">
-              {['statement_count', 'entity_count', 'summary_count', 'chunk_count'].map((key, index) => (
-                <div key={index}>
-                  <div className="rb:text-[16px] rb:font-bold rb:leading-5.5">{data?.node_distribution?.[key as keyof typeof data.node_distribution] ?? 0}</div>
-                  <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mt-1">{t(`forgetDetail.${key}`)}</div>
-                </div>
-              ))}
-            </div>
-          </RbCard>
-        </Col>
-        <Col span={8}>
-          <RbCard>
-            <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mb-2">{t('forgetDetail.MemoryHealth')}</div>
-            <div className="rb:text-[26px] rb:font-bold rb:leading-8.5">{data?.activation_metrics?.average_activation_value ?? 0}</div>
-            <Progress className="rb:mt-px" showInfo={false} percent={data?.activation_metrics?.average_activation_value ?? 0} />
-            <div className="rb:mt-4 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:px-3 rb:py-2">
-              <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular">{t('forgetDetail.healthStatus')}</div>
-              <div className="rb:text-[20px] rb:font-semibold rb:leading-7">{data?.activation_metrics?.average_activation_value > data.activation_metrics?.forgetting_threshold ? t('forgetDetail.healthy') : t('forgetDetail.unhealthy')}</div>
-              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.25 rb:mt-2">
-                {t('forgetDetail.average')}<br />
-                {t('forgetDetail.threshold')}{data.activation_metrics?.forgetting_threshold ?? 0}
+    <Row gutter={[12, 12]}>
+      <Col span={12}>
+        <RbCard
+          title={t('forgetDetail.overviewTitle')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:overflow-visible!"
+        >
+          <div className="rb:grid rb:grid-cols-3 rb:gap-3">
+            <div className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-2 rb:pt-3">
+              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:mb-1">{t('forgetDetail.totalMemory')}</div>
+              <div className="rb:text-[18px] rb:font-[MiSans-Bold] rb:font-bold rb:leading-6 rb:mb-2">{data?.activation_metrics?.total_nodes ?? 0}</div>
+              <div className="rb:bg-white rb:rounded-lg rb:p-3 rb:grid rb:grid-cols-2 rb:gap-x-2 rb:gap-y-6">
+                {['statement_count', 'entity_count', 'summary_count', 'chunk_count'].map((key, index) => (
+                  <div key={index}>
+                    <div className="rb:font-[MiSans-Bold] rb:font-bold rb:leading-4.75">{data?.node_distribution?.[key as keyof typeof data.node_distribution] ?? 0}</div>
+                    <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:mt-1">{t(`forgetDetail.${key}`)}</div>
+                  </div>
+                ))}
               </div>
             </div>
-          </RbCard>
-        </Col>
-        <Col span={8}>
-          <RbCard>
-            <div className="rb:text-[#5B6167] rb:leading-5 rb:font-regular rb:mb-2">{t('forgetDetail.riskOfForgetting')}</div>
-            <div className="rb:text-[26px] rb:font-bold rb:leading-8.5">{data.activation_metrics?.low_activation_nodes ?? 0}</div>
-            <div className="rb:mb-31.5 rb:text-[#A8A9AA] rb:text-[12px] rb:leading-4 rb:font-regular rb:mt-1">{t('forgetDetail.low_nodes')}</div>
-          </RbCard>
-        </Col>
-      </Row>
+            <div className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-2 rb:pt-3">
+              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:mb-1">{t('forgetDetail.MemoryHealth')}</div>
+              <div className="rb:text-[18px] rb:font-[MiSans-Bold] rb:font-bold rb:leading-6">{data?.activation_metrics?.average_activation_value ?? 0}</div>
+              <div className="rb:-mt-1 rb:mb-2">
+                <Progress showInfo={false} percent={data?.activation_metrics?.average_activation_value ?? 0} />
+              </div>
 
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-4 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('forgetDetail.memoryHealthVisualization')}</div>
-      <Row gutter={16}>
-        <Col span={12}>
-          <ActivationMetricsPieCard chartData={chartData} loading={loading} />
-        </Col>
-        <Col span={12}>
-          <RecentTrendsLineCard chartData={seriesList.chartData} seriesList={seriesList.seriesList} loading={loading} />
-        </Col>
-      </Row>
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-4 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('forgetDetail.pending_nodes')}</div>
-      <Table
-        rowKey='node_id'
-        initialData={data.pending_nodes ?? []}
-        columns={[
-          {
-            title: t('forgetDetail.content_summary'),
-            dataIndex: 'content_summary',
-            key: 'content_summary',
-            width: 340,
-            render: (content_summary) => <div className="rb:wrap-break-word rb:line-clamp-2">{content_summary}</div>
-          },
-          {
-            title: t('forgetDetail.node_type'),
-            dataIndex: 'node_type',
-            key: 'node_type',
-            render: (node_type: string) => {
-              return <StatusTag status={statusTagColors[node_type] || 'default'} text={node_type} />}
-          },
-          {
-            title: t('forgetDetail.last_access_time'),
-            dataIndex: 'last_access_time',
-            key: 'last_access_time',
-            render: (last_access_time) => formatDateTime(last_access_time, 'YYYY-MM-DD HH:mm')
-          },
-          {
-            title: t('forgetDetail.activation_value'),
-            dataIndex: 'activation_value',
-            key: 'activation_value',
-          },
-        ]}
-        pagination={false}
-      />
+              <div className="rb:bg-white rb:rounded-lg rb:p-3 rb:pt-2">
+                <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:mb-1">{t('forgetDetail.healthStatus')}</div>
+                <div className="rb:text-[16px] rb:font-[MiSans-Bold] rb:font-bold rb:leading-6 rb:mb-3">
+                  {data?.activation_metrics?.average_activation_value > data.activation_metrics?.forgetting_threshold
+                    ? t('forgetDetail.healthy')
+                    : t('forgetDetail.unhealthy')
+                  }
+                </div>
+                <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">
+                  {t('forgetDetail.average')}<br />
+                  {t('forgetDetail.threshold')}{data.activation_metrics?.forgetting_threshold ?? 0}
+                </div>
+              </div>
+            </div>
+            <div className="rb:bg-[#F6F6F6] rb:rounded-xl rb:p-2 rb:pt-3">
+              <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5 rb:mb-1">{t('forgetDetail.riskOfForgetting')}</div>
+              <div className="rb:text-[18px] rb:font-[MiSans-Bold] rb:font-bold rb:leading-6">{data.activation_metrics?.low_activation_nodes ?? 0}</div>
+              <div className="rb:text-[#5B6167] rb:text-[10px] rb:leading-3.5">{t('forgetDetail.low_nodes')}</div>
+
+              <div className="rb:bg-white rb:rounded-lg rb:mt-2 rb:h-29.5">
+                <div className="rb:h-29.5 rb:w-full rb:bg-contain rb:bg-no-repeat rb:bg-center rb:bg-[url('@/assets/images/userMemory/forget.png')]"></div>
+              </div>
+            </div>
+          </div>
+        </RbCard>
+      </Col>
+      <Col span={6}>
+        <ActivationMetricsPieCard chartData={chartData} loading={loading} />
+      </Col>
+      <Col span={6}>
+        <RecentTrendsLineCard chartData={seriesList.chartData} seriesList={seriesList.seriesList} loading={loading} />
+      </Col>
+      <Col span={24}>
+        <RbCard
+          title={t('forgetDetail.pending_nodes')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:py-0! rb:h-[calc(100%-54px)]"
+          className="rb:h-full!"
+        >
+          <RbTable
+            apiUrl={getForgetPendingNodesUrl}
+            apiParams={{ end_user_id: id }}
+            rowKey='node_id'
+            dataSource={data.pending_nodes ?? []}
+            columns={[
+              {
+                title: t('forgetDetail.content_summary'),
+                dataIndex: 'content_summary',
+                key: 'content_summary',
+                render: (content_summary) => <div className="rb:wrap-break-word rb:line-clamp-2">{content_summary}</div>
+              },
+              {
+                title: t('forgetDetail.node_type'),
+                dataIndex: 'node_type',
+                key: 'node_type',
+                width: '20%',
+                render: (node_type: string) => {
+                  return <StatusTag status={statusTagColors[node_type] || 'default'} text={node_type} />
+                }
+              },
+              {
+                title: t('forgetDetail.last_access_time'),
+                dataIndex: 'last_access_time',
+                key: 'last_access_time',
+                width: '20%',
+                render: (last_access_time) => <span className="rb:text-[#5B6167]">{formatDateTime(last_access_time, 'YYYY-MM-DD HH:mm')}</span>
+              },
+              {
+                title: t('forgetDetail.activation_value'),
+                dataIndex: 'activation_value',
+                key: 'activation_value',
+                width: '20%',
+                render: (activation_value) => <span className="rb:text-[#5B6167]">{activation_value}</span>
+              },
+            ]}
+            className="table-header-has-bg"
+          />
+        </RbCard>
+      </Col>
 
       <ForgetRefreshModal
         ref={forgetRefreshModalRef}
         refresh={getData}
       />
-    </div>
+      {/* <div className="rb:h-full rb:max-w-266 rb:mx-auto">
+        <div className="rb:text-[#5B6167] rb:leading-5 rb:mt-3">{t('forgetDetail.title')}</div>
+
+      </div> */}
+    </Row>
   )
 })
 export default ForgetDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx b/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx
index 47efce76..19f49ff0 100644
--- a/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/GraphDetail.tsx
@@ -1,7 +1,7 @@
 import {  useState, forwardRef, useImperativeHandle, useMemo, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useSearchParams } from 'react-router-dom'
-import { Row, Col, Tabs, Space, Skeleton } from 'antd'
+import { useSearchParams, useNavigate } from 'react-router-dom'
+import { Row, Col, Flex, Space, Skeleton, Button } from 'antd'
 
 import { getRelationshipEvolution, getTimelineMemories } from '@/api/memory'
 import type { Node, GraphDetailRef } from '../types'
@@ -11,7 +11,8 @@ import { formatDateTime } from '@/utils/format'
 import Tag from '@/components/Tag'
 import InteractionBar from '../components/InteractionBar'
 import Empty from '@/components/Empty'
-import PageHeader from '../components/PageHeader'
+import PageHeader from '@/components/Layout/PageHeader'
+import BtnTabs from '@/components/BtnTabs'
 
 export interface Emotion {
   emotion_intensity: number;
@@ -36,6 +37,7 @@ interface Timeline {
 
 const GraphDetail = forwardRef<GraphDetailRef>((_props, ref) => {
   const { t } = useTranslation()
+  const navigate = useNavigate()
   const [searchParams] = useSearchParams()
   const [vo, setVo] = useState<Node | null>(null)
   const [loading, setLoading] = useState(false)
@@ -97,54 +99,75 @@ const GraphDetail = forwardRef<GraphDetailRef>((_props, ref) => {
   return (
     <>
       <PageHeader
-        name={vo?.name}
-        source="node"
+        title={vo?.name}
+        extra={
+          <Space size={12}>
+            <Button
+              className="rb:px-2! rb:gap-0.5!"
+              icon={<div className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/common/return.svg')]"></div>}
+              onClick={() => navigate(-1)}
+            >
+              {t('common.return')}
+            </Button>
+          </Space>
+        }
       />
-      <div className="rb:h-full rb:max-w-266 rb:mx-auto">
-        <div className="rb:text-[16px] rb:font-medium rb:leading-5.5 rb:mb-3">{t('userMemory.relationshipEvolution')}</div>
-        <RbCard>
-          <Row gutter={16}>
-            <Col span={12}>
+      <Row gutter={12} className="rb:p-3! rb:pr-0! rb:h-[calc(100vh-64px)] rb:w-full! rb:flex-nowrap! rb:overflow-hidden!">
+        <Col flex="480px" className="rb:h-full!">
+          <RbCard
+            title={t('userMemory.relationshipEvolution')}
+            headerType="borderless"
+            headerClassName="rb:min-h-[56px]! rb:font-[MiSans-Bold] rb:font-bold"
+            bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-56px)] rb:overflow-y-auto!"
+            className="rb:h-full!"
+          >
+            <Flex vertical gap={16}>
               <EmotionLine chartData={emotionData} loading={loading} />
-            </Col>
-            <Col span={12}>
               <InteractionBar chartData={interactionData} loading={loading} />
-            </Col>
-          </Row>
-        </RbCard>
-
-        <div className="rb:text-[16px] rb:font-medium rb:leading-5.5 rb:mb-3 rb:mt-6">{t('userMemory.timelineMemories')}</div>
-        <RbCard>
-          <Tabs
-            activeKey={activeTab}
-            items={['timelines_memory', 'Statement', 'MemorySummary'].map(key => ({
-              label: t(`userMemory.${key}`),
-              key
-            }))}
-            onChange={(key: string) => setActiveTab(key)}
-          />
-          {timelineLoading
-            ? <Skeleton active />
-            : !activeContent || activeContent.length === 0
-            ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
-            : <Space size={16} direction="vertical" className="rb:w-full">
-              {activeContent.map((vo, index) => (
-                <RbCard
-                  key={index}
-                  headerType="borderL"
-                  headerClassName="rb:before:bg-[#155EEF]!"
-                  title={vo.text}
-                >
-                  <div className="rb:text-[#A8A9AA] rb:text-[12px] rb:leading-4">{formatDateTime(vo.created_at)}</div>
-                  <Tag className="rb:mt-2">{vo.type}</Tag>
-                </RbCard>
-              ))}
-            </Space>
-          }
-
-          
-        </RbCard>
-      </div>
+            </Flex>
+          </RbCard>
+        </Col>
+        <Col flex="1" className="rb:h-full!">
+          <RbCard
+            title={t('userMemory.timelineMemories')}
+            headerType="borderless"
+            headerClassName="rb:min-h-[53px]! rb:font-[MiSans-Bold] rb:font-bold"
+            bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-53px)]!"
+            className="rb:w-full! rb:h-full!"
+          >
+            <BtnTabs
+              className="rb:mb-4!"
+              activeKey={activeTab}
+              items={['timelines_memory', 'Statement', 'MemorySummary'].map(key => ({
+                label: t(`userMemory.${key}`),
+                key
+              }))}
+              onChange={(key: string) => setActiveTab(key)}
+            />
+            <div className="rb:h-[calc(100%-42px)] rb:overflow-y-auto">
+              {timelineLoading
+                ? <Skeleton active />
+                : !activeContent || activeContent.length === 0
+                  ? <Empty size={120} className="rb:mt-12 rb:mb-20.25" />
+                  : <Flex gap={12} vertical>
+                    {activeContent.map((vo, index) => (
+                      <div
+                        key={index}
+                        className="rb-border rb:rounded-xl rb:p-3"
+                      >
+                        <Flex align="center" justify="space-between">
+                          <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4.5">{formatDateTime(vo.created_at)}</div>
+                          <Tag>{vo.type}</Tag>
+                        </Flex>
+                        <div className="rb:mt-3 rb:leading-5 rb:break-all">{vo.text}</div>
+                      </div>
+                    ))}
+                  </Flex>
+              }
+            </div>
+          </RbCard>
+        </Col>
+      </Row>
     </>
   )
 })
diff --git a/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx b/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx
index 46286fff..8dd71dc2 100644
--- a/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/ImplicitDetail.tsx
@@ -2,9 +2,9 @@
  * @Author: ZhaoYing 
  * @Date: 2026-01-08 19:46:02 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-04 16:26:55
+ * @Last Modified time: 2026-03-27 11:18:50
  */
-import { forwardRef, useImperativeHandle, useRef, useEffect } from 'react'
+import { forwardRef, useImperativeHandle, useRef, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Row, Col, App } from 'antd'
 import { useParams } from 'react-router-dom'
@@ -17,6 +17,8 @@ import {
   generateProfile,
   implicitCheckData,
 } from '@/api/memory'
+import RbCard from '@/components/RbCard/Card'
+import RadioGroupButton from '@/components/RadioGroupButton'
 
 /**
  * ImplicitDetail Component - Displays user's implicit memory profile
@@ -75,25 +77,45 @@ const ImplicitDetail = forwardRef<{ handleRefresh: () => void; }, { refresh: ()
     handleRefresh
   }));
 
+  const [activeTab, setActiveTab] = useState('preferences')
+  const handleChangeTab = (value: unknown) => {
+    setActiveTab(value as string)
+  }
+
   return (
-    <div className="rb:h-full rb:max-w-266 rb:mx-auto">
-      <div className="rb:text-[#5B6167] rb:leading-5 rb:mt-3">{t('implicitDetail.title')}</div>
-      
-      <Preferences ref={preferencesRef} />
+    <Row gutter={12} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
+        <RbCard
+          title={t('implicitDetail.subconscious')}
+          headerType="borderless"
+          headerClassName="rb:min-h-[50px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-54px)]"
+          className="rb:h-full!"
+        >
+          <RadioGroupButton
+            value={activeTab}
+            options={[
+              { value: 'preferences', label: t('implicitDetail.preferences') },
+              { value: 'portrait', label: t('implicitDetail.portrait') },
+            ]}
+            onChange={handleChangeTab}
+          />
 
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('implicitDetail.portraitTitle')}</div>
-      <div className="rb:my-3 rb:text-[#5B6167] rb:leading-5">{t('implicitDetail.portraitSubTitle')}</div>
-      <Row gutter={[16, 16]} className="rb:mt-4">
-        <Col span={12}>
-          <Portrait ref={portraitRef} />
-        </Col>
-        <Col span={12}>
-          <InterestAreas ref={interestAreasRef} />
-        </Col>
-      </Row>
-
-      <Habits ref={habitsRef} />
-    </div>
+          <div className="rb:mt-3 rb:h-[calc(100%-32px)]">
+            {activeTab === 'preferences'
+              ? <Preferences ref={preferencesRef} />
+              : <div className="rb:h-full rb:overflow-y-auto">
+                <Portrait ref={portraitRef} />
+                <InterestAreas ref={interestAreasRef} />
+              </div>
+            }
+          </div>
+        </RbCard>
+      </Col>
+      <Col span={12} className="rb:h-full!">
+        <Habits ref={habitsRef} />
+      </Col>
+    </Row>
   )
 })
 export default ImplicitDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx b/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx
index 7e2d5353..ce76c899 100644
--- a/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/PerceptualDetail.tsx
@@ -1,32 +1,35 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-01-08 19:46:02 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:13:19
+ */
 import { type FC } from 'react'
-import { useTranslation } from 'react-i18next'
 import { Row, Col } from 'antd'
 
 import PerceptualLastInfo from '../components/PerceptualLastInfo'
 import Timeline from '../components/Timeline'
 
+/**
+ * PerceptualDetail – Two-column view of a user's perceptual memory.
+ *
+ * Left column (fixed 480px): real-time sensory dashboard showing the latest
+ * visual, auditory and text perception streams (PerceptualLastInfo).
+ * Right column (fluid): chronological perception timeline (Timeline).
+ *
+ * Route param `id` (consumed by child components) identifies the end-user.
+ */
 const PerceptualDetail: FC = () => {
-  const { t } = useTranslation()
 
   return (
-    <div className="rb:h-full rb:max-w-266 rb:mx-auto">
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mt-6 rb:rounded-md rb:mb-4">{t('perceptualDetail.lastInfo')}</div>
-
-      <Row gutter={[16, 16]}>
-        <Col span={8}>
-          <PerceptualLastInfo type="last_visual" />
-        </Col>
-        <Col span={8}>
-          <PerceptualLastInfo type="last_listen" />
-        </Col>
-        <Col span={8}>
-          <PerceptualLastInfo type="last_text" />
-        </Col>
-      </Row>
-
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mt-6 rb:rounded-md rb:mb-4">{t('perceptualDetail.timeLine')}</div>
-      <Timeline />
-    </div>
+    <Row gutter={12} className="rb:h-full!">
+      <Col flex="480px" className="rb:h-full!">
+        <PerceptualLastInfo />
+      </Col>
+      <Col flex="1" className="rb:h-full!">
+        <Timeline />
+      </Col>
+    </Row>
   )
 }
 export default PerceptualDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx b/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx
index f0f9ce02..07a27720 100644
--- a/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/ShortTermDetail.tsx
@@ -1,40 +1,78 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-01-08 19:46:02 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:17:22
+ */
 import { type FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Space, Skeleton } from 'antd'
+import { Space, Skeleton, Row, Col, Flex, Tooltip } from 'antd'
+import clsx from 'clsx'
+
 import {
   getShortTerm,
 } from '@/api/memory'
 import Empty from '@/components/Empty'
 import Markdown from '@/components/Markdown'
+import RbCard from '@/components/RbCard/Card'
 
+/** A single deep-retrieval entry: the original query and its retrieved passages. */
 interface ShortTermItem {
   retrieval: Array<{ query: string; retrieval: string[]; }>;
+  /** The user's original message that triggered the retrieval. */
   message: string;
+  /** The generated answer based on retrieved passages. */
   answer: string;
 }
+
+/** A candidate entry waiting to be promoted into long-term memory. */
 interface LongTermItem {
   query: string;
+  /** Aggregated retrieval text (may contain newlines). */
   retrieval: string;
 }
+
+/** Combined API response for the short-term memory page. */
 interface ShortData {
   short_term: ShortTermItem[];
   long_term: LongTermItem[];
+  /** Total number of extracted entities. */
   entity: number;
+  /** Total retrieval count. */
   retrieval_number: number;
+  /** Number of long-term memory candidates. */
   long_term_number: number;
 }
+/**
+ * ShortTermDetail – Displays the AI system's short-term "workbench" memory.
+ *
+ * Layout:
+ * - Top-left: three KPI cards (retrieval count, extracted entities, long-term candidates).
+ * - Left column: deep-retrieval entries – each shows the user message, expandable
+ *   sub-queries with retrieved passages, and the generated answer.
+ * - Right column: long-term candidate pool – aggregated entries waiting to be
+ *   promoted into persistent memory, with expand/collapse for long content.
+ *
+ * Route param `id` is the end-user ID.
+ */
 const ShortTermDetail: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
   const [loading, setLoading] = useState<boolean>(false)
   const [data, setData] = useState<ShortData>({} as ShortData)
+  /** Tracks expand/collapse state for each long-term candidate card by index. */
+  const [longTermExpandedMap, setLongTermExpandedMap] = useState<Record<number, boolean>>({})
+  /** Tracks expand/collapse state for short-term sub-queries and answers by composite key. */
+  const [shortTermExpandedMap, setShortTermExpandedMap] = useState<Record<string, boolean>>({})
 
+  /* Fetch data whenever the route user ID changes. */
   useEffect(() => {
     if (!id) return
     getData()
   }, [id])
 
+  /** Load short-term memory data (deep retrieval + long-term candidates) for the current user. */
   const getData = () => {
     if (!id) return
     setLoading(true)
@@ -49,71 +87,154 @@ const ShortTermDetail: FC = () => {
   }
 
   return (
-    <div className="rb:h-full rb:max-w-266 rb:mx-auto">
-      <div className="rb:flex rb:justify-between rb:items-center rb:text-[#FFFFFF] rb:leading-5 rb:h-30 rb:p-5 rb:bg-[url('@/assets/images/userMemory/shortTerm.png')] rb:bg-cover">
-        <div className="rb:max-w-135">{t('shortTermDetail.title')}</div>
-
-        <div className="rb:grid rb:grid-cols-3 rb:gap-4">
+    <Row gutter={12} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
+        <div className="rb:grid rb:grid-cols-3 rb:gap-3 rb:mb-3">
           {(['retrieval_number', 'entity', 'long_term_number'] as const).map(key => (
-            <div key={key} className="rb:bg-[rgba(255,255,255,0.2)] rb:rounded-lg rb:p-3.5 rb:text-[12px] rb:text-center">
-              <div className="rb:text-[24px] rb:leading-8 rb:mb-1">{(data as any)[key] ?? 0}</div>
-              {t(`shortTermDetail.${key}`)}
-            </div>
+            <Flex key={key} align="center" justify="space-between" className="rb:bg-white rb:rounded-xl rb:py-3! rb:pl-5! rb:pr-4!">
+              <div>
+                <div className="rb:text-[24px] rb:leading-8 rb:mb-1">{(data as any)[key] ?? 0}</div>
+                {t(`shortTermDetail.${key}`)}
+              </div>
+              {key === 'retrieval_number'
+                ? <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/retrieval_number.svg)]"></div>
+                : key === 'entity'
+                  ? <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/entity.svg')]"></div>
+                  : <div className="rb:size-9 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/long_term_number.svg')]"></div>
+              }
+            </Flex>
           ))}
         </div>
-      </div>
 
+        <RbCard
+          title={() => (<Space size={4}>
+            {t('shortTermDetail.shortTermTitle')}
+            <Tooltip title={t('shortTermDetail.shortTermSubTitle')}>
+              <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/question.svg')]"></div>
+            </Tooltip>
+          </Space>)}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-54px)]"
+          className="rb:h-[calc(100%-94px)]!"
+        >
+          <Flex gap={12} vertical className="rb:h-full!  rb:overflow-y-auto!">
+            {loading
+              ? <Skeleton active />
+              : !data.short_term || data.short_term.length === 0
+                ? <Empty />
+                : data.short_term?.map((vo, voIdx) => (
+                  <Flex key={voIdx} gap={12} vertical className="rb:leading-5 rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3!">
+                    <div className="rb:font-medium rb:text-[#212332] rb:leading-5">{vo.message}</div>
+                    {vo.retrieval.map((item, index) => {
+                      const key = `${voIdx}-${index}`
+                      const expanded = shortTermExpandedMap[key]
+                      return (
+                        <div key={index} className="rb:bg-white rb:rounded-md rb:px-3 rb:py-2.5 rb:leading-5">
+                          <Flex
+                            align="center"
+                            justify="space-between"
+                            className={clsx("rb:font-medium rb:cursor-pointer", {
+                              'rb:mb-2!': expanded,
+                            })}
+                            onClick={() => setShortTermExpandedMap(prev => ({ ...prev, [key]: !prev[key] }))}
+                          >
+                            <span>{t('shortTermDetail.query')}{index + 1}</span>
+                            <div className={clsx("rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/down.svg')]", {
+                              'rb:rotate-180': expanded
+                            })}></div>
+                          </Flex>
+                          {expanded && (
+                            <>
+                              <div className="rb:text-[#5B6167] rb:mb-4">
+                                <Markdown content={item.query} />
+                              </div>
+                              <div className="rb:font-medium rb:mb-2">{t('shortTermDetail.answer')}</div>
+                              {item.retrieval.length > 0
+                                ? <ul className="rb:list-disc rb:ml-4 rb:text-[#5B6167]">
+                                  {item.retrieval.map((retrieval, retrievalIdx) => (
+                                    <li key={retrievalIdx} className="rb:text-[#5B6167]">{retrieval}</li>
+                                  ))}
+                                </ul>
+                                : <div className="rb:text-[#5B6167]">{t('shortTermDetail.noAnswer')}</div>
+                              }
+                            </>
+                          )}
+                        </div>
+                      )
+                    })}
+                    <div className="rb:leading-5 rb:bg-white rb:rounded-xl rb:p-3!">
+                      <Flex
+                        align="center"
+                        justify="space-between"
+                        className={clsx("rb:font-medium rb:cursor-pointer", {
+                          'rb:mb-2!': shortTermExpandedMap[`ans-${voIdx}`],
+                        })}
+                        onClick={() => setShortTermExpandedMap(prev => ({ ...prev, [`ans-${voIdx}`]: !prev[`ans-${voIdx}`] }))}
+                      >
+                        <span>{t('shortTermDetail.answer')}</span>
+                        <div className={clsx("rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/down.svg')]", {
+                          'rb:rotate-180': shortTermExpandedMap[`ans-${voIdx}`]
+                        })}></div>
+                      </Flex>
+                      {shortTermExpandedMap[`ans-${voIdx}`] && (
+                        <div className="rb:text-[#5B6167]">
+                          <Markdown content={vo.answer} />
+                        </div>
+                      )}
+                    </div>
+                  </Flex>
+                ))
+            }
+          </Flex>
+        </RbCard>
+      </Col>
+      <Col span={12} className="rb:h-full!">
+        <RbCard
+          title={() => (<Space size={4}>
+            {t('shortTermDetail.longTermTitle')}
+            <Tooltip title={t('shortTermDetail.longTermTitleSubTitle')}>
+              <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/question.svg')]"></div>
+            </Tooltip>
+          </Space>)}
+          headerType="borderless"
+          headerClassName="rb:min-h-[54px]! rb:font-[MiSans-Bold] rb:font-bold"
+          bodyClassName="rb:p-3! rb:pt-0! rb:h-[calc(100%-54px)] rb:overflow-y-auto!"
+          className="rb:h-full!"
+        >
+          <Flex vertical gap={12}>
+            {loading
+              ? <Skeleton active />
+              : !data.long_term || data.long_term.length === 0
+              ? <Empty />
+              : data.long_term?.map((vo, voIdx) => {
+                const lines = vo.retrieval.split('\n')
+                const expanded = longTermExpandedMap[voIdx]
+                return (
+                  <div key={voIdx} className="rb:leading-5 rb:bg-[#F6F6F6] rb:rounded-xl rb:p-3">
+                    <div className="rb:mb-3 rb:text-[#212332] rb:font-medium rb:px-1">{vo.query}</div>
+                    <div className="rb:bg-white rb:rounded-xl rb:px-3 rb:py-2.5">
+                      <div className={expanded ? undefined : "rb:wrap-break-word rb:line-clamp-3"}>
+                        <Markdown content={vo.retrieval} />
+                      </div>
 
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('shortTermDetail.shortTermTitle')}</div>
-      <div className="rb:my-3 rb:text-[#5B6167] rb:leading-5">{t('shortTermDetail.shortTermSubTitle')}</div>
-      <Space size={16} direction="vertical" className="rb:w-full">
-        {loading
-          ? <Skeleton active />
-          : !data.short_term || data.short_term.length === 0
-          ? <Empty />
-          :data.short_term?.map((vo, voIdx) => (
-            <div key={voIdx} className="rb:leading-5 rb:shadow-[inset_3px_0px_0px_0px_#155EEF] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:px-6 rb:py-3">
-              <div className="rb:font-medium rb:text-[16px] rb:leading-5.5 rb:mb-3">{vo.message}</div>
-              <Space size={16} direction="vertical" className="rb:w-full">
-                {vo.retrieval.map((item, index) => (
-                  <div key={index} className="rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-md rb:px-3 rb:py-2.5 rb:leading-5">
-                    <div className="rb:font-medium rb:mb-3">{t('shortTermDetail.query')}: {item.query}</div>
-                    <div className="rb:font-medium rb:leading-5 rb:mb-1">{t('shortTermDetail.answer')}:</div>
-                    {item.retrieval.length > 0 ? item.retrieval.map((retrieval, retrievalIdx) => (
-                      <div key={retrievalIdx} className="rb:text-[#5B6167] rb:text-[12px]">- {retrieval}</div>
-                    )) : <div className="rb:text-[#5B6167] rb:text-[12px]">{t('shortTermDetail.noAnswer')}</div>}
+                      {lines.length > 4 && (
+                        <div
+                          className="rb:text-[#155EEF] rb:cursor-pointer rb:mt-1"
+                          onClick={() => setLongTermExpandedMap(prev => ({ ...prev, [voIdx]: !prev[voIdx] }))}
+                        >
+                          {expanded ? t('common.foldUp') : t('common.expanded')}
+                        </div>
+                      )}
+                    </div>
                   </div>
-                ))}
-                <div>
-                  <div className="rb:font-medium rb:leading-5 rb:mb-1">{t('shortTermDetail.answer')}</div>
-                  <div className="rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-md rb:px-3 rb:py-2.5 rb:leading-5">
-                    <Markdown content={vo.answer} />
-                  </div>
-                </div>
-              </Space>
-            </div>
-          ))
-        }
-      </Space>
-
-      <div className="rb:bg-[rgba(21,94,239,0.12)] rb:px-3 rb:py-2.5 rb:font-medium rb:leading-5 rb:mb-4 rb:mt-6 rb:rounded-md">{t('shortTermDetail.longTermTitle')}</div>
-      <div className="rb:my-3 rb:text-[#5B6167] rb:leading-5">{t('shortTermDetail.shortTermSubTitle')}</div>
-      <Space size={16} direction="vertical" className="rb:w-full">
-        {loading
-          ? <Skeleton active />
-          : !data.long_term || data.long_term.length === 0
-          ? <Empty />
-          : data.long_term?.map((vo, voIdx) => (
-            <div key={voIdx} className="rb:leading-5 rb:shadow-[inset_3px_0px_0px_0px_#155EEF] rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:px-6 rb:py-3">
-              <div className="rb:mb-1 rb:font-medium rb:leading-5.5">{vo.query}</div>
-              <div className="rb:mt-1 rb:leading-5 rb:text-[#5B6167] rb:text-[12px]">
-                <Markdown content={vo.retrieval} />
-              </div>
-            </div>
-          ))
-        }
-      </Space>
-    </div>
+                )
+              })
+            }
+          </Flex>
+        </RbCard>
+      </Col>
+    </Row>
   )
 }
 export default ShortTermDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/StatementDetail.tsx b/web/src/views/UserMemoryDetail/pages/StatementDetail.tsx
index cddf95ad..419cf3b1 100644
--- a/web/src/views/UserMemoryDetail/pages/StatementDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/StatementDetail.tsx
@@ -2,10 +2,10 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-19 16:54:52 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-04 16:28:00
+ * @Last Modified time: 2026-03-27 11:35:37
  */
 import { forwardRef, useImperativeHandle, useRef } from 'react'
-import { Row, Col, Space } from 'antd';
+import { Row, Col } from 'antd';
 import { useParams } from 'react-router-dom'
 
 import WordCloud from '../components/WordCloud'
@@ -46,15 +46,21 @@ const StatementDetail = forwardRef<{ handleRefresh: () => void },{ refresh: () =
     handleRefresh
   }));
   return (
-    <Row gutter={[16, 16]}>
-      <Col span={12}>
-        <Space size={16} direction="vertical" className="rb:w-full">
-          <WordCloud />
-          <EmotionTags />
-          <Health />
-        </Space>
+    <Row gutter={[12, 12]} className="rb:h-full!">
+      <Col span={12} className="rb:h-full!">
+        <Row gutter={[12, 12]}>
+          <Col span={24}>
+            <WordCloud />
+          </Col>
+          <Col span={12}>
+            <EmotionTags />
+          </Col>
+          <Col span={12}>
+            <Health />
+          </Col>
+        </Row>
       </Col>
-      <Col span={12}>
+      <Col span={12} className="rb:h-full!">
         <Suggestions ref={suggestionsRef} refresh={refresh} />
       </Col>
     </Row>
diff --git a/web/src/views/UserMemoryDetail/pages/WorkingDetail.tsx b/web/src/views/UserMemoryDetail/pages/WorkingDetail.tsx
index 2320ee52..2e288988 100644
--- a/web/src/views/UserMemoryDetail/pages/WorkingDetail.tsx
+++ b/web/src/views/UserMemoryDetail/pages/WorkingDetail.tsx
@@ -1,8 +1,15 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-01-12 14:42:02 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-27 11:15:05
+ */
 import { type FC, useEffect, useState, useMemo, useRef } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { Row, Col, Skeleton, Button, Divider, Tooltip } from 'antd'
+import { Row, Col, Skeleton, Button, Divider, Tooltip, Flex } from 'antd'
+
 
 import InfiniteScroll from 'react-infinite-scroll-component'
 import RbCard from '@/components/RbCard/Card'
@@ -12,25 +19,45 @@ import {
   getConversationDetail,
 } from '@/api/memory'
 import { formatDateTime } from '@/utils/format'
-import RbAlert from '@/components/RbAlert'
 import Empty from '@/components/Empty'
 import ChatContent from '@/components/Chat/ChatContent'
 import type { ChatItem } from '@/components/Chat/types'
 import PageLoading from '@/components/Empty/PageLoading'
 
+/** A conversation session entry in the sidebar list. */
 interface Conversation {
   title: string;
   id: string;
 }
+
+/**
+ * AI-generated insight for a conversation, including key takeaways,
+ * open questions, and an overall summary.
+ */
 interface Detail {
   theme: string;
   theme_intro: string;
+  /** Core insight summary of the conversation. */
   summary: string;
+  /** Open questions or pitfalls identified during the conversation. */
   question: string[];
+  /** Successful experiences / key takeaways extracted from the conversation. */
   takeaways: string[];
+  /** Information quality score. */
   info_score: number;
 }
 
+/**
+ * WorkingDetail – Three-column working-memory view for a user's conversations.
+ *
+ * Left column (360px): scrollable list of conversation sessions.
+ * Centre column (fluid): real-time chat message stream for the selected conversation,
+ *   with a refresh button and time-range indicator.
+ * Right column (360px): AI-generated conversation insights – successful experiences
+ *   (takeaways), open questions / pitfalls, and a core summary.
+ *
+ * Route param `id` is the end-user ID.
+ */
 const WorkingDetail: FC = () => {
   const { t } = useTranslation()
   const { id } = useParams()
@@ -44,11 +71,13 @@ const WorkingDetail: FC = () => {
   const [detail, setDetail] = useState<Detail | null>(null)
   const [selected, setSelected] = useState<Conversation | null>(null)
 
+  /* Fetch conversation list whenever the route user ID changes. */
   useEffect(() => {
     if (!id) return
     getData()
   }, [id])
 
+  /** Load all conversations for the current user and auto-select the first one. */
   const getData = () => {
     if (!id) return
     setLoading(true)
@@ -84,6 +113,10 @@ const WorkingDetail: FC = () => {
     getDetail(selected.id)
   }, [id, selected])
 
+  /**
+   * Fetch both the chat messages and the AI-generated insight for a conversation.
+   * Both requests run in parallel.
+   */
   const getDetail = (conversationId: string) => {
     if (!id || !conversationId) return
 
@@ -106,6 +139,7 @@ const WorkingDetail: FC = () => {
         setDetailLoading(false)
       })
   }
+  /** Derive a human-readable date range (e.g. "2024.01 - 2024.03") from message timestamps. */
   const timeRange = useMemo(() => {
     const times = messages.filter(m => m.created_at).map(m => Number(m.created_at))
     if (times.length === 0) return ''
@@ -115,121 +149,136 @@ const WorkingDetail: FC = () => {
   }, [messages])
 
   return (
-    <div className="rb:h-[calc(100vh-64px)]! rb:w-full rb:-mx-4 rb:-my-3">
+    <>
       {loading
         ? <PageLoading />
         : data.length === 0
         ? <Empty />
         :(
-          <Row gutter={16}>
-            <Col span={5}>
-              <div id="conversation-list" className="rb:h-[calc(100vh-76px)]! rb:border-r rb:border-[#EAECEE] rb:py-3 rb:px-4 rb:overflow-y-auto">
-                <InfiniteScroll
-                  dataLength={data.length}
-                  next={loadMore}
-                  hasMore={hasMore}
-                  loader={null}
-                  scrollableTarget="conversation-list"
-                >
-                  {data.map(item => (
-                    <div key={item.id} className="rb:mb-3">
-                      <Tooltip title={item.title}>
-                        <div className={clsx("rb:p-[8px_13px] rb:rounded-lg rb:leading-5 rb:cursor-pointer rb:hover:bg-[#F0F3F8] rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap", {
-                          'rb:bg-[#FFFFFF] rb:shadow-[0px_2px_4px_0px_rgba(0,0,0,0.15)] rb:font-medium rb:hover:bg-[#FFFFFF]!': item.id === selected?.id,
-                        })}
+          <Row gutter={16} className="rb:h-full!">
+            <Col span={5} className="rb:h-full!">
+              <RbCard
+                title={t('workingDetail.conversation')}
+                headerType="borderless"
+                headerClassName="rb:min-h-[58px]! rb:font-[MiSans-Bold] rb:font-bold"
+                bodyClassName='rb:p-3! rb:pt-0! rb:h-[calc(100%-58px)]'
+                className="rb:h-full!"
+              >
+                <div id="conversation-list" className="rb:h-full! rb:overflow-y-auto">
+                  <InfiniteScroll
+                    dataLength={data.length}
+                    next={loadMore}
+                    hasMore={hasMore}
+                    loader={null}
+                    scrollableTarget="conversation-list"
+                  >
+                    <Flex vertical gap={8}>
+                      {data.map(item => (
+                        <Flex
+                          key={item.id}
+                          gap={12}
+                          align="center"
+                          className={clsx("rb:cursor-pointer rb:rounded-xl rb:h-12 rb:py-1! rb:px-3! rb:hover:bg-[#F6F6F6]", {
+                            'rb:bg-[#171719] rb:hover:bg-[#171719]! rb:text-white': item.id === selected?.id,
+                          })}
                           onClick={() => setSelected(item)}
                         >
-                          {item.title}
-                        </div>
-                      </Tooltip>
-                    </div>
-                  ))}
-                </InfiniteScroll>
-              </div>
+                          <div className="rb:size-6 rb:bg-cover rb:bg-[url('@/assets/images/userMemory/chat.svg')]"></div>
+                          <Tooltip title={item.title}>
+                            <div className="rb:leading-5 rb:break-all rb:line-clamp-2 rb:flex-1">
+                              {item.title}
+                            </div>
+                          </Tooltip>
+                        </Flex>
+                      ))}
+                    </Flex>
+                  </InfiniteScroll>
+                </div>
+              </RbCard>
             </Col>
             {selected && <>
-              <Col span={19}>
-                <div className="rb:text-[18px] rb:font-medium rb:leading-6 rb:mt-4">{selected.title}</div>
-                <div className="rb:mt-1 rb:text-[#5B6167] rb:leading-5">{timeRange}</div>
+              <Col flex="auto" className="rb:h-full!">
+                <RbCard
+                  title={selected.title}
+                  headerType="borderless"
+                  headerClassName="rb:min-h-[42px]! rb:pt-4! rb:font-[MiSans-Bold] rb:font-bold"
+                  bodyClassName='rb:p-4! rb:pt-0! rb:h-[calc(100%-42px)]'
+                  className="rb:h-full!"
+                >
+                  <div className="rb:text-[#5B6167] rb:leading-4.5 rb:text-[12px]">{timeRange}</div>
+                  <Flex justify="space-between" align="center" className="rb:bg-[#F6F6F6] rb:rounded-lg rb:py-2.5! rb:pr-2.5! rb:pl-3.25! rb:mt-3!">
+                    {t('workingDetail.conversationStream')}
+                    <Button className="rb:h-6!" onClick={() => getDetail(selected.id)}>{t('workingDetail.refresh')}</Button>
+                  </Flex>
+                  {messagesLoading
+                    ? <Skeleton active />
+                    : messages.length === 0
+                      ? <Empty />
+                      : (
+                        <ChatContent
+                          classNames="rb:h-[calc(100%-77px)] rb:pt-5"
+                          contentClassNames="rb:max-w-110!"
+                          data={messages}
+                          streamLoading={false}
+                          labelFormat={(item) => formatDateTime(item.created_at)}
+                        />
+                      )
+                  }
+                </RbCard>
+              </Col>
+              <Col flex='360px' className="rb:h-full!">
+                <RbCard
+                  title={t('workingDetail.successfulTitle')}
+                  headerType="borderless"
+                  headerClassName="rb:min-h-[50px]! rb:font-[MiSans-Bold] rb:font-bold rb:leading-5.5"
+                  bodyClassName='rb:p-4! rb:pt-0! rb:h-[calc(100%-50px)] rb:overflow-y-auto!'
+                  className="rb:h-full!"
+                >
+                  {detailLoading
+                    ? <Skeleton active />
+                    : detail
+                      ? <>
+                        {detail.takeaways.length > 0
+                          ? (
+                            <ul className="rb:leading-5 rb:list-disc rb:ml-4">
+                              {detail.takeaways.map(vo => <li>{vo}</li>)}
+                            </ul>
+                          )
+                          : <Empty size={88} />
+                        }
 
-                <Row gutter={16}>
-                  <Col span={16}>
-                    <RbCard
-                      title={t('workingDetail.conversationStream')}
-                      extra={<Button className="rb:h-6!" onClick={() => getDetail(selected.id)}>{t('workingDetail.refresh')}</Button>}
-                      className="rb:mt-4!"
-                      headerClassName='rb:bg-[#F6F8FC]! rb:border-b! rb:border-b-[#DFE4ED]! rb:min-h-11!'
-                      headerType="borderless"
-                      bodyClassName="rb:h-[calc(100vh-210px)]"
-                    >
-                      {messagesLoading
-                        ? <Skeleton active />
-                        : messages.length === 0
-                        ? <Empty />
-                        : (
-                          <ChatContent
-                            classNames="rb:h-[calc(100vh-244px)]"
-                            data={messages}
-                            streamLoading={false}
-                            labelFormat={(item) => formatDateTime(item.created_at)}
-                          />
-                        )
-                      }
-                    </RbCard>
-                  </Col>
-                  <Col span={8}>
-                    <RbCard className="rb:mt-4!" bodyClassName="rb:h-[calc(100vh-166px)] rb:overflow-y-auto">
-                      {detailLoading
-                        ? <Skeleton active />
-                        : detail
-                        ? <>
-                          <>
-                            <div className="rb:text-[#369F21] rb:font-medium rb:text-[18px] rb:leading-4 rb:mb-3">{t('workingDetail.successfulTitle')}</div>
+                        <>
+                          <Divider className="rb:my-4!" />
+                          <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-5.5 rb:mb-3">{t('workingDetail.question')}</div>
 
-                            {detail.takeaways.length > 0
-                              ? (
-                                <ul className="rb:text-[#5B6167] rb:leading-5.5 rb:list-disc rb:ml-4">
-                                  {detail.takeaways.map(vo => <li>{vo}</li>)}
-                                </ul>
-                              )
-                              : <Empty size={88} />
-                            }
-                          </>
-
-                          <>
-                            <Divider />
-                            <div className="rb:text-[#FF5D34] rb:font-medium rb:text-[18px] rb:leading-4 rb:mb-3">{t('workingDetail.question')}</div>
-
-                            {detail.question.length > 0
-                              ? (
-                                <ul className="rb:text-[#5B6167] rb:leading-5.5 rb:list-disc rb:ml-4">
-                                  {detail.question.map(vo => <li>{vo}</li>)}
-                                </ul>
-                              )
-                              : <Empty size={88} />
-                            }
-                          </>
-
-                          <>
-                            <Divider />
-                            <div className="rb:text-[#369F21] rb:font-medium rb:text-[18px] rb:leading-4 rb:mb-3">{t('workingDetail.summary')}</div>
-                            {detail.summary
-                              ? <RbAlert className="rb:text-[#212332]! rb:text-[14px]! rb:leading-5.5! rb:p-3!">{detail.summary}</RbAlert>
-                              : <Empty size={88} />
-                            }
-                          </>
+                          {detail.question.length > 0
+                            ? (
+                              <ul className="rb:leading-5 rb:list-disc rb:ml-4">
+                                {detail.question.map(vo => <li>{vo}</li>)}
+                              </ul>
+                            )
+                            : <Empty size={88} />
+                          }
                         </>
-                        : <Empty />
-                      }
-                    </RbCard>
-                  </Col>
-                </Row>
+
+                        <>
+                          <Divider className="rb:my-4!" />
+                          <div className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-5.5 rb:mb-3">{t('workingDetail.summary')}</div>
+                          {detail.summary
+                            ? <div className="rb:leading-5.5">{detail.summary}</div>
+                            : <Empty size={88} />
+                          }
+                        </>
+                      </>
+                      : <Empty />
+                  }
+                </RbCard>
               </Col>
             </>}
           </Row>
         )
       }
-    </div>
+    </>
   )
 }
 export default WorkingDetail
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/index.module.css b/web/src/views/UserMemoryDetail/pages/index.module.css
new file mode 100644
index 00000000..0ae11cc3
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/pages/index.module.css
@@ -0,0 +1,10 @@
+.progressCustom :global(.ant-progress-inner) {
+  width: 64px !important;
+  height: 64px !important;
+}
+.progressCustom :global(.ant-progress-text) {
+  color: #155EEF !important;
+  font-weight: bold !important;
+  font-family: 'MiSans-Bold' !important;
+  font-size: 16px !important;
+}
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/pages/index.tsx b/web/src/views/UserMemoryDetail/pages/index.tsx
index 71cada89..f8ce00c3 100644
--- a/web/src/views/UserMemoryDetail/pages/index.tsx
+++ b/web/src/views/UserMemoryDetail/pages/index.tsx
@@ -1,15 +1,15 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-01-07 20:37:34 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-03-04 16:27:14 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 11:47:31
  */
-import { type FC, useEffect, useState, useMemo, useRef } from 'react'
+import { type FC, useState, useMemo, useRef } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
-import { Dropdown, Button } from 'antd'
+import { Dropdown, Button, Flex, Space } from 'antd'
 
-import PageHeader from '../components/PageHeader'
+import PageHeader from '@/components/Layout/PageHeader'
 import StatementDetail from './StatementDetail'
 import ForgetDetail from './ForgetDetail'
 import ImplicitDetail from './ImplicitDetail'
@@ -18,10 +18,6 @@ import PerceptualDetail from './PerceptualDetail'
 import EpisodicDetail from './EpisodicDetail'
 import ExplicitDetail from './ExplicitDetail'
 import WorkingDetail from './WorkingDetail'
-import {
-  getEndUserProfile,
-} from '@/api/memory'
-import refreshIcon from '@/assets/images/refresh_hover.svg'
 import GraphDetail from './GraphDetail'
 
 /**
@@ -32,26 +28,11 @@ const Detail: FC = () => {
   const { t } = useTranslation()
   const { id, type } = useParams()
   const navigate = useNavigate()
-  const [name, setName] = useState<string>('')
   // Refs for child components that support imperative refresh
   const forgetDetailRef = useRef<{ handleRefresh: () => void }>(null)
   const statementDetailRef = useRef<{ handleRefresh: () => void }>(null)
   const implicitDetailRef = useRef<{ handleRefresh: () => void }>(null)
 
-  useEffect(() => {
-    if (!id) return
-    getData()
-  }, [id])
-  
-  // Fetch end user profile to display the user's name in the header
-  const getData = () => {
-    if (!id) return
-    getEndUserProfile(id).then((res) => {
-      const response = res as { other_name: string; id: string; }
-      setName(response.other_name || response.id) 
-    })
-  }
-
   // Build dropdown menu items for switching between memory types
   const items = useMemo(() => {
     return ['PERCEPTUAL_MEMORY', 'WORKING_MEMORY', 'EMOTIONAL_MEMORY', 'SHORT_TERM_MEMORY', 'IMPLICIT_MEMORY', 'EPISODIC_MEMORY', 'EXPLICIT_MEMORY', 'FORGET_MEMORY']
@@ -94,29 +75,46 @@ const Detail: FC = () => {
   if (type === 'GRAPH') {
     return <GraphDetail />
   }
+  const handleGoBack = () => {
+    navigate(`/user-memory/neo4j/${id}`, { replace: true })
+  }
 
   return (
     <div className="rb:h-full rb:w-full">
-      <PageHeader 
-        name={name}
-        source="node"
-        operation={
+      <PageHeader
+        title={
           <Dropdown menu={{ items, onClick, selectedKeys: type ? [type] : [] }}>
-            <div className="rb:cursor-pointer rb:group rb:flex rb:items-center rb:gap-1">
-              - {type ? t(`userMemory.${type}`) : ''}
+            <Flex align="center" gap={8} className="rb:font-[MiSans-Bold] rb:font-bold rb:text-[16px] rb:leading-6 rb:cursor-pointer rb:group">
+              {type ? t(`userMemory.${type}`) : ''}
               <div
-                className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/up_border.svg')]  rb:transform-[rotate(180deg)] rb:group-hover:transform-[rotate(0deg)]"
+                className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/userMemory/up_border.svg')] rb:group-hover:transform-[rotate(180deg)]"
               ></div>
-            </div>
+            </Flex>
           </Dropdown>
         }
-        extra={['FORGET_MEMORY', 'EMOTIONAL_MEMORY', 'IMPLICIT_MEMORY'].includes(type as string) &&
-          <Button type="primary" ghost size="small" className="rb:h-6! rb:px-2! rb:leading-5.5!" loading={loading} onClick={handleRefresh}>
-            {!loading && <img src={refreshIcon} className="rb:w-4 rb:h-4" /> }
-            {t('common.refresh')}
-          </Button>}
+        extra={
+          <Space size={12}>
+            {['FORGET_MEMORY', 'EMOTIONAL_MEMORY', 'IMPLICIT_MEMORY'].includes(type as string) &&
+              <Button
+                className="rb:px-2! rb:gap-0.5!"
+                loading={loading}
+                icon={<div className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/refresh_dark.svg')]"></div>}
+                onClick={handleRefresh}
+              >
+                {t('common.refresh')}
+              </Button>
+            }
+            <Button
+              className="rb:px-2! rb:gap-0.5!"
+              icon={<div className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/common/return.svg')]"></div>}
+              onClick={handleGoBack}
+            >
+              {t('common.return')}
+            </Button>
+          </Space>
+        }
       />
-      <div className="rb:h-[calc(100vh-64px)] rb:overflow-y-auto rb:py-3 rb:px-4">
+      <div className="rb:h-[calc(100vh-64px)] rb:overflow-y-auto rb:p-3">
         {type === 'EMOTIONAL_MEMORY' && <StatementDetail ref={statementDetailRef} refresh={handleRefresh} />}
         {type === 'FORGET_MEMORY' && <ForgetDetail ref={forgetDetailRef} />}
         {type === 'IMPLICIT_MEMORY' && <ImplicitDetail ref={implicitDetailRef} refresh={handleRefresh} />}
diff --git a/web/src/views/UserMemoryDetail/types.ts b/web/src/views/UserMemoryDetail/types.ts
index 72e896ad..9e56bb5d 100644
--- a/web/src/views/UserMemoryDetail/types.ts
+++ b/web/src/views/UserMemoryDetail/types.ts
@@ -2,15 +2,13 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 17:57:15 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-13 11:49:52
+ * @Last Modified time: 2026-03-24 17:58:54
  */
 /**
  * User Memory Detail Types
  * Type definitions for user memory detail views including nodes, edges, and statistics
  */
 
-import type { Dayjs } from "dayjs";
-
 /**
  * User memory data structure
  */
@@ -171,15 +169,13 @@ export interface NodeStatisticsItem {
  * End user profile
  */
 export interface EndUser {
-  end_user_id: string;
-  id: string;
   other_name: string;
-  position: string;
-  department: string;
-  contact: string;
-  phone: string;
-  hire_date: string | number | Dayjs | null;
-  updatetime_profile?: number;
+  aliases: string | null;
+  meta_data: Record<string, string>;
+  end_user_info_id: string;
+  end_user_id: string;
+  created_at: string;
+  updated_at: string;
 }
 /**
  * End user profile modal ref
diff --git a/web/src/views/Workflow/components/AddChatVariable/index.tsx b/web/src/views/Workflow/components/AddChatVariable/index.tsx
index d6741bf9..71507466 100644
--- a/web/src/views/Workflow/components/AddChatVariable/index.tsx
+++ b/web/src/views/Workflow/components/AddChatVariable/index.tsx
@@ -1,6 +1,7 @@
 import { useState, useImperativeHandle, forwardRef, useRef } from 'react';
-import { Button, Space, List } from 'antd';
+import { Button, List, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
+
 import type { ChatVariable, AddChatVariableRef } from '../../types';
 import type { ChatVariableModalRef } from './types'
 import RbDrawer from '@/components/RbDrawer';
@@ -74,15 +75,15 @@ const AddChatVariable = forwardRef<AddChatVariableRef, AddChatVariableProps>(({
             dataSource={variables}
             renderItem={(item, index) => (
               <List.Item>
-                <div key={index} className="rb:relative rb:p-[12px_16px] rb:bg-[#FBFDFF] rb:cursor-pointer rb:border rb:border-[#DFE4ED] rb:rounded-lg">
-                  <div className="rb:flex rb:items-center rb:justify-between">
+                <div key={index} className="rb:relative rb:p-[12px_16px] rb:bg-[#FBFDFF] rb:cursor-pointer rb-border rb:rounded-lg">
+                  <Flex align="center" justify="space-between">
                     <div className="rb:leading-4">
                       <span className="rb:font-medium">{item.name}</span>
                       <span className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular"> ({t(`workflow.config.parameter-extractor.${item.type}`)})</span>
                     </div>
-                  </div>
+                  </Flex>
                   <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-5 rb:wrap-break-word rb:line-clamp-1">{item.description}</div>
-                  <Space size={12} className="rb:flex rb:absolute rb:right-4 rb:top-[50%] rb:transform-[translateY(-50%)] rb:bg-white">
+                  <Flex gap={12} className="rb:absolute rb:right-4 rb:top-[50%] rb:transform-[translateY(-50%)] rb:bg-white">
                     <div
                       className="rb:size-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/editBorder.svg')] rb:hover:bg-[url('@/assets/images/editBg.svg')]"
                       onClick={() => handleEdit(index)}
@@ -91,7 +92,7 @@ const AddChatVariable = forwardRef<AddChatVariableRef, AddChatVariableProps>(({
                       className="rb:size-5 rb:cursor-pointer rb:bg-cover  rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]"
                       onClick={() => handleDelete(index)}
                     ></div>
-                  </Space>
+                  </Flex>
                 </div>
               </List.Item>
             )}
diff --git a/web/src/views/Workflow/components/CanvasToolbar.tsx b/web/src/views/Workflow/components/CanvasToolbar.tsx
index 043a72d0..6a2cbc7f 100644
--- a/web/src/views/Workflow/components/CanvasToolbar.tsx
+++ b/web/src/views/Workflow/components/CanvasToolbar.tsx
@@ -1,10 +1,14 @@
 import type { FC } from 'react';
 import { Select, Divider } from 'antd';
-// import { Node } from '@antv/x6';
-import type { GraphRef } from '../types'
 import { PlusOutlined, MinusOutlined, FileAddOutlined } from '@ant-design/icons'
+import clsx from 'clsx'
+import { Node } from '@antv/x6';
+
+import type { GraphRef } from '../types'
 
 interface CanvasToolbarProps {
+  /** Currently selected node */
+  selectedNode: Node | null;
   miniMapRef: React.RefObject<HTMLDivElement>;
   graphRef: GraphRef;
   isHandMode: boolean;
@@ -14,10 +18,9 @@ interface CanvasToolbarProps {
 }
 
 const CanvasToolbar: FC<CanvasToolbarProps> = ({
+  selectedNode,
   miniMapRef,
   graphRef,
-  // isHandMode,
-  // setIsHandMode,
   zoomLevel,
   // canUndo,
   // canRedo,
@@ -25,132 +28,18 @@ const CanvasToolbar: FC<CanvasToolbarProps> = ({
   // onRedo,
   addNotes,
 }) => {
-  // 整理布局函数
-  /*
-  const handleLayout = () => {
-    if (!graphRef.current) return;
-    const nodes = graphRef.current.getNodes();
-    const edges = graphRef.current.getEdges();
-    
-    // 如果没有连线，使用垂直布局避免节点重叠
-     if (edges.length === 0) {
-       nodes.forEach((node, index) => {
-         const nodeData = node.getData();
-         const isSpecialNode = nodeData?.isGroup || nodeData?.type === 'if-else';
-         const nodeHeight = isSpecialNode ? 220 : 50;
-         const xPosition = 100;
-         const yPosition = index * (nodeHeight + 100) + 100;
-         node.setPosition(xPosition, yPosition);
-       });
-       return;
-     }
-    
-    // 简单的树布局算法
-    const nodeMap = new Map<string, Node>();
-    const children = new Map<string, string[]>();
-    const roots: string[] = [];
-    
-    // 初始化节点映射
-    nodes.forEach(node => {
-      nodeMap.set(node.id, node);
-      children.set(node.id, []);
-    });
-    
-    // 构建父子关系
-    edges.forEach(edge => {
-      const sourceId = edge.getSourceCellId();
-      const targetId = edge.getTargetCellId();
-      if (sourceId && targetId) {
-        children.get(sourceId)?.push(targetId);
-      }
-    });
-    
-    // 找到根节点
-    const hasParent = new Set<string>();
-    edges.forEach(edge => {
-      const targetId = edge.getTargetCellId();
-      if (targetId) hasParent.add(targetId);
-    });
-    
-    nodes.forEach(node => {
-      if (!hasParent.has(node.id)) {
-        roots.push(node.id);
-      }
-    });
-    
-    // 布局参数
-    const levelWidths: number[] = [];
-    const baseNodeSpacing = 120;
-    let currentY = 100;
-    
-    // 计算每层的最大宽度
-    const calculateLevelWidths = (nodeId: string, level: number) => {
-      const node = nodeMap.get(nodeId);
-      if (!node) return;
-      
-      const nodeData = node.getData();
-      const isSpecialNode = nodeData?.isGroup || nodeData?.type === 'if-else';
-      const nodeWidth = isSpecialNode ? 400 : 160;
-      const gap = isSpecialNode ? 150 : 100;
-      
-      levelWidths[level] = Math.max(levelWidths[level] || 0, nodeWidth + gap);
-      
-      const childIds = children.get(nodeId) || [];
-      childIds.forEach((childId: string) => calculateLevelWidths(childId, level + 1));
-    };
-    
-    roots.forEach(rootId => calculateLevelWidths(rootId, 0));
-    
-    // 递归布局函数
-    const layoutNode = (nodeId: string, level: number, parentY: number): number => {
-      const node = nodeMap.get(nodeId);
-      if (!node) return parentY;
-      
-      const nodeData = node.getData();
-      const isSpecialNode = nodeData?.isGroup || nodeData?.type === 'if-else';
-      const nodeHeight = isSpecialNode ? 220 : 50;
-      const verticalGap = isSpecialNode ? 80 : 40;
-      const spacing = baseNodeSpacing + nodeHeight + verticalGap;
-      
-      const xPosition = levelWidths.slice(0, level).reduce((sum, width) => sum + width, 100);
-      
-      const childIds = children.get(nodeId) || [];
-      
-      if (childIds.length === 0) {
-        // 叶子节点
-        node.setPosition(xPosition, currentY);
-        currentY += spacing;
-        return currentY - spacing;
-      } else {
-        // 非叶子节点，先布局子节点
-        const childPositions: number[] = [];
-        childIds.forEach((childId: string) => {
-          const childY = layoutNode(childId, level + 1, currentY);
-          childPositions.push(childY);
-        });
-        
-        // 父节点居中，确保有足够间隙
-        const minY = Math.min(...childPositions);
-        const maxY = Math.max(...childPositions);
-        const centerY = (minY + maxY) / 2;
-        node.setPosition(xPosition, centerY);
-        return centerY;
-      }
-    };
-    
-    // 布局所有根节点
-    roots.forEach(rootId => {
-      layoutNode(rootId, 0, currentY);
-      currentY += 300; // 不同树之间的间距
-    });
-  };
-  */
   return (
     <>
       {/* 小地图 */}
-      <div ref={miniMapRef} className="rb:absolute rb:bottom-15  rb:right-8 rb:z-1000 rb:rounded-lg rb:overflow-hidden"></div>
+      <div ref={miniMapRef} className={clsx("rb:absolute rb:bottom-15  rb:z-1000 rb:rounded-lg rb:overflow-hidden", {
+        'rb:right-8': !selectedNode,
+        'rb:right-95.5': selectedNode,
+      })}></div>
       {/* 缩放控制按钮 */}
-      <div className="rb:h-8.5 rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.15)] rb:px-3 rb:py-2 rb:absolute rb:bottom-5 rb:right-8 rb:flex rb:flex-row rb:items-center rb:gap-4 rb:z-1000">
+      <div className={clsx("rb:h-8.5 rb:bg-[#FFFFFF] rb:border rb:border-[#DFE4ED] rb:rounded-lg rb:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.15)] rb:px-3 rb:py-2 rb:absolute rb:bottom-5 rb:flex rb:flex-row rb:items-center rb:gap-4 rb:z-1000", {
+        'rb:right-8': !selectedNode,
+        'rb:right-95.5': selectedNode,
+      })}>
         <MinusOutlined className="rb:text-[16px] rb:cursor-pointer" onClick={() => graphRef.current?.zoom(-0.1)} />
         <Select
           value={Math.round(zoomLevel * 100)}
diff --git a/web/src/views/Workflow/components/Chat/Chat.tsx b/web/src/views/Workflow/components/Chat/Chat.tsx
index 7d3e1313..dad34fc9 100644
--- a/web/src/views/Workflow/components/Chat/Chat.tsx
+++ b/web/src/views/Workflow/components/Chat/Chat.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-06 21:10:56 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-19 18:41:07
+ * @Last Modified time: 2026-03-27 17:30:47
  */
 /**
  * Workflow Chat Component
@@ -23,7 +23,7 @@
  */
 import { forwardRef, useImperativeHandle, useState, useRef, useEffect, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { App } from 'antd'
+import { App, Flex } from 'antd'
 
 import ChatIcon from '@/assets/images/application/chat.png'
 import RbDrawer from '@/components/RbDrawer';
@@ -41,12 +41,16 @@ import type { ChatToolbarRef } from '@/components/Chat/ChatToolbar'
 import Runtime from './Runtime';
 import type { FeaturesConfigForm } from '@/views/ApplicationConfig/types';
 
-const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: WorkflowConfig | null }>(({ appId, graphRef, data }, ref) => {
+const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: WorkflowConfig | null; features?: FeaturesConfigForm }>(({
+  appId, graphRef, features
+}, ref) => {
   const { t } = useTranslation()
   const { message: messageApi } = App.useApp()
   const toolbarRef = useRef<ChatToolbarRef>(null)
+  const [toolbarReady, setToolbarReady] = useState(false)
   const toolbarCallbackRef = useCallback((node: ChatToolbarRef | null) => {
     (toolbarRef as React.MutableRefObject<ChatToolbarRef | null>).current = node
+    setToolbarReady(!!node)
   }, [])
   const [open, setOpen] = useState(false)
   const [loading, setLoading] = useState(false)
@@ -56,7 +60,6 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: Work
   const [conversationId, setConversationId] = useState<string | null>(null)
   const [fileList, setFileList] = useState<any[]>([])
   const [message, setMessage] = useState<string | undefined>(undefined)
-  const [features, setFeatures] = useState<FeaturesConfigForm>({} as FeaturesConfigForm)
 
   /**
    * Opens the chat drawer and loads workflow variables from the start node
@@ -66,14 +69,10 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: Work
   }
 
   useEffect(() => {
-    if (data?.features && open) setFeatures(data.features)
-  }, [open, data?.features])
-
-  useEffect(() => {
-    if (open && graphRef.current && toolbarRef.current) {
+    if (open && toolbarReady) {
       getVariables()
     }
-  }, [open])
+  }, [open, toolbarReady])
   /**
    * Extracts variables from the workflow's start node and merges with previous values
    */
@@ -103,6 +102,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: Work
    */
   const handleClose = () => {
     setOpen(false)
+    setToolbarReady(false)
     setChatList([])
     setVariables([])
     setConversationId(null)
@@ -397,9 +397,9 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: Work
 
   return (
     <RbDrawer
-      title={<div className="rb:flex rb:items-center rb:gap-2.5">
+      title={<Flex align="center" gap={10}>
         {t('workflow.run')}
-      </div>}
+      </Flex>}
       classNames={{
         body: 'rb:p-0!'
       }}
@@ -419,7 +419,7 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: Work
           return <Runtime item={item} index={index} />
         }}
       />
-      <div className="rb:relative rb:flex rb:items-center rb:gap-2.5 rb:m-4 rb:mb-1">
+      <Flex align="center" gap={10} className="rb:relative rb:m-4! rb:mb-1!">
         <ChatInput
           message={message}
           className="rb:relative!"
@@ -431,12 +431,12 @@ const Chat = forwardRef<ChatRef, { appId: string; graphRef: GraphRef; data: Work
         >
           <ChatToolbar
             ref={toolbarCallbackRef}
-            features={features}
+            features={features as FeaturesConfigForm}
             onFilesChange={setFileList}
             onVariablesChange={setVariables}
           />
         </ChatInput>
-      </div>
+      </Flex>
     </RbDrawer>
   )
 })
diff --git a/web/src/views/Workflow/components/Chat/chat.module.css b/web/src/views/Workflow/components/Chat/chat.module.css
index c005ef2a..46360d47 100644
--- a/web/src/views/Workflow/components/Chat/chat.module.css
+++ b/web/src/views/Workflow/components/Chat/chat.module.css
@@ -13,6 +13,9 @@
   border-color: rgba(91, 97, 103, 0.30);
   border-radius: 8px;
 }
+.default:global(.ant-collapse .ant-collapse-content) {
+  padding-top: 12px;
+}
 .collapse-item {
   font-size: 12px;
   line-height: 16px;
@@ -28,6 +31,9 @@
   background-color: transparent;
   border-top: none;
 }
+:global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
+  padding-top: 0;
+}
 .collapse-item :global(.ant-collapse) {
   /* background-color: #F0F3F8; */
   background-color: #FBFDFF;
@@ -38,5 +44,5 @@
   border-radius: 0 0 6px 6px;
 }
 .collapse-item :global(.ant-collapse .ant-collapse-content>.ant-collapse-content-box) {
-  padding: 4px;
+  padding: 0 4px 4px 4px;
 }
\ No newline at end of file
diff --git a/web/src/views/Workflow/components/Editor/index.tsx b/web/src/views/Workflow/components/Editor/index.tsx
index 4707e20c..60503065 100644
--- a/web/src/views/Workflow/components/Editor/index.tsx
+++ b/web/src/views/Workflow/components/Editor/index.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-23 16:22:51 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-03 10:11:48
+ * @Last Modified time: 2026-03-25 10:58:47
  */
 import { type FC, useState, useEffect, useMemo } from 'react';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
@@ -36,7 +36,7 @@ export interface LexicalEditorProps {
   fontSize?: number;
   lineHeight?: number;
   size?: 'default' | 'small';
-  type?: 'input' | 'textarea',
+  type?: 'input' | 'textarea';
   language?: 'string' | 'jinja2';
   className?: string;
 }
@@ -61,7 +61,7 @@ const jinja2Theme = {
 };
 
 // Main Lexical Editor component
-const Editor: FC<LexicalEditorProps> =(({
+const Editor: FC<LexicalEditorProps> =({
   placeholder = "请输入内容...",
   value = "",
   onChange,
@@ -173,10 +173,10 @@ const Editor: FC<LexicalEditorProps> =(({
   // Calculate minimum height based on type and size
   const minheight = useMemo(() => {
     if (type === 'input') {
-      return `${height ? height : size === 'small' ? 28 : 30}px`
+      return `${height ? height : size === 'small' && variant === 'borderless' ? 18 : size === 'small' ? 26 : 30}px`
     }
     return `${height ? height : size === 'small' ? 60 : 120}px`
-  }, [type, size, height])
+  }, [type, size, height, variant])
 
   // Calculate font size based on size prop
   const fontSize = useMemo(() => {
@@ -185,12 +185,12 @@ const Editor: FC<LexicalEditorProps> =(({
 
   // Calculate line height based on size prop
   const lineHeight = useMemo(() => {
-    return `${height ? height : size === 'small' ? 16 : 20}px`
+    return `${height ? height - 10 : size === 'small' && variant === 'borderless' ? 18 : size === 'small' ? 16 : 20}px`
   }, [size])
 
   // Calculate placeholder minimum height
   const placeHolderMinheight = useMemo(() => {
-    return `${height ? height : size === 'small' ? 16 : 30}px`
+    return `${height ? 16 : size === 'small' ? 16 : 30}px`
   }, [type, size, height])
 
   return (
@@ -199,7 +199,7 @@ const Editor: FC<LexicalEditorProps> =(({
         <RichTextPlugin
           contentEditable={
             enableLineNumbers ? (
-              // Editor with line numbers for Jinja2 mode
+            // Editor with line numbers for Jinja2 mode
               <div className="editor-with-line-numbers" style={{
                 border: variant === 'borderless' ? 'none' : '1px solid #DFE4ED',
                 borderRadius: '6px',
@@ -213,7 +213,7 @@ const Editor: FC<LexicalEditorProps> =(({
                     className="editor-content-with-numbers"
                     style={{
                       minHeight: minheight,
-                      padding: '4px 0',
+                      padding: variant === 'borderless' ? '0' : '4px 0',
                       outline: 'none',
                       resize: 'none',
                       fontSize: fontSize,
@@ -228,9 +228,9 @@ const Editor: FC<LexicalEditorProps> =(({
               <ContentEditable
                 style={{
                   minHeight: minheight,
-                  padding: variant === 'borderless' ? '0' : '4px 11px',
-                  border: variant === 'borderless' ? 'none' : '1px solid #DFE4ED',
-                  borderRadius: '6px',
+                  padding: height ? '4px 6px' : variant === 'borderless' ? '0' : '6px 8px',
+                  border: variant === 'borderless' ? 'none' : '1px solid #EBEBEB',
+                  borderRadius: '8px',
                   outline: 'none',
                   resize: 'none',
                   fontSize: fontSize,
@@ -269,6 +269,6 @@ const Editor: FC<LexicalEditorProps> =(({
       </div>
     </LexicalComposer>
   );
-});
+};
 
 export default Editor;
diff --git a/web/src/views/Workflow/components/Editor/nodes/VariableNode.tsx b/web/src/views/Workflow/components/Editor/nodes/VariableNode.tsx
index d29fba4c..6462e1ae 100644
--- a/web/src/views/Workflow/components/Editor/nodes/VariableNode.tsx
+++ b/web/src/views/Workflow/components/Editor/nodes/VariableNode.tsx
@@ -37,7 +37,7 @@ const VariableComponent: React.FC<{ nodeKey: NodeKey; data: Suggestion }> = ({
     <span
       onClick={handleClick}
       className={clsx('rb:border rb:rounded-md rb:bg-white rb:text-[10px] rb:inline-flex rb:items-center rb:py-0 rb:px-1.5 rb:mx-0.5 rb:cursor-pointer', {
-        'rb:border-[#155EEF]': isSelected,
+        'rb:border-[#171719]': isSelected,
         'rb:border-[#DFE4ED]': !isSelected
       })}
       contentEditable={false}
@@ -57,7 +57,7 @@ const VariableComponent: React.FC<{ nodeKey: NodeKey; data: Suggestion }> = ({
           <span style={{ color: '#DFE4ED', margin: '0 2px' }}>/</span>
         </>
       )}
-      <span className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1" style={{ color: '#155EEF' }}>{data.label}</span>
+      <span className="rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap rb:flex-1 rb:text-[#171719]">{data.label}</span>
     </span>
   );
 };
diff --git a/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx b/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx
index a0640162..863e5160 100644
--- a/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx
+++ b/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx
@@ -2,11 +2,12 @@
  * @Author: ZhaoYing 
  * @Date: 2025-12-23 16:22:51 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-03 10:12:33
+ * @Last Modified time: 2026-03-25 16:13:37
  */
 import { useEffect, useState, useRef, type FC } from 'react';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_HIGH, KEY_ENTER_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND } from 'lexical';
+import { Space, Flex } from 'antd';
 
 import { INSERT_VARIABLE_COMMAND, CLOSE_AUTOCOMPLETE_COMMAND } from '../commands';
 import type { NodeProperties } from '../../../types'
@@ -274,78 +275,59 @@ const AutocompletePlugin: FC<{ options: Suggestion[], enableJinja2?: boolean }>
       ref={popupRef}
       data-autocomplete-popup="true"
       onMouseDown={(e) => e.preventDefault()}
+      className="rb:fixed rb:z-1000 rb:py-1 rb:bg-white rb:rounded-xl rb:min-w-70 rb:max-h-50 rb:overflow-y-auto rb:transform-[translateY(-100%)] rb:shadow-[0px_2px_12px_0px_rgba(23,23,25,0.12)]"
       style={{
-        position: 'fixed',
         top: popupPosition.top,
         left: popupPosition.left,
-        zIndex: 1000,
-        background: 'white',
-        border: '1px solid #d9d9d9',
-        borderRadius: '6px',
-        boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
-        minWidth: '280px',
-        maxHeight: '200px',
-        overflowY: 'auto',
-        transform: 'translateY(-100%)',
       }}
     >
-      {Object.entries(groupedSuggestions).map(([nodeId, nodeOptions], groupIndex) => {
-        const nodeName = nodeOptions[0]?.nodeData?.name || nodeId;
-        return (
-          <div key={nodeId}>
-            {/* Divider between groups */}
-            {groupIndex > 0 && <div style={{ height: '1px', background: '#f0f0f0', margin: '4px 0' }} />}
-            {/* Group header with node name */}
-            <div style={{ padding: '4px 12px', fontSize: '12px', color: '#999', fontWeight: 'bold' }}>
-              {nodeName}
+      <Flex vertical gap={12}>
+        {Object.entries(groupedSuggestions).map(([nodeId, nodeOptions]) => {
+          const nodeName = nodeOptions[0]?.nodeData?.name || nodeId;
+          const nodeIcon = nodeOptions[0]?.nodeData?.icon;
+          return (
+            <div key={nodeId}>
+              <Flex align="center" gap={4} className="rb:px-3! rb:text-[12px] rb:py-1.25! rb:font-medium rb:text-[#5B6167]">
+                {nodeIcon && <img
+                  src={nodeIcon}
+                  className="rb:size-3"
+                  alt=""
+                />}
+                {nodeName}
+              </Flex>
+              {nodeOptions.map((option) => {
+                const globalIndex = Object.values(groupedSuggestions).flat().indexOf(option);
+                return (
+                  <Flex
+                    key={option.key}
+                    data-selected={selectedIndex === globalIndex}
+                    className="rb:pl-6! rb:pr-3! rb:py-2! "
+                    align="center"
+                    justify="space-between"
+                    style={{
+                      cursor: option.disabled ? 'not-allowed' : 'pointer',
+                      background: selectedIndex === globalIndex ? '#f0f8ff' : 'white',
+                      opacity: option.disabled ? 0.5 : 1,
+                    }}
+                    onClick={() => !option.disabled && insertMention(option)}
+                    onMouseEnter={() => setSelectedIndex(globalIndex)}
+                  >
+                    <Space size={4}>
+                      <span className="rb:text-[#155EEF]">{option.isContext ? '📄' : `{x}`}</span>
+                      <span>{option.label}</span>
+                    </Space>
+                    {option.dataType && (
+                      <span className="rb:text-[#5B6167]">
+                        {option.dataType}
+                      </span>
+                    )}
+                  </Flex>
+                );
+              })}
             </div>
-            {nodeOptions.map((option) => {
-              const globalIndex = Object.values(groupedSuggestions).flat().indexOf(option);
-              return (
-                <div
-                  key={option.key}
-                  data-selected={selectedIndex === globalIndex}
-                  style={{
-                    padding: '8px 12px',
-                    cursor: option.disabled ? 'not-allowed' : 'pointer',
-                    background: selectedIndex === globalIndex ? '#f0f8ff' : 'white',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    opacity: option.disabled ? 0.5 : 1,
-                  }}
-                  onClick={() => !option.disabled && insertMention(option)}
-                  onMouseEnter={() => setSelectedIndex(globalIndex)}
-                >
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-                    <span
-                      style={{
-                        background: option.isContext ? '#722ed1' :
-                          option.type === 'system' ? '#1890ff' : '#52c41a',
-                        color: 'white',
-                        padding: '2px 6px',
-                        borderRadius: '4px',
-                        fontSize: '12px',
-                        minWidth: '16px',
-                        textAlign: 'center',
-                      }}
-                    >
-                      {option.isContext ? '📄' :
-                        option.type === 'system' ? 'x' : 'x'}
-                    </span>
-                    <span style={{ fontSize: '14px' }}>{option.label}</span>
-                  </div>
-                  {option.dataType && (
-                    <span style={{ fontSize: '12px', color: '#999' }}>
-                      {option.dataType}
-                    </span>
-                  )}
-                </div>
-              );
-            })}
-          </div>
-        );
-      })}
+          );
+        })}
+      </Flex>
     </div>
   );
 }
diff --git a/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx b/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx
index 8fe29d19..0ebcbe77 100644
--- a/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx
+++ b/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx
@@ -16,6 +16,8 @@ const InitialValuePlugin: React.FC<InitialValuePluginProps> = ({ value, options
   const prevValueRef = useRef<string>('');
   const prevEnableLineNumbersRef = useRef<boolean>(enableLineNumbers);
   const isUserInputRef = useRef(false);
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
 
   useEffect(() => {
     const removeListener = editor.registerUpdateListener(({ editorState, tags }) => {
@@ -41,80 +43,90 @@ const InitialValuePlugin: React.FC<InitialValuePluginProps> = ({ value, options
         isUserInputRef.current = false;
         return;
       }
+      // Update refs BEFORE editor.update to prevent re-entry
+      prevValueRef.current = value;
+      prevEnableLineNumbersRef.current = enableLineNumbers;
+      isUserInputRef.current = false;
+
       queueMicrotask(() => {
         editor.update(() => {
-        const root = $getRoot();
-        root.clear();
+          const root = $getRoot();
+          root.clear();
 
-        const parts = value.split(/(\{\{[^}]+\}\})/);
+          const parts = value.split(/(\{\{[^}]+\}\}|\n)/);
 
-        if (enableLineNumbers) {
-          // Handle newlines properly in Jinja2 mode
-          const lines = value.split('\n');
-          lines.forEach((line) => {
-            const paragraph = $createParagraphNode();
-            paragraph.append($createTextNode(line));
-            root.append(paragraph);
-          });
-        } else {
-          const paragraph = $createParagraphNode();
-          parts.forEach(part => {
-            const match = part.match(/^\{\{([^.]+)\.([^}]+)\}\}$/);
-            const contextMatch = part.match(/^\{\{context\}\}$/);
-            const conversationMatch = part.match(/^\{\{conv\.([^}]+)\}\}$/);
+          if (enableLineNumbers) {
+            const lines = value.split('\n');
+            lines.forEach((line) => {
+              const paragraph = $createParagraphNode();
+              paragraph.append($createTextNode(line));
+              root.append(paragraph);
+            });
+          } else {
+            let paragraph = $createParagraphNode();
 
-            if (contextMatch) {
-              const contextSuggestion = options.find(s => s.isContext && s.label === 'context');
-              if (contextSuggestion) {
-                paragraph.append($createVariableNode(contextSuggestion));
-              } else {
-                paragraph.append($createTextNode(part));
+            parts.forEach(part => {
+              if (part === '\n') {
+                root.append(paragraph);
+                paragraph = $createParagraphNode();
+                return;
               }
-              return
-            }
-            
-            if (conversationMatch) {
-              const [_, variableName] = conversationMatch;
-              const conversationSuggestion = options.find(s => 
-                s.group === 'CONVERSATION' && s.label === variableName
-              );
-              if (conversationSuggestion) {
-                paragraph.append($createVariableNode(conversationSuggestion));
-              } else {
-                paragraph.append($createTextNode(part));
-              }
-              return
-            }
-            
-            if (match) {
-              const [_, nodeId, label] = match;
+              const match = part.match(/^\{\{([^.]+)\.([^}]+)\}\}$/);
+              const contextMatch = part.match(/^\{\{context\}\}$/);
+              const conversationMatch = part.match(/^\{\{conv\.([^}]+)\}\}$/);
 
-              const suggestion = options.find(s => {
-                if (nodeId === 'sys') {
-                  return s.nodeData.type === 'start' && s.label === `sys.${label}`
+              if (contextMatch) {
+                const contextSuggestion = optionsRef.current.find(s => s.isContext && s.label === 'context');
+                if (contextSuggestion) {
+                  paragraph.append($createVariableNode(contextSuggestion));
+                } else {
+                  paragraph.append($createTextNode(part));
                 }
-                return s.nodeData.id === nodeId && s.label === label
-              });
+                return
+              }
 
-              if (suggestion) {
-                paragraph.append($createVariableNode(suggestion));
-              } else {
+              if (conversationMatch) {
+                const [_, variableName] = conversationMatch;
+                const conversationSuggestion = optionsRef.current.find(s =>
+                  s.group === 'CONVERSATION' && s.label === variableName
+                );
+                if (conversationSuggestion) {
+                  paragraph.append($createVariableNode(conversationSuggestion));
+                } else {
+                  paragraph.append($createTextNode(part));
+                }
+                return
+              }
+
+              if (match) {
+                const [_, nodeId, label] = match;
+
+                const suggestion = optionsRef.current.find(s => {
+                  if (nodeId === 'sys') {
+                    return s.nodeData.type === 'start' && s.label === `sys.${label}`
+                  }
+                  return s.nodeData.id === nodeId && s.label === label
+                });
+
+                if (suggestion) {
+                  paragraph.append($createVariableNode(suggestion));
+                } else {
+                  paragraph.append($createTextNode(part));
+                }
+              } else if (part) {
                 paragraph.append($createTextNode(part));
               }
-            } else if (part) {
-              paragraph.append($createTextNode(part));
-            }
-          });
-          root.append(paragraph);
-        }
-        }, { discrete: true, tag: 'programmatic' });
+            });
+            root.append(paragraph);
+          }
+        }, { tag: 'programmatic' });
       });
+    } else {
+      prevValueRef.current = value;
+      prevEnableLineNumbersRef.current = enableLineNumbers;
+      isUserInputRef.current = false;
     }
-    
-    prevValueRef.current = value;
-    prevEnableLineNumbersRef.current = enableLineNumbers;
-    isUserInputRef.current = false;
-  }, [value, options, editor, enableLineNumbers]);
+  }, [value, editor, enableLineNumbers]);
 
   return null;
 };
diff --git a/web/src/views/Workflow/components/Editor/plugin/Jinja2HighlightPlugin.tsx b/web/src/views/Workflow/components/Editor/plugin/Jinja2HighlightPlugin.tsx
index fb6212bd..253d2b86 100644
--- a/web/src/views/Workflow/components/Editor/plugin/Jinja2HighlightPlugin.tsx
+++ b/web/src/views/Workflow/components/Editor/plugin/Jinja2HighlightPlugin.tsx
@@ -49,7 +49,7 @@ const Jinja2HighlightPlugin = () => {
               newNode.setStyle('color: #008000');
               break;
             case 'brace-0':
-              newNode.setStyle('color: #155EEF; font-family: monospace; font-weight: bold;');
+              newNode.setStyle('color: #171719; font-family: monospace; font-weight: bold;');
               break;
             case 'brace-1':
               newNode.setStyle('color: #369F21; font-family: monospace; font-weight: bold;');
diff --git a/web/src/views/Workflow/components/NodeLibrary.tsx b/web/src/views/Workflow/components/NodeLibrary.tsx
index ecc4d5f4..a7b06fd1 100644
--- a/web/src/views/Workflow/components/NodeLibrary.tsx
+++ b/web/src/views/Workflow/components/NodeLibrary.tsx
@@ -1,48 +1,92 @@
 import { type FC } from 'react';
 import { useTranslation } from 'react-i18next'
-import { Card, Space } from 'antd'
+import { Flex, Tooltip } from 'antd'
+import clsx from 'clsx';
 
 import { nodeLibrary } from '../constant';
+import RbCard from '@/components/RbCard/Card';
 
-const NodeLibrary: FC = () => {
+const NodeLibrary: FC<{ collapsed: boolean; handleToggle: () => void }> = ({ collapsed, handleToggle }) => {
   const { t } = useTranslation()
 
-  console.log('nodeLibrary', nodeLibrary)
-
   return (
-    <div className="rb:w-80 rb:fixed rb:h-[calc(100%-64px)] rb:left-0 rb:py-5 rb:px-5.5 rb:overflow-y-auto">
-      <Space size={12} direction="vertical" className="rb:w-full">
-        {nodeLibrary.map(category => (
-          <Card
-            key={category.category}
-            type="inner"
-            title={t(`workflow.${category.category}`)}
-            classNames={{
-              body: "rb:p-[10px]!",
-              header: "rb:bg-[#F6F8FC]!"
-            }}
-          >
-            <Space size={8} direction="vertical" className="rb:w-full">
-              {category.nodes
-                .filter(node => node.type !== 'cycle-start' && node.type !== 'break')
-                .map((node, nodeIndex) => (
-                <div
-                  key={nodeIndex}
-                  className="rb:bg-white rb:rounded-lg rb:p-2 rb:border rb:border-[#DFE4ED] rb:cursor-pointer rb:flex rb:items-center rb:gap-2 rb:hover:border-[#155EEF] rb:hover:shadow-[0px_2px_4px_0px_rgba(33,35,50,0.15)]"
-                  draggable
-                  onDragStart={(e) => {
-                    e.dataTransfer.setData('application/reactflow', node.type);
-                    e.dataTransfer.setData('application/json', JSON.stringify(node));
-                  }}
-                >
-                  <img src={node.icon} className="rb:w-5 rb:h-5" />
-                  <span className="rb:font-medium rb:text-[12px]">{t(`workflow.${node.type}`)}</span>
-                </div>
+    <div className={clsx("rb:h-[calc(100vh-88px)] rb:overflow-hidden rb:fixed rb:left-2.5 rb:top-18.5 rb:z-1000", {
+      'rb:w-65': !collapsed,
+      'rb:w-14': collapsed
+    })}>
+      <RbCard
+        title={collapsed ? undefined :t('workflow.nodeName')}
+        extra={
+          <div className={clsx("rb:cursor-pointer rb:size-5 rb:bg-cover rb:bg-[url('@/assets/images/workflow/menuFold.svg')]", {
+            'rb:rotate-180 rb:mr-1': collapsed
+          })} onClick={handleToggle}></div>
+        }
+        headerType="borderless"
+        headerClassName={clsx("rb:font-[MiSans-Bold] rb:font-bold rb:text-[12px]!", {
+          'rb:min-h-[42px]!': !collapsed,
+          'rb:min-h-[52px]!': collapsed
+        })}
+        className="rb:h-full! rb:hover:shadow-none!"
+        bodyClassName={clsx('rb:overflow-y-auto! rb:pt-0! rb:pb-3!', {
+          'rb:px-0! rb:h-[calc(100%-52px)]!': collapsed,
+          'rb:px-3! rb:h-[calc(100%-42px)]!': !collapsed
+        })}
+      >
+        <Flex vertical align={collapsed ? 'center' : undefined} gap={collapsed ? 8 : 16}>
+          {collapsed
+            ? <>
+              {nodeLibrary.map(category => (
+                <>
+                  {category.nodes
+                    .filter(node => node.type !== 'cycle-start' && node.type !== 'break')
+                    .map((node, nodeIndex) => (
+                      <Tooltip key={nodeIndex} title={t(`workflow.${node.type}`)} placement="right">
+                        <div
+                          className="rb:p-2 rb:rounded-lg rb:hover:bg-[rgba(33,35,50,0.08)]"
+                          draggable
+                          onDragStart={(e) => {
+                            e.dataTransfer.setData('application/reactflow', node.type);
+                            e.dataTransfer.setData('application/json', JSON.stringify(node));
+                          }}
+                        >
+                          <img src={node.icon} className="rb:size-6 rb:cursor-pointer" />
+                        </div>
+                      </Tooltip>
+                    ))
+                  }
+                </>
               ))}
-            </Space>
-          </Card>
-        ))}
-      </Space>
+            </>
+            : nodeLibrary.map(category => (
+              <div
+                key={category.category}
+              >
+                <div className="rb:font-semibold rb:mb-2 rb:text-[12px] rb:leading-4.5 rb:pl-1">{t(`workflow.${category.category}`)}</div>
+                <Flex gap={6} vertical>
+                  {category.nodes
+                    .filter(node => node.type !== 'cycle-start' && node.type !== 'break')
+                    .map((node, nodeIndex) => (
+                      <Flex
+                        key={nodeIndex}
+                        align="center"
+                        gap={8}
+                        className="rb:rounded-xl rb:p-2! rb:border rb:border-[#EBEBEB] rb:cursor-pointer rb:hover:border rb:hover:border-[#171719]!"
+                        draggable
+                        onDragStart={(e) => {
+                          e.dataTransfer.setData('application/reactflow', node.type);
+                          e.dataTransfer.setData('application/json', JSON.stringify(node));
+                        }}
+                      >
+                        <img src={node.icon} className="rb:size-6" />
+                        <span className="rb:font-medium rb:text-[12px] rb:leading-4">{t(`workflow.${node.type}`)}</span>
+                      </Flex>
+                    ))}
+                </Flex>
+              </div>
+            ))
+          }
+        </Flex>
+      </RbCard>
     </div>
   );
 };
diff --git a/web/src/views/Workflow/components/Nodes/AddNode.tsx b/web/src/views/Workflow/components/Nodes/AddNode.tsx
index 13e80150..9b9d2236 100644
--- a/web/src/views/Workflow/components/Nodes/AddNode.tsx
+++ b/web/src/views/Workflow/components/Nodes/AddNode.tsx
@@ -1,11 +1,11 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-09 18:31:30 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-09 18:31:30 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-06 11:43:58
  */
 import { useState } from 'react';
-import { Popover } from 'antd';
+import { Popover, Flex } from 'antd';
 import clsx from 'clsx';
 import type { ReactShapeConfig } from '@antv/x6-react-shape';
 import { nodeLibrary, graphNodeLibrary, edgeAttrs, nodeWidth } from '../../constant';
@@ -20,13 +20,13 @@ const AddNode: ReactShapeConfig['component'] = ({ node, graph }) => {
   const handleNodeSelect = (selectedNodeType: any) => {
     const parentBBox = node.getBBox();
     const cycleId = data.cycle;
-    const horizontalSpacing = 20;
+    const horizontalSpacing = 0;
 
     const id = `${selectedNodeType.type.replace(/-/g, '_') }_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
     const newNode = graph.addNode({
       ...(graphNodeLibrary[selectedNodeType.type] || graphNodeLibrary.default),
       x: parentBBox.x + horizontalSpacing,
-      y: parentBBox.y,
+      y: parentBBox.y - 12,
       id,
       data: {
         id,
@@ -91,11 +91,19 @@ const AddNode: ReactShapeConfig['component'] = ({ node, graph }) => {
             };
           }, { minX: Infinity, minY: Infinity, maxX: -Infinity, maxY: -Infinity });
           
-          const padding = 20;
+          const padding = 50;
           const newWidth = Math.max(nodeWidth, bounds.maxX - bounds.minX + padding * 2);
           const newHeight = Math.max(120, bounds.maxY - bounds.minY + padding * 2);
           
           loopNode.prop('size', { width: newWidth, height: newHeight });
+          
+          // Update right port x position
+          const ports = loopNode.getPorts();
+          ports.forEach(port => {
+            if (port.group === 'right' && port.args) {
+              loopNode.portProp(port.id!, 'args/x', newWidth);
+            }
+          });
         }
       };
       
@@ -161,16 +169,18 @@ const AddNode: ReactShapeConfig['component'] = ({ node, graph }) => {
       onOpenChange={setOpen}
       placement="bottomLeft"
     >
-      <div 
-        className={clsx('rb:group rb:relative rb:h-11 rb:w-22 rb:border rb:rounded-xl rb:flex rb:items-center rb:justify-center rb:text-[12px] rb:p-1 rb:box-border rb:cursor-pointer', {
-          'rb:border-orange-500 rb:border-[3px] rb:bg-white rb:text-gray-700': data.isSelected,
-          'rb:border-[#d1d5db] rb:bg-white rb:text-[#374151]': !data.isSelected
+      <Flex
+        align="center"
+        justify="center"
+        gap={4}
+        className={clsx('rb:text-[#212332] rb:font-medium rb:text-[12px] rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:border rb:rounded-lg rb:bg-[#FCFCFD] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)] rb:border-[#DFE4ED] rb:flex rb:items-center rb:justify-center', {
+          'rb:border-orange-500 rb:border-[3px] rb:bg-[#FCFCFD] rb:text-[#475467]': data.isSelected,
+          'rb:border-[#d1d5db] rb:bg-[#FCFCFD] rb:text-[#374151]': !data.isSelected
         })}
       >
-        <span className="rb:overflow-hidden rb:whitespace-nowrap rb:text-ellipsis">
-          {data.icon} {data.label}
-        </span>
-      </div>
+        <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/workflow/node_plus.png')]"></div>
+        {data.label}
+      </Flex>
     </Popover>
   );
 };
diff --git a/web/src/views/Workflow/components/Nodes/ConditionNode.tsx b/web/src/views/Workflow/components/Nodes/ConditionNode.tsx
index 48b926dc..12ae6ca0 100644
--- a/web/src/views/Workflow/components/Nodes/ConditionNode.tsx
+++ b/web/src/views/Workflow/components/Nodes/ConditionNode.tsx
@@ -1,32 +1,105 @@
+import { useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import clsx from 'clsx';
 import type { ReactShapeConfig } from '@antv/x6-react-shape';
+import { Flex } from 'antd';
 
+import NodeTools from './NodeTools'
+import { useVariableList } from '../Properties/hooks/useVariableList'
+
+const caculateIsSet = (item: any, type: string) => {
+  switch (type) {
+    case 'categories':
+      return typeof item?.class_name === 'string' && item?.class_name !== ''
+    case 'cases': {
+      if (!item.left) return false
+      if (['not_empty', 'empty'].includes(item.operator)) return true
+      return !!item.left && (!!item.right || typeof item.right === 'boolean')
+    }
+  }
+}
 const ConditionNode: ReactShapeConfig['component'] = ({ node }) => {
   const data = node?.getData() || {};
   const { t } = useTranslation()
+  const graphRef = useRef(node?.model?.graph)
+  const variableList = useVariableList(node ?? null, graphRef, [])
+
+  const getLocaleField = (field: string, filedType: string) => {
+    const key = filedType === 'boolean' ? `workflow.config.if-else..boolean.${field}` : filedType === 'number' ? `workflow.config.if-else.num.${field}` : `workflow.config.if-else.${field}`
+    const value = t(key)
+    return value !== key ? value : t(`workflow.config.if-else.num.${field}`)
+  };
+  const labelRender = (value: string) => {
+    const filterOption = variableList.find(vo => `{{${vo.value}}}` === value)
+
+    if (filterOption) {
+      return (
+        <span
+          className="rb:max-w-[40%] rb:break-all rb:line-clamp-1 rb:text-[#155EEF]"
+          contentEditable={false}
+        >
+          {`{x}`} {filterOption.label}
+        </span>
+      )
+    }
+    return null
+  }
 
   return (
-    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-2.5 rb:border rb:rounded-xl rb:bg-white rb:hover:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.12)]', {
-      'rb:border-[#155EEF]': data.isSelected,
+    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-3 rb:border rb:rounded-2xl rb:bg-[#FCFCFD] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)]', {
+      'rb:border-[#171719]': data.isSelected,
       'rb:border-[#DFE4ED]': !data.isSelected
     })}>
-      <div className="rb:flex rb:items-center rb:justify-between">
-        <div className="rb:flex rb:items-center rb:gap-2 rb:flex-1">
-          <img src={data.icon} className="rb:w-5 rb:h-5" />
-          <div className="rb:wrap-break-word rb:line-clamp-1">{data.name ?? t(`workflow.${data.type}`)}</div>
-        </div>
+      <NodeTools node={node} />
+      <Flex align="center" gap={8} className="rb:flex-1">
+        <img src={data.icon} className="rb:size-6" />
+        <div className="rb:wrap-break-word rb:line-clamp-1">{data.name ?? t(`workflow.${data.type}`)}</div>
+      </Flex>
 
-        <div
-          className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]"
-          onClick={(e) => {
-            e.stopPropagation()
-            node.remove()
-          }}
-        ></div>
-      </div>
-
-      <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:mt-7">{t('workflow.clickToConfigure')}</div>
+      {data.type === 'question-classifier' &&
+        <Flex vertical gap={4} className="rb:mt-3!">
+          {data.config?.categories?.defaultValue.map((item: any, index: number) => (
+            <div key={index} className="rb:bg-[#F0F3F8] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)] rb:rounded-md rb:py-1 rb:px-1.5 rb:text-[10px] rb:text-[#5B6167] rb:font-medium rb:leading-3.5">
+              <Flex justify="space-between">
+                <span>{t('workflow.config.question-classifier.class_name')} {index + 1}</span>
+                {caculateIsSet(item, 'categories') ? t(`workflow.config.${data.type}.set`) : t(`workflow.config.${data.type}.unset`)}
+              </Flex>
+            </div>
+          ))}
+        </Flex>
+      }
+      {data.type === 'if-else' &&
+        <Flex vertical gap={4} className="rb:mt-3!">
+          {data.config?.cases?.defaultValue.map((item: any, index: number) => (
+            <div key={index} className={item.expressions.length > 0 ? '' : 'rb:mb-1'}>
+              <Flex justify={item.expressions.length > 0 ? "space-between" : 'end'} className="rb:mb-1">
+                {item.expressions.length > 0 && <span className="rb:text-[#5B6167] rb:text-[10px]">CASE{index + 1}</span>}
+                <span className="rb:text-[#212332] rb:font-medium rb:text-[12px]">{index === 0 ? 'IF' : `ELIF`}</span>
+              </Flex>
+              {item.expressions.length > 0 && <Flex vertical gap={2}>
+                {item.expressions.map((expression: any, eIndex: number) => (
+                  <div key={eIndex} className="rb:relative">
+                    {item.expressions.length > 1 && eIndex > 0 && <div className="rb:absolute rb:-top-2 rb:right-2 rb:text-[10px] rb:text-[#155EEF] rb:font-medium rb:leading-3.5 rb:text-right rb:pr-0.5">{item.logical_operator?.toLocaleUpperCase()}</div>}
+                    <Flex align="center" className="rb:bg-[#F0F3F8] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)] rb:rounded-md rb:py-1! rb:px-1.5! rb:text-[10px] rb:text-[#5B6167] rb:font-medium rb:leading-3.5">
+                      {caculateIsSet(expression, 'cases')
+                        ? <>
+                          {labelRender(expression.left)}
+                          <span className="rb:mx-1">{getLocaleField(expression.operator, typeof expression.right)}</span>
+                          <span className="rb:break-all rb:line-clamp-1">{!['not_empty', 'empty'].includes(expression.operator) && <span>{typeof expression.right === 'boolean' ? String(expression.right).charAt(0).toUpperCase() + String(expression.right).slice(1) : expression.right}</span>}</span>
+                        </>
+                        : t(`workflow.config.${data.type}.unset`)
+                      }
+                    </Flex>
+                  </div>
+                ))}
+              </Flex>}
+            </div>
+          ))}
+          <Flex justify="end" className="rb:text-[#212332] rb:font-medium rb:text-[12px]">
+            ELSE
+          </Flex>
+        </Flex>
+      }
     </div>
   );
 };
diff --git a/web/src/views/Workflow/components/Nodes/GroupStartNode.tsx b/web/src/views/Workflow/components/Nodes/GroupStartNode.tsx
index 7fce262e..0f963adc 100644
--- a/web/src/views/Workflow/components/Nodes/GroupStartNode.tsx
+++ b/web/src/views/Workflow/components/Nodes/GroupStartNode.tsx
@@ -1,11 +1,10 @@
 import clsx from 'clsx';
 import type { ReactShapeConfig } from '@antv/x6-react-shape';
-import startIcon from '@/assets/images/workflow/start.png';
 
 const GroupStartNode: ReactShapeConfig['component'] = () => {
   return (
-    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-2.5 rb:border rb:rounded-xl rb:bg-white rb:hover:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.12)] rb:border-[#DFE4ED]')}>
-      <img src={startIcon} className="rb:w-6 rb:h-6" />
+    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:border rb:rounded-xl rb:bg-[#FCFCFD] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)] rb:border-[#DFE4ED] rb:flex rb:items-center rb:justify-center')}>
+      <div className="rb:size-5 rb:bg-cover rb:bg-[url('@/assets/images/workflow/start.svg')]" />
     </div>
   );
 };
diff --git a/web/src/views/Workflow/components/Nodes/LoopNode.tsx b/web/src/views/Workflow/components/Nodes/LoopNode.tsx
index 97136746..b8c2ea0c 100644
--- a/web/src/views/Workflow/components/Nodes/LoopNode.tsx
+++ b/web/src/views/Workflow/components/Nodes/LoopNode.tsx
@@ -2,7 +2,10 @@ import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next'
 import clsx from 'clsx';
 import type { ReactShapeConfig } from '@antv/x6-react-shape';
+import { Flex } from 'antd';
+
 import { graphNodeLibrary, edgeAttrs } from '../../constant';
+import NodeTools from './NodeTools'
 
 const LoopNode: ReactShapeConfig['component'] = ({ node, graph }) => {
   const data = node.getData() || {};
@@ -32,7 +35,7 @@ const LoopNode: ReactShapeConfig['component'] = ({ node, graph }) => {
       const addNode = graph.addNode({
         ...graphNodeLibrary.addStart,
         x: cycleStartBBox.x + 84,
-        y: cycleStartBBox.y,
+        y: cycleStartBBox.y + 4,
         data: {
           type: 'add-node',
           label: t('workflow.addNode'),
@@ -67,8 +70,8 @@ const LoopNode: ReactShapeConfig['component'] = ({ node, graph }) => {
     if (existingCycleNodes.length > 0) return;
     // 添加默认子节点
     const parentBBox = node.getBBox();
-    const centerX = parentBBox.x + 24; // 默认节点宽度的一半
-    const centerY = parentBBox.y + 50; // 默认节点高度的一半
+    const centerX = parentBBox.x + 24;
+    const centerY = parentBBox.y + 70;
 
     const cycleStartNodeId = `cycle_start_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
     const cycleStartNode = graph.addNode({
@@ -87,7 +90,7 @@ const LoopNode: ReactShapeConfig['component'] = ({ node, graph }) => {
     const addNode = graph.addNode({
       ...graphNodeLibrary.addStart,
       x: centerX + 84,
-      y: centerY,
+      y: centerY + 4,
       data: {
         type: 'add-node',
         label: t('workflow.addNode'),
@@ -117,25 +120,16 @@ const LoopNode: ReactShapeConfig['component'] = ({ node, graph }) => {
   }
 
   return (
-    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-2.5 rb:border rb:rounded-xl rb:bg-white rb:hover:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.12)]', {
-      'rb:border-[#155EEF]': data.isSelected,
+    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-3 rb:border rb:rounded-2xl rb:bg-[#FCFCFD] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)]', {
+      'rb:border-[#171719]': data.isSelected,
       'rb:border-[#DFE4ED]': !data.isSelected
     })}>
-      <div className="rb:flex rb:items-center rb:justify-between">
-        <div className="rb:flex rb:items-center rb:gap-2 rb:flex-1">
-          <img src={data.icon} className="rb:w-5 rb:h-5" />
-          <div className="rb:wrap-break-word rb:line-clamp-1">{data.name ?? t(`workflow.${data.type}`)}</div>
-        </div>
-        
-        <div 
-          className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]" 
-          onClick={(e) => {
-            e.stopPropagation()
-            node.remove()
-          }}
-        ></div>
-      </div>
-      <div className="rb:mt-3 rb:min-h-[calc(100%-36px)] rb:w-full rb:bg-[radial-gradient(circle,#e5e7eb_1px,transparent_1px)] rb:bg-size-[12px_12px]"></div>
+      <NodeTools node={node} />
+      <Flex align="center" gap={8} className="rb:flex-1">
+        <img src={data.icon} className="rb:size-6" />
+        <div className="rb:wrap-break-word rb:line-clamp-1">{data.name ?? t(`workflow.${data.type}`)}</div>
+      </Flex>
+      <div className="rb:mt-3 rb:min-h-[calc(100%-36px)] rb:w-full rb:bg-[radial-gradient(circle,#939AB1_1px,#F0F3F8_1px)] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)] rb:rounded-[10px] rb:bg-size-[12px_12px]"></div>
     </div>
   );
 };
diff --git a/web/src/views/Workflow/components/Nodes/NodeTools.tsx b/web/src/views/Workflow/components/Nodes/NodeTools.tsx
new file mode 100644
index 00000000..4948f35d
--- /dev/null
+++ b/web/src/views/Workflow/components/Nodes/NodeTools.tsx
@@ -0,0 +1,43 @@
+import { type FC } from 'react';
+import { useTranslation } from 'react-i18next'
+import clsx from 'clsx';
+import { Node } from '@antv/x6';
+import { Flex, Dropdown, type MenuProps } from 'antd';
+
+const NodeTools: FC<{ node: Node }> = ({
+  node
+}) => {
+  const data = node?.getData() || {};
+  const { t } = useTranslation()
+
+  const handleClick: MenuProps['onClick'] = (e) => {
+    switch (e.key) {
+      case 'delete':
+        node.remove()
+        break;
+      case 'copy':
+        break;
+    }
+  }
+  return (
+    <div className={clsx("rb:absolute rb:p-1 rb:bg-white rb:-top-7.5 rb:right-0 rb:rounded-lg", {
+      'rb:block': data.isSelected,
+      'rb:hidden': !data.isSelected
+    })}>
+      <Dropdown
+        menu={{
+          items: [
+            { key: 'delete', icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/delete_dark.svg')]"></div>, label: <Flex>{t('common.delete')}</Flex>},
+            // { key: 'copy', icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/copy_dark.svg')]"></div>, label: t('common.copy') }
+          ],
+          onClick: handleClick
+        }}
+      >
+        <div className="rb:cursor-pointer rb:size-4 rb:hover:bg-[#F6F6F6] rb:rounded-sm rb:bg-cover rb:bg-[url(@/assets/images/common/dash.svg)]">
+        </div>
+      </Dropdown>
+    </div>
+  )
+}
+
+export default NodeTools;
\ No newline at end of file
diff --git a/web/src/views/Workflow/components/Nodes/NormalNode.tsx b/web/src/views/Workflow/components/Nodes/NormalNode.tsx
index b910ee68..340e95dc 100644
--- a/web/src/views/Workflow/components/Nodes/NormalNode.tsx
+++ b/web/src/views/Workflow/components/Nodes/NormalNode.tsx
@@ -1,32 +1,26 @@
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next'
 import type { ReactShapeConfig } from '@antv/x6-react-shape';
+import { Flex } from 'antd';
+
+import NodeTools from './NodeTools'
 
 const NormalNode: ReactShapeConfig['component'] = ({ node }) => {
   const data = node?.getData() || {}
   const { t } = useTranslation()
 
   return (
-    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-2.5 rb:border rb:rounded-xl rb:bg-white rb:hover:shadow-[0px_2px_6px_0px_rgba(33,35,50,0.12)]', {
-      'rb:border-[#155EEF]': data.isSelected,
+    <div className={clsx('rb:cursor-pointer rb:group rb:relative rb:h-full rb:w-full rb:p-3 rb:border rb:rounded-2xl rb:bg-[#FCFCFD] rb:shadow-[0px_2px_4px_0px_rgba(23,23,25,0.03)]', {
+      'rb:border-[#171719]': data.isSelected,
       'rb:border-[#DFE4ED]': !data.isSelected
     })}>
-      <div className="rb:flex rb:items-center rb:justify-between">
-        <div className="rb:flex rb:items-center rb:gap-2 rb:flex-1">
-          <img src={data.icon} className="rb:w-5 rb:h-5" />
-          <div className="rb:wrap-break-word rb:line-clamp-1">{data.name ?? t(`workflow.${data.type}`)}</div>
-        </div>
-        
-        <div 
-          className="rb:w-5 rb:h-5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/deleteBorder.svg')] rb:hover:bg-[url('@/assets/images/deleteBg.svg')]" 
-          onClick={(e) => {
-            e.stopPropagation()
-            node.remove()
-          }}
-        ></div>
-      </div>
+      <NodeTools node={node} />
+      <Flex align="center" gap={8} className="rb:flex-1">
+        <img src={data.icon} className="rb:size-6" />
+        <div className="rb:wrap-break-word rb:line-clamp-1">{data.name ?? t(`workflow.${data.type}`)}</div>
+      </Flex>
 
-      <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:mt-1.5">{t('workflow.clickToConfigure')}</div>
+      <div className="rb:text-[#5B6167] rb:text-[12px] rb:leading-4 rb:mt-3">{t('workflow.clickToConfigure')}</div>
     </div>
   );
 };
diff --git a/web/src/views/Workflow/components/PortClickHandler.tsx b/web/src/views/Workflow/components/PortClickHandler.tsx
index 903ccbdc..2cc0c3c5 100644
--- a/web/src/views/Workflow/components/PortClickHandler.tsx
+++ b/web/src/views/Workflow/components/PortClickHandler.tsx
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-09 18:30:28 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 12:06:27
+ * @Last Modified time: 2026-03-24 11:11:56
  */
 import { useEffect, useState } from 'react';
 import { Popover } from 'antd';
@@ -47,7 +47,8 @@ const PortClickHandler: React.FC<PortClickHandlerProps> = ({ graph }) => {
     
     // If it's a cycle-start node, handle the add-node placeholder
     let addNodePosition = null;
-    if (sourceNodeType === 'cycle-start' && sourceNodeData.cycle) {
+    const isCycleSubNode = sourceNodeData.cycle
+    if (isCycleSubNode && sourceNodeType === 'cycle-start') {
       const cycleId = sourceNodeData.cycle;
       const addNodes = graph.getNodes().filter((n: any) => 
         n.getData()?.type === 'add-node' && n.getData()?.cycle === cycleId
@@ -64,7 +65,7 @@ const PortClickHandler: React.FC<PortClickHandlerProps> = ({ graph }) => {
     const sourceBBox = sourceNode.getBBox();
     const nodeWidth = graphNodeLibrary[selectedNodeType.type]?.width || 120;
     const nodeHeight = graphNodeLibrary[selectedNodeType.type]?.height || 88;
-    const horizontalSpacing = sourceNodeType === 'cycle-start' ? 40 : 80;
+    const horizontalSpacing = isCycleSubNode ? 48 : 80;
     const verticalSpacing = 10;
     
     // Get source port group information
@@ -119,7 +120,7 @@ const PortClickHandler: React.FC<PortClickHandlerProps> = ({ graph }) => {
     const newNode = graph.addNode({
       ...(graphNodeLibrary[selectedNodeType.type] || graphNodeLibrary.default),
       x: newX,
-      y: newY,
+      y: newY - (isCycleSubNode && sourceNodeType === 'cycle-start' ? 12 : 0),
       id,
       data: {
         id,
@@ -182,15 +183,22 @@ const PortClickHandler: React.FC<PortClickHandlerProps> = ({ graph }) => {
                   maxY: Math.max(acc.maxY, bbox.y + bbox.height)
                 };
               }, { minX: Infinity, minY: Infinity, maxX: -Infinity, maxY: -Infinity });
-              
-              const padding = 20;
-              const bottomPadding = 50;
+
+              const padding = 50;
               const newWidth = Math.max(nodeWidth, bounds.maxX - bounds.minX + padding * 2);
-              const newHeight = Math.max(120, bounds.maxY - bounds.minY + padding + bottomPadding);
+              const newHeight = Math.max(120, bounds.maxY - bounds.minY + padding * 2);
 
               parentNode.prop('size', { width: newWidth, height: newHeight });
+              
+              // Update right port x position
+              const ports = parentNode.getPorts();
+              ports.forEach((port: any) => {
+                if (port.group === 'right' && port.args) {
+                  parentNode.portProp(port.id!, 'args/x', newWidth);
+                }
+              });
             }
-          };
+          }; 
           
           adjustLoopSize();
           
@@ -226,10 +234,6 @@ const PortClickHandler: React.FC<PortClickHandlerProps> = ({ graph }) => {
         const sourceNodeData = sourceNode?.getData();
         const isChildOfLoop = sourceNodeData?.cycle && graph?.getNodes().find((n: any) => n.getData()?.id === sourceNodeData.cycle && n.getData()?.type === 'loop');
         const isChildOfIteration = sourceNodeData?.cycle && graph?.getNodes().find((n: any) => n.getData()?.id === sourceNodeData.cycle && n.getData()?.type === 'iteration');
-        
-        const sourcePortInfo = sourceNode?.getPorts().find((p: any) => p.id === sourcePort);
-        const sourcePortGroup = sourcePortInfo?.group || sourcePort;
-        const isLeftPort = sourcePortGroup === 'left';
 
         let filteredNodes;
         if (isChildOfLoop) {
@@ -244,10 +248,6 @@ const PortClickHandler: React.FC<PortClickHandlerProps> = ({ graph }) => {
             nodeType.type !== 'start' && nodeType.type !== 'cycle-start' && nodeType.type !== 'break'
           );
         }
-
-        if (isLeftPort) {
-          filteredNodes = filteredNodes.filter(nodeType => nodeType.type !== 'end');
-        }
         
         if (filteredNodes.length === 0) return null;
         
diff --git a/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx b/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx
index 29f8f7a1..d6ccae23 100644
--- a/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx
@@ -1,8 +1,10 @@
 import { type FC } from 'react'
 import { useTranslation } from 'react-i18next';
-import { Form, Input, Select, InputNumber, Radio, Button, Space } from 'antd'
+import { Form, Input, Select, InputNumber, Button, Flex } from 'antd'
+
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import VariableSelect from '../VariableSelect'
+import RadioGroupBtn from '../RadioGroupBtn'
 
 interface AssignmentListProps {
   value?: Array<{ variable_selector: string; operation: string[]; value: string;}>;
@@ -40,21 +42,21 @@ const AssignmentList: FC<AssignmentListProps> = ({
     <Form.List name={parentName}>
       {(fields, { add, remove }) => (
         <>
-          <div className="rb:flex rb:items-center rb:justify-between rb:mb-2.5">
+          <Flex align="center" justify="space-between" className="rb:mb-2.5!">
             <div className="rb:text-[12px] rb:leading-4.5 rb:font-medium">
               {t(`workflow.config.assigner.${parentName}`)}
             </div>
 
             <Button
               onClick={() => add({ operation: 'cover' })}
-              className="rb:py-0! rb:px-1! rb:text-[12px]!"
+              className="rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]!"
               size="small"
             >
               + {t('workflow.config.addVariable')}
             </Button>
-          </div>
+          </Flex >
 
-          <Space size={10} direction="vertical" className="rb:w-full!">
+          <Flex gap={10} vertical>
             {fields.map(({ key, name, ...restField }) => {
               const variableSelector = form.getFieldValue([parentName, name, 'variable_selector']);
               const selectedOption = options.find(option => `{{${option.value}}}` === variableSelector);
@@ -62,9 +64,9 @@ const AssignmentList: FC<AssignmentListProps> = ({
               const operationOptions = dataType === 'number' ? operationsObj.number : operationsObj.default;
               
               return (
-                <div key={key} className="rb:flex rb:items-start">
+                <Flex key={key} gap={4} align="start">
                   <div className="rb:flex-1">
-                    <div className="rb:flex rb:gap-1 rb:mb-1">
+                    <Flex gap={4} className="rb:mb-1!">
                       <Form.Item
                         {...restField}
                         name={[name, 'variable_selector']}
@@ -79,7 +81,8 @@ const AssignmentList: FC<AssignmentListProps> = ({
                             form.setFieldValue([parentName, name, 'value'], undefined);
                           }}
                           size={size}
-                          className="rb:w-39!"
+                          className="rb:w-39! rb:bg-[#F6F6F6]!"
+                          variant="borderless"
                         />
                       </Form.Item>
                       <Form.Item
@@ -98,10 +101,11 @@ const AssignmentList: FC<AssignmentListProps> = ({
                             form.setFieldValue([parentName, name, 'value'], undefined);
                           }}
                           size={size}
-                          className="rb:w-24!"
+                          className="rb:w-39! select"
+                          variant="borderless"
                         />
                       </Form.Item>
-                    </div>
+                    </Flex>
                     <Form.Item shouldUpdate noStyle>
                       {(form) => {
                         const operation = form.getFieldValue([parentName, name, 'operation']);
@@ -119,24 +123,30 @@ const AssignmentList: FC<AssignmentListProps> = ({
                                 options={dataType ? options.filter(vo => vo.dataType === dataType) : options}
                                 popupMatchSelectWidth={false}
                                 size={size}
+                                variant="borderless"
+                                className="select"
                               />
                               : dataType === 'number'
                                 ? <InputNumber
                                   placeholder={t('common.pleaseEnter')}
-                                  className="rb:w-full!"
+                                  className="rb:w-full! rb:bg-[#F6F6F6]!"
                                   onChange={(value) => form.setFieldValue([name, 'value'], value)}
                                   size={size}
+                                  variant="borderless"
                                 />
                                 : operation === 'assign'
                                   ? <>
                                     {dataType === 'boolean'
-                                      ? <Radio.Group block size={size}>
-                                        <Radio.Button value={true}>True</Radio.Button>
-                                        <Radio.Button value={false}>False</Radio.Button>
-                                      </Radio.Group>
+                                      ? <RadioGroupBtn
+                                        options={[
+                                          { value: true, label: 'True' },
+                                          { value: false, label: 'False' }]}
+                                      />
                                       : <Input.TextArea
                                         placeholder={t('common.pleaseEnter')}
                                         rows={3}
+                                        variant="borderless"
+                                        className="rb:bg-[#F6F6F6]!"
                                       />
                                     }
                                   </>
@@ -145,6 +155,8 @@ const AssignmentList: FC<AssignmentListProps> = ({
                                     options={dataType ? options.filter(vo => vo.dataType === dataType) : options}
                                     popupMatchSelectWidth={false}
                                     size={size}
+                                    variant="borderless"
+                                    className="select"
                                   />
                             }
                           </Form.Item>
@@ -153,13 +165,13 @@ const AssignmentList: FC<AssignmentListProps> = ({
                     </Form.Item>
                   </div>
                   <div
-                    className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
                     onClick={() => remove(name)}
                   ></div>
-                </div>
+                </Flex>
               )
             })}
-          </Space>
+          </Flex>
         </>
       )}
     </Form.List>
diff --git a/web/src/views/Workflow/components/Properties/CaseList/index.tsx b/web/src/views/Workflow/components/Properties/CaseList/index.tsx
index 70c4c43f..12ca38d5 100644
--- a/web/src/views/Workflow/components/Properties/CaseList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/CaseList/index.tsx
@@ -2,17 +2,20 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-09 18:24:53 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-28 17:49:28
+ * @Last Modified time: 2026-03-25 15:23:45
  */
 import { type FC } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next';
-import { Form, Button, Select, Space, Divider, InputNumber, Radio, type SelectProps } from 'antd'
+import { Form, Button, Select, Space, Divider, InputNumber, type SelectProps, Flex, Row, Col } from 'antd'
 
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import VariableSelect from '../VariableSelect'
 import Editor from '../../Editor'
-import { edgeAttrs, portTextAttrs, nodeWidth } from '../../../constant'
+import { edgeAttrs, nodeWidth } from '../../../constant'
+import RbButton from '@/components/RbButton';
+import RadioGroupBtn from '../RadioGroupBtn'
+import { calcConditionNodeTotalHeight, getConditionNodeCasePortY } from '../../../utils'
 
 interface CaseListProps {
   value?: Array<{ logical_operator: 'and' | 'or'; expressions: { left: string; operator: string; right: string; input_type?: string; }[] }>;
@@ -58,6 +61,16 @@ const CaseList: FC<CaseListProps> = ({
   const { t } = useTranslation();
   const form = Form.useFormInstance();
 
+  // Recalculate node height and port Y positions without rebuilding ports
+  const updateNodeLayout = (cases: any[]) => {
+    if (!selectedNode || !graphRef?.current) return;
+    selectedNode.prop('size', { width: nodeWidth, height: calcConditionNodeTotalHeight(cases) });
+    cases.forEach((_c: any, i: number) => {
+      selectedNode.portProp(`CASE${i + 1}`, 'args/y', getConditionNodeCasePortY(cases, i));
+    });
+    selectedNode.portProp(`CASE${cases.length + 1}`, 'args/y', getConditionNodeCasePortY(cases, cases.length));
+  };
+
   // Update node ports based on case count changes (add/remove cases)
   const updateNodePorts = (caseCount: number, removedCaseIndex?: number) => {
     if (!selectedNode || !graphRef?.current) return;
@@ -87,35 +100,19 @@ const CaseList: FC<CaseListProps> = ({
         selectedNode.removePort(port.id);
       }
     });
-    
-    // Calculate new node height: base height 88px + 30px for each additional port
-    const baseHeight = 88;
-    const totalPorts = caseCount + 1; // IF/ELIF + ELSE
-    const newHeight = baseHeight + (totalPorts - 2) * 30;
 
-    selectedNode.prop('size', { width: nodeWidth, height: newHeight })
+    const cases = form.getFieldValue(name) || [];
+    selectedNode.prop('size', { width: nodeWidth, height: calcConditionNodeTotalHeight(cases) });
 
-    // Add IF port
-    selectedNode.addPort({
-      id: 'CASE1',
-      group: 'right',
-      args: {
-        x: nodeWidth,
-        y: 42,
-      },
-      attrs: { text: { text: 'IF', ...portTextAttrs } }
-    })
-    
     // Add ELIF ports
-    for (let i = 1; i < caseCount; i++) {
+    for (let i = 0; i < caseCount; i++) {
       selectedNode.addPort({
         id: `CASE${i + 1}`,
         group: 'right',
         args: {
           x: nodeWidth,
-          y: 30 * i + 42,
+          y: getConditionNodeCasePortY(cases, i),
         },
-        attrs: { text: { text: 'ELIF', ...portTextAttrs }}
       });
     }
     
@@ -125,9 +122,8 @@ const CaseList: FC<CaseListProps> = ({
       group: 'right',
       args: {
         x: nodeWidth,
-        y: 30 * caseCount + 42,
+        y: getConditionNodeCasePortY(cases, caseCount),
       },
-      attrs: { text: { text: 'ELSE', ...portTextAttrs }}
     });
     
     // Restore edge connections
@@ -201,19 +197,11 @@ const CaseList: FC<CaseListProps> = ({
   };
 
   const handleLeftFieldChange = (caseIndex: number, conditionIndex: number, newValue: string) => {
-    form.setFieldsValue({
-      [name]: {
-        [caseIndex]: {
-          expressions: {
-            [conditionIndex]: {
-              left: newValue,
-              operator: undefined,
-              right: undefined,
-              input_type: undefined
-            }
-          }
-        }
-      }
+    form.setFieldValue([name, caseIndex, 'expressions', conditionIndex], {
+      left: newValue,
+      operator: undefined,
+      right: undefined,
+      input_type: undefined
     });
   };
 
@@ -248,136 +236,158 @@ const CaseList: FC<CaseListProps> = ({
                   {(conditionFields, { add: addCondition, remove: removeCondition }) => {
                     const logicalOperator = form.getFieldValue(name)?.[caseIndex]?.logical_operator || 'and'
                     return (
-                      <div className={clsx("rb:relative")}>
-                        <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
-                          <div className="rb:text-[12px] rb:leading-4.5">
-                            <span className="rb:font-medium ">{caseIndex === 0 ? 'IF' : 'ELIF'}</span>
-                            {caseFields.length > 1 && <span className="rb:text-[10px] rb:text-[#5B6167]"> ({`CASE ${caseIndex + 1}`})</span>}
+                      <Row className="rb:text-[12px] rb:mb-4!">
+                        <Col flex="48px">
+                          <div className="rb:font-medium rb:leading-4.5">{caseIndex === 0 ? 'IF' : 'ELIF'}</div>
+                          {caseFields.length > 1 && <div className="rb:text-[10px] rb:text-[#5B6167] rb:leading-2.5"> {`CASE ${caseIndex + 1}`}</div>}
+                        </Col>
+                        <Col flex="1" className="rb:pl-3!">
+                          <div className="rb:relative">
+                            {conditionFields?.length > 1 && (
+                              <div className="rb:absolute rb:-left-9 rb:top-4 rb:bottom-4 rb:w-6 rb:h-[calc(100%-32px)]">
+                                <div className="rb:absolute rb:w-3 rb:h-[calc(50%-20px)] rb:left-5 rb:top-0 rb:z-10 rb:border-l rb:border-t rb:border-[#EBEBEB] rb:rounded-tl-[10px] rb:border-r-0"></div>
+                                <div className="rb:absolute rb:z-10 rb:-right-1.25 rb:top-[calc(50%-10px)]">
+                                  <Form.Item name={[caseField.name, 'logical_operator']} noStyle >
+                                    <Space size={2} className="rb:cursor-pointer rb:text-[#155EEF] rb:leading-4.5 rb:font-medium rb-border rb:py-px! rb:px-1! rb:rounded-sm" onClick={() => handleChangeLogicalOperator(caseIndex)}>
+                                      {logicalOperator}
+                                      <div className="rb:size-3 rb:bg-cover rb:bg-[url('@/assets/images/workflow/refresh_active.svg')]"></div>
+                                    </Space>
+                                  </Form.Item>
+                                </div>
+                                <div className="rb:absolute rb:w-3 rb:h-[calc(50%-20px)] rb:left-5 rb:bottom-0 rb:z-10 rb:border-l rb:border-b rb:border-[#EBEBEB] rb:rounded-bl-[10px] rb:border-r-0"></div>
+                              </div>
+                            )}
+                            {conditionFields.map((conditionField, conditionIndex) => {
+                              const cases = form.getFieldValue(name) || [];
+                              const currentCase = cases[caseIndex] || {};
+                              const currentExpression = currentCase.expressions?.[conditionIndex] || {};
+                              const currentOperator = currentExpression.operator;
+                              const hideRightField = currentOperator === 'empty' || currentOperator === 'not_empty';
+                              const leftFieldValue = currentExpression.left;
+                              const leftFieldOption = options.find(option => `{{${option.value}}}` === leftFieldValue);
+                              const leftFieldType = leftFieldOption?.dataType;
+                              const operatorList = operatorsObj[leftFieldType || 'default'] || operatorsObj.default || [];
+                              const inputType = leftFieldType === 'number' ? currentExpression.input_type : undefined;
+                              return (
+                                <Flex key={conditionField.key} gap={4} align="start" className="rb:mb-2!">
+                                  <div className="rb:flex-1 rb:bg-[#F6F6F6] rb:rounded-lg">
+                                    <Row className={clsx("rb:p-1!", {
+                                      'rb-border-b': !hideRightField
+                                    })}>
+                                      <Col flex="144px">
+                                        <Form.Item name={[conditionField.name, 'left']} noStyle>
+                                          <VariableSelect
+                                            placeholder={t('common.pleaseSelect')}
+                                            options={options}
+                                            size="small"
+                                            allowClear={false}
+                                            popupMatchSelectWidth={false}
+                                            onChange={(val) => handleLeftFieldChange(caseIndex, conditionIndex, val)}
+                                            variant="borderless"
+                                            className="rb:w-36!"
+                                          />
+                                        </Form.Item>
+                                      </Col>
+                                      <Col flex="1">
+                                        <Form.Item name={[conditionField.name, 'operator']} noStyle>
+                                          <Select
+                                            options={operatorList.map(vo => ({
+                                              ...vo,
+                                              label: t(String(vo?.label || ''))
+                                            }))}
+                                            size="small"
+                                            popupMatchSelectWidth={false}
+                                            placeholder={t('common.pleaseSelect')}
+                                            variant="borderless"
+                                            className="rb:w-full!"
+                                          />
+                                        </Form.Item>
+                                      </Col>
+                                    </Row>
+                                    
+                                    {!hideRightField && (
+                                      <div className="rb:py-1 rb:px-1.5">
+                                        {leftFieldType === 'number'
+                                          ? <Flex align="center">
+                                            <Form.Item name={[conditionField.name, 'input_type']} noStyle>
+                                              <Select
+                                                placeholder={t('common.pleaseSelect')}
+                                                options={[{ value: 'variable', label: 'Variable' }, { value: 'Constant', label: 'constant' }]}
+                                                popupMatchSelectWidth={false}
+                                                variant="borderless"
+                                                onChange={() => handleInputTypeChange(caseIndex, conditionIndex)}
+                                                className="rb:w-20!"
+                                              />
+                                            </Form.Item>
+                                            <Divider type="vertical" />
+                                            <Form.Item name={[conditionField.name, 'right']} noStyle>
+                                              {inputType === 'variable'
+                                                ? <VariableSelect
+                                                  placeholder={t('common.pleaseSelect')}
+                                                  options={options.filter(vo => vo.dataType === 'number')}
+                                                  allowClear={false}
+                                                  popupMatchSelectWidth={false}
+                                                  variant="borderless"
+                                                  size="small"
+                                                />
+                                                : <InputNumber
+                                                    placeholder={t('common.pleaseEnter')}
+                                                    variant="borderless"
+                                                    className="rb:w-full!"
+                                                    onChange={(value) => form.setFieldValue([name, caseIndex, 'expressions', conditionIndex, 'right'], value)}
+                                                  />
+                                              }
+                                            </Form.Item>
+                                          </Flex>
+                                          : (
+                                            <Form.Item name={[conditionField.name, 'right']} noStyle>
+                                              {leftFieldType === 'boolean'
+                                                ? <RadioGroupBtn options={[ { value: true, label: 'True' }, { value: false, label: 'False' }]} type="inner" />
+                                                : <Editor options={options} size="small" type="input" />
+                                              }
+                                            </Form.Item>
+                                          )
+                                        }
+                                      </div>
+                                    )}
+                                  </div>
+                                  <div
+                                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                                    onClick={() => {
+                                      removeCondition(conditionField.name);
+                                      setTimeout(() => updateNodeLayout(form.getFieldValue(name) || []), 100);
+                                    }}
+                                  ></div>
+                                </Flex>
+                              )
+                            })}
                           </div>
-
-                          <Space>
-                            <Button
-                              onClick={() => addCondition({})}
-                              className="rb:py-0! rb:px-1! rb:text-[12px]!"
-                              size="small"
-                            >
-                              + {t('workflow.config.addCase')}
-                            </Button>
-                            {caseFields.length > 1 &&
+                          <Row>
+                            <Col flex="1">
                               <Button
-                                className="rb:py-0! rb:px-1! rb:text-[12px]!"
+                                onClick={() => {
+                                  addCondition({});
+                                  setTimeout(() => updateNodeLayout(form.getFieldValue(name) || []), 100);
+                                }}
+                                className={clsx("rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]!")}
+                                size="small"
+                              >
+                                + {t('workflow.config.addCase')}
+                              </Button>
+                            </Col>
+                            {caseFields.length > 1 && <Col flex="70px">
+                              <RbButton 
+                                danger 
+                                className="rb:group rb:mr-5 rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]! rb:gap-0!"
+                                icon={<div className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/delete.svg')] rb:group-hover:bg-[url('@/assets/images/workflow/delete_hover.svg')]"></div>}
                                 onClick={() => handleRemoveCase(removeCase, caseField.name, caseIndex)}
                               >
                                 {t('common.remove')}
-                              </Button>
-                            }
-                          </Space>
-                        </div>
-                        {conditionFields?.length > 1 && <div className="rb:absolute rb:top-8 rb:bottom-4 rb:w-8.5 rb:h-[calc(100%-32px)]">
-                          <div className="rb:absolute rb:w-2.5 rb:h-[calc(50%-30px)] rb:left-5 rb:top-4 rb:z-10 rb:border-l rb:border-t rb:border-[#DFE4ED] rb:rounded-tl-[10px] rb:border-r-0"></div>
-                          <div className="rb:absolute rb:z-10 rb:left-0 rb:top-[calc(50%-13px)]">
-                            <Form.Item name={[caseField.name, 'logical_operator']} noStyle >
-                              <Button size="small" className="rb:text-[12px]! rb:py-px! rb:px-1! rb:w-8.5! rb:h-5!" onClick={() => handleChangeLogicalOperator(caseIndex)}>{logicalOperator}</Button>
-                            </Form.Item>
-                          </div>
-                          <div className="rb:absolute rb:w-2.5 rb:h-[calc(50%-30px)] rb:left-5 rb:bottom-4 rb:z-10 rb:border-l rb:border-b rb:border-[#DFE4ED] rb:rounded-bl-[10px] rb:border-r-0"></div>
-                        </div>}
-                        {conditionFields.map((conditionField, conditionIndex) => {
-                          const cases = form.getFieldValue(name) || [];
-                          const currentCase = cases[caseIndex] || {};
-                          const currentExpression = currentCase.expressions?.[conditionIndex] || {};
-                          const currentOperator = currentExpression.operator;
-                          const hideRightField = currentOperator === 'empty' || currentOperator === 'not_empty';
-                          const leftFieldValue = currentExpression.left;
-                          const leftFieldOption = options.find(option => `{{${option.value}}}` === leftFieldValue);
-                          const leftFieldType = leftFieldOption?.dataType;
-                          const operatorList = operatorsObj[leftFieldType || 'default'] || operatorsObj.default || [];
-                          const inputType = leftFieldType === 'number' ? currentExpression.input_type?.toLocaleLowerCase() : undefined;
-                          return (
-                            <div key={conditionField.key} className="rb:flex rb:items-start rb:ml-9.5 rb:mb-4">
-                              <div className="rb:flex-1 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-md">
-                                <div className={clsx("rb:flex rb:gap-1 rb:p-1", {
-                                  'rb:border-b rb:border-b-[#DFE4ED]': !hideRightField
-                                })}>
-                                  <Form.Item name={[conditionField.name, 'left']} noStyle>
-                                    <VariableSelect
-                                      placeholder={t('common.pleaseSelect')}
-                                      options={options}
-                                      size="small"
-                                      allowClear={false}
-                                      popupMatchSelectWidth={false}
-                                      onChange={(val) => handleLeftFieldChange(caseIndex, conditionIndex, val)}
-                                      className="rb:bg-white! rb:w-29.5!"
-                                    />
-                                  </Form.Item>
-                                  <Form.Item name={[conditionField.name, 'operator']} noStyle>
-                                    <Select
-                                      options={operatorList.map(vo => ({
-                                        ...vo,
-                                        label: t(String(vo?.label || ''))
-                                      }))}
-                                      size="small"
-                                      popupMatchSelectWidth={false}
-                                      placeholder={t('common.pleaseSelect')}
-                                      className="rb:bg-white! rb:w-22!"
-                                    />
-                                  </Form.Item>
-                                </div>
-                                
-                                {!hideRightField && <div className="rb:p-1">
-                                  {leftFieldType === 'number'
-                                    ? <div className="rb:flex rb:items-center">
-                                      <Form.Item name={[conditionField.name, 'input_type']} noStyle>
-                                        <Select
-                                          placeholder={t('common.pleaseSelect')}
-                                          options={[{ value: 'variable', label: 'Variable' }, { value: 'constant', label: 'Constant' }]}
-                                          popupMatchSelectWidth={false}
-                                          variant="borderless"
-                                          onChange={() => handleInputTypeChange(caseIndex, conditionIndex)}
-                                          className="rb:w-18!"
-                                        />
-                                      </Form.Item>
-                                      <Divider type="vertical" />
-                                      <Form.Item name={[conditionField.name, 'right']} noStyle>
-                                        {inputType === 'variable'
-                                          ?
-                                          <VariableSelect
-                                            placeholder={t('common.pleaseSelect')}
-                                            options={options.filter(vo => vo.dataType === 'number')}
-                                            allowClear={false}
-                                            popupMatchSelectWidth={false}
-                                            variant="borderless"
-                                            size="small"
-                                          />
-                                          : <InputNumber
-                                              placeholder={t('common.pleaseEnter')}
-                                              variant="borderless"
-                                              className="rb:w-full!"
-                                              onChange={(value) => form.setFieldValue([name, caseIndex, 'expressions', conditionIndex, 'right'], value)}
-                                            />
-                                        }
-                                      </Form.Item>
-                                    </div>
-                                    : <Form.Item name={[conditionField.name, 'right']} noStyle>
-                                      {leftFieldType === 'boolean'
-                                          ? <Radio.Group block>
-                                            <Radio.Button value={true}>True</Radio.Button>
-                                            <Radio.Button value={false}>False</Radio.Button>
-                                          </Radio.Group>
-                                          : <Editor options={options} size="small" type="input" />
-                                      }
-                                    </Form.Item>
-                                  }
-                                </div>}
-                              </div>
-                              <div
-                                className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
-                                onClick={() => removeCondition(conditionField.name)}
-                              ></div>
-                            </div>
-                          )
-                        })}
-                      </div>
+                              </RbButton>
+                            </Col>}
+                          </Row>
+                        </Col>
+                      </Row>
                     )
                   }}
                 </Form.List>
diff --git a/web/src/views/Workflow/components/Properties/CategoryList/index.tsx b/web/src/views/Workflow/components/Properties/CategoryList/index.tsx
index 63c64583..9137b223 100644
--- a/web/src/views/Workflow/components/Properties/CategoryList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/CategoryList/index.tsx
@@ -1,17 +1,17 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-09 18:34:33 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-09 18:34:33 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-05 18:18:35
  */
 import { type FC } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, Form, Space } from 'antd';
+import { Button, Form, Flex } from 'antd';
 import { Graph, Node } from '@antv/x6';
 
 import Editor from '../../Editor';
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
-import { edgeAttrs, portTextAttrs, nodeWidth } from '../../../constant'
+import { edgeAttrs, conditionNodeItemHeight, nodeWidth, portItemArgsY, conditionNodePortItemArgsY, conditionNodeHeight } from '../../../constant'
 
 interface CategoryListProps {
   parentName: string;
@@ -51,10 +51,17 @@ const CategoryList: FC<CategoryListProps> = ({ parentName, selectedNode, graphRe
     });
 
     // Calculate new node height: base height 88px + 30px for each additional port
-    const baseHeight = 88;
-    const newHeight = baseHeight + (caseCount - 2) * 30;
+    const newHeight = conditionNodeHeight + (caseCount - 2) * conditionNodeItemHeight;
 
-    selectedNode.prop('size', { width: nodeWidth, height: newHeight < baseHeight ? baseHeight : newHeight })
+    selectedNode.prop('size', { width: nodeWidth, height: newHeight < conditionNodeHeight ? conditionNodeHeight : newHeight })
+
+    // Update right port x position
+    const currentPorts = selectedNode.getPorts();
+    currentPorts.forEach(port => {
+      if (port.group === 'right' && port.args) {
+        selectedNode.portProp(port.id!, 'args/x', nodeWidth);
+      }
+    });
 
     // Add category ports
     for (let i = 0; i < caseCount; i++) {
@@ -63,9 +70,8 @@ const CategoryList: FC<CategoryListProps> = ({ parentName, selectedNode, graphRe
         group: 'right',
         args: {
           x: nodeWidth,
-          y: 30 * i + 42,
+          y: portItemArgsY * i + conditionNodePortItemArgsY,
         },
-        attrs: { text: { text: `分类${i + 1}`, ...portTextAttrs } }
       });
     }
     // Restore edge connections
@@ -137,36 +143,36 @@ const CategoryList: FC<CategoryListProps> = ({ parentName, selectedNode, graphRe
   return (
     <Form.List name={parentName}>
       {(fields, { add, remove }) => (
-        <Space direction="vertical" size={12} className="rb:w-full">
+        <Flex gap={8} vertical>
           {fields.map(({ key, name, ...restField }, index) => {
             const currentItem = formValues?.[key] || {};
             const contentLength = (currentItem.class_name || '').length;
             
             return (
-            <div key={key} className="rb:border rb:border-[#DFE4ED] rb:rounded-md rb:p-2 rb:bg-[#F8F9FB]">
-              <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
-                <div className="rb:text-[12px] rb:font-medium rb:py-1 rb:leading-2">{t('workflow.config.question-classifier.class_name')} {index + 1}</div>
-                <div className="rb:flex rb:items-center rb:gap-1">
-                  <span className="rb:text-xs rb:text-gray-500">{contentLength}</span>
-                  <div
-                    className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
-                    onClick={() => handleRemoveCategory(remove, name, index)}
-                  ></div>
-                </div>
+              <div key={key} className="rb-border rb:rounded-md rb:p-2">
+                <Flex align="center" justify="space-between" className="rb:mb-2!">
+                  <div className="rb:text-[12px] rb:font-medium rb:py-1 rb:leading-4">{t('workflow.config.question-classifier.class_name')} {index + 1}</div>
+                  <Flex align="center" gap={4}>
+                    <span className="rb:text-xs rb:text-[#667085]">{contentLength}</span>
+                    <div
+                      className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                      onClick={() => handleRemoveCategory(remove, name, index)}
+                    ></div>
+                  </Flex>
+                </Flex>
+                <Form.Item
+                  {...restField}
+                    name={[name, 'class_name']}
+                  noStyle
+                >
+                  <Editor
+                    placeholder={t('common.pleaseEnter')}
+                    options={options}
+                    size="small"
+                  />
+                </Form.Item>
               </div>
-              <Form.Item
-                {...restField}
-                  name={[name, 'class_name']}
-                noStyle
-              >
-                <Editor
-                  placeholder={t('common.pleaseEnter')}
-                  options={options}
-                  size="small"
-                />
-              </Form.Item>
-            </div>
-          )})}
+            )})}
           
           <Button
             type="dashed"
@@ -177,7 +183,7 @@ const CategoryList: FC<CategoryListProps> = ({ parentName, selectedNode, graphRe
           >
             + {t('workflow.config.question-classifier.addClassName')}
           </Button>
-        </Space>
+        </Flex>
       )}
     </Form.List>
   );
diff --git a/web/src/views/Workflow/components/Properties/CodeExecution/OutputList.tsx b/web/src/views/Workflow/components/Properties/CodeExecution/OutputList.tsx
index 8be8d97e..6bb12d9b 100644
--- a/web/src/views/Workflow/components/Properties/CodeExecution/OutputList.tsx
+++ b/web/src/views/Workflow/components/Properties/CodeExecution/OutputList.tsx
@@ -1,6 +1,6 @@
 import { type FC, type ReactNode } from 'react';
 import { useTranslation } from 'react-i18next'
-import { Button, Form, Input, Divider, Space, Select } from 'antd';
+import { Button, Form, Input, Flex, Space, Select } from 'antd';
 
 interface OutputListProps {
   label: string;
@@ -25,7 +25,7 @@ const OutputList: FC<OutputListProps> = ({ label, name, extra }) => {
       <Form.List name={name}>
         {(fields, { add, remove }) => (
           <>
-            <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
+            <Flex align="center" justify="space-between" className="rb:mb-2!">
               <div className="rb:text-[12px] rb:font-medium rb:leading-4.5">
                 {label}
               </div>
@@ -34,15 +34,15 @@ const OutputList: FC<OutputListProps> = ({ label, name, extra }) => {
                 {extra}
                 <Button
                   onClick={() => add({ type: 'string' })}
-                  className="rb:py-0! rb:px-1! rb:text-[12px]!"
+                  className="rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]!"
                   size="small"
                 >
                   + {t('workflow.config.addVariable')}
                 </Button>
               </Space>
-            </div>
+            </Flex>
             {fields.map(({ key, name, ...restField }) => (
-              <div key={key} className="rb:flex rb:items-center rb:gap-1 rb:mb-2">
+              <Flex key={key} align="center" gap={4} className="rb:mb-2!">
                 <Form.Item
                   {...restField}
                   name={[name, 'name']}
@@ -51,7 +51,7 @@ const OutputList: FC<OutputListProps> = ({ label, name, extra }) => {
                   <Input 
                     placeholder={t('common.pleaseEnter')} 
                     size="small"
-                    className="rb:w-45!"
+                    className="rb:w-51!"
                   />
                 </Form.Item>
                 <Form.Item
@@ -67,14 +67,14 @@ const OutputList: FC<OutputListProps> = ({ label, name, extra }) => {
                     }))}
                     size="small"
                     popupMatchSelectWidth={false}
-                    className="rb:w-22!"
+                    className="rb:w-27!"
                   />
                 </Form.Item>
                 <div
                   className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
                   onClick={() => remove(name)}
                 ></div>
-              </div>
+              </Flex>
             ))}
           </>
         )}
diff --git a/web/src/views/Workflow/components/Properties/CodeExecution/index.module.css b/web/src/views/Workflow/components/Properties/CodeExecution/index.module.css
new file mode 100644
index 00000000..4960ff28
--- /dev/null
+++ b/web/src/views/Workflow/components/Properties/CodeExecution/index.module.css
@@ -0,0 +1,3 @@
+.editor:global(.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector) {
+  padding-left: 0 !important;
+}
\ No newline at end of file
diff --git a/web/src/views/Workflow/components/Properties/CodeExecution/index.tsx b/web/src/views/Workflow/components/Properties/CodeExecution/index.tsx
index b9c2c881..2a976bf0 100644
--- a/web/src/views/Workflow/components/Properties/CodeExecution/index.tsx
+++ b/web/src/views/Workflow/components/Properties/CodeExecution/index.tsx
@@ -1,12 +1,13 @@
 import { type FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Form, Select, Space, Row, Col, Divider, Button, Tooltip } from 'antd'
+import { Form, Select, Flex, Tooltip } from 'antd'
 import { Node } from '@antv/x6'
 
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import MappingList from '../MappingList'
 import OutputList from './OutputList'
 import CodeMirrorEditor from '@/components/CodeMirrorEditor';
+import styles from './index.module.css'
 
 interface MappingItem {
   name?: string
@@ -73,40 +74,31 @@ const CodeExecution: FC<CodeExecutionProps> = ({ options }) => {
 
   return (
     <>
-      <Form.Item name="input_variables" noStyle>
+      <Form.Item name="input_variables">
         <MappingList 
           label={t('workflow.config.code.input_variables')} 
           name="input_variables" 
           options={options}
           valueKey="variable"
           extra={<Tooltip title={t('workflow.config.code.refreshTip')}>
-            <Button
-              onClick={handleRefresh}
-              className="rb:py-0! rb:px-1.5! rb:text-[12px]! rb:group"
-              size="small"
-            >
-              <div onClick={handleRefresh} className="rb:size-3 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/refresh.svg')] rb:group-hover:bg-[url('@/assets/images/refresh_hover.svg')]"></div>
-            </Button>
+            <div onClick={handleRefresh} className="rb:size-4.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/refresh.svg')]"></div>
           </Tooltip>}
         />
       </Form.Item>
       
-      <Space size={8} direction="vertical" className="rb:w-full rb:border rb:border-[#DFE4ED] rb:rounded-md rb:px-2 rb:py-1.5">
-        <Row>
-          <Col span={12}>
-            <Form.Item name="language" noStyle>
-              <Select 
-                options={[
-                  { label: 'PYTHON3', value: 'python3' },
-                  { label: 'JAVASCRIPT', value: 'javascript' }
-                ]}
-                popupMatchSelectWidth={false}
-                className="rb:font-medium!"
-                onChange={handleChangeLanguage}
-              />
-            </Form.Item>
-          </Col>
-        </Row>
+      <Flex gap={4} vertical className="rb:border rb:bg-[#F6F6F6] rb:border-[#F6F6F6] rb:hover:bg-white rb:hover:border-[#171719] rb:pr-2! rb:rounded-md rb:py-1.5! rb:mb-4!">
+        <Form.Item name="language" noStyle className=" rb:px-2!">
+          <Select 
+            options={[
+              { label: 'PYTHON3', value: 'python3' },
+              { label: 'JAVASCRIPT', value: 'javascript' }
+            ]}
+            popupMatchSelectWidth={false}
+            className={`rb:font-medium! rb:w-25! rb:h-4! rb:p-0! ${styles.editor}`}
+            onChange={handleChangeLanguage}
+            variant="borderless"
+          />
+        </Form.Item>
         <Form.Item noStyle shouldUpdate={(prev, curr) => prev.language !== curr.language}>
           {() => (
             <Form.Item name="code" noStyle>
@@ -117,9 +109,8 @@ const CodeExecution: FC<CodeExecutionProps> = ({ options }) => {
             </Form.Item>
           )}
         </Form.Item>
-      </Space>
-      
-      <Divider />
+      </Flex>
+
       <Form.Item name="output_variables" noStyle>
         <OutputList
           label={t('workflow.config.code.output_variables')} 
diff --git a/web/src/views/Workflow/components/Properties/ConditionList/index.tsx b/web/src/views/Workflow/components/Properties/ConditionList/index.tsx
index 79608587..84beb561 100644
--- a/web/src/views/Workflow/components/Properties/ConditionList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/ConditionList/index.tsx
@@ -1,10 +1,11 @@
 import { type FC } from 'react'
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next';
-import { Form, Button, Select, InputNumber, Radio, Input, Divider, type SelectProps } from 'antd'
+import { Form, Button, Select, InputNumber, Input, Divider, type SelectProps, Flex, Space, Row, Col } from 'antd'
 
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import VariableSelect from '../VariableSelect'
+import RadioGroupBtn from '../RadioGroupBtn'
 
 interface Case {
   logical_operator: 'and' | 'or';
@@ -86,129 +87,159 @@ const ConditionList: FC<CaseListProps> = ({
         {(fields, { add, remove }) => {
           const logicalOperator = form.getFieldValue([parentName, 'logical_operator']);
           return (
-            <div className="rb:relative">
-              <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
-                <div className="rb:text-[12px] rb:font-medium rb:leading-4.5">
-                  {t('workflow.config.loop.condition')}
-                </div>
+            <>
+              <div className="rb:text-[12px] rb:mb-4!">
+                <Flex align="center" justify="space-between" className="rb:mb-2!">
+                  <div className="rb:font-medium rb:leading-4.5">
+                    {t('workflow.config.loop.condition')}
+                  </div>
 
-                <Button
-                  onClick={() => add({})}
-                  className="rb:py-0! rb:px-1! rb:text-[12px]!"
-                  size="small"
+                  <Button
+                    onClick={() => add({})}
+                    className="rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]!"
+                    size="small"
+                  >
+                    + {t('workflow.config.loop.addCondition')}
+                  </Button>
+                </Flex>
+                <div
+                  className={clsx("rb:relative", {
+                    'rb:ml-15!': fields?.length > 1
+                  })}
                 >
-                  + {t('workflow.config.loop.addCondition')}
-                </Button>
-              </div>
-              {fields?.length > 1 && <div className="rb:absolute rb:top-8 rb:bottom-4 rb:w-8.5 rb:h-[calc(100%-32px)]">
-                <div className="rb:absolute rb:w-2.5 rb:h-[calc(50%-30px)] rb:left-5 rb:top-4 rb:z-10 rb:border-l rb:border-t rb:border-[#DFE4ED] rb:rounded-tl-[10px] rb:border-r-0"></div>
-                <div className="rb:absolute rb:z-10 rb:left-0 rb:top-[calc(50%-13px)]">
-                  <Form.Item name={[parentName, 'logical_operator']} noStyle >
-                    <Button size="small" className="rb:text-[12px]! rb:py-px! rb:px-1! rb:w-8.5! rb:h-5!" onClick={handleChangeLogicalOperator}>{logicalOperator}</Button>
-                  </Form.Item>
-                </div>
-                <div className="rb:absolute rb:w-2.5 rb:h-[calc(50%-30px)] rb:left-5 rb:bottom-4 rb:z-10 rb:border-l rb:border-b rb:border-[#DFE4ED] rb:rounded-bl-[10px] rb:border-r-0"></div>
-              </div>}
-              {fields.map((field, index) => {
-                const expressions = form.getFieldValue([parentName, 'expressions']) || [];
-                const currentExpression = expressions[index] || {};
-                const currentOperator = currentExpression.operator;
-                const hideRightField = currentOperator === 'empty' || currentOperator === 'not_empty';
-                const leftFieldValue = currentExpression.left;
-                const leftFieldOption = options.find(option => `{{${option.value}}}` === leftFieldValue);
-                const leftFieldType = leftFieldOption?.dataType;
-                const operatorList = operatorsObj[leftFieldType || 'default'] || operatorsObj.default || [];
-                const inputType = leftFieldType === 'number' ? currentExpression.input_type?.toLocaleLowerCase() : undefined;
-                console.log('inputType', inputType)
-                
-                return (
-                  <div key={field.key} className="rb:flex rb:items-start rb:ml-9.5 rb:mb-4">
-                    <div className="rb:flex-1 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-md">
-                      <div className={clsx("rb:flex rb:gap-1 rb:p-1", {
-                        'rb:border-b rb:border-b-[#DFE4ED]': !hideRightField
-                      })}>
-                        <Form.Item name={[field.name, 'left']} noStyle>
-                          <VariableSelect
-                            options={options.filter(vo =>
-                              vo.value.includes('sys.') ||
-                              vo.value.includes('conv.') ||
-                              vo.nodeData.type === 'loop' ||
-                              (vo.nodeData.cycle && vo.nodeData.cycle === selectedNode?.id)
-                            )}
-                            size="small"
-                            allowClear={false}
-                            popupMatchSelectWidth={false}
-                            placeholder={t('common.pleaseSelect')}
-                            onChange={(val) => handleLeftFieldChange(index, val)}
-                          />
-                        </Form.Item>
-                        <Form.Item name={[field.name, 'operator']} noStyle>
-                          <Select
-                            options={operatorList.map(vo => ({
-                              ...vo,
-                              label: t(String(vo?.label || ''))
-                            }))}
-                            size="small"
-                            popupMatchSelectWidth={false}
-                            placeholder={t('common.pleaseSelect')}
-                          />
+                  {fields?.length > 1 && (
+                    <div className="rb:absolute rb:-left-9 rb:top-4 rb:bottom-4 rb:w-6 rb:h-[calc(100%-32px)]">
+                      <div className="rb:absolute rb:w-3 rb:h-[calc(50%-20px)] rb:left-5 rb:top-0 rb:z-10 rb:border-l rb:border-t rb:border-[#EBEBEB] rb:rounded-tl-[10px] rb:border-r-0"></div>
+                      <div className="rb:absolute rb:z-10 rb:-right-1.25 rb:top-[calc(50%-10px)]">
+                        <Form.Item name={[parentName, 'logical_operator']} noStyle >
+                          <Space size={2} className="rb:cursor-pointer rb:text-[#155EEF] rb:leading-4.5 rb:font-medium rb-border rb:py-px! rb:px-1! rb:rounded-sm" onClick={handleChangeLogicalOperator}>
+                            {logicalOperator}
+                            <div className="rb:size-3 rb:bg-cover rb:bg-[url('@/assets/images/workflow/refresh_active.svg')]"></div>
+                          </Space>
                         </Form.Item>
                       </div>
-
-                      {!hideRightField && <div className="rb:p-1">
-                        {leftFieldType === 'number'
-                          ? <div className="rb:flex rb:items-center">
-                            <Form.Item name={[field.name, 'input_type']} noStyle>
-                              <Select
-                                placeholder={t('common.pleaseSelect')}
-                                options={[{ value: 'variable', label: 'Variable' }, { value: 'constant', label: 'Constant' }]}
-                                popupMatchSelectWidth={false}
-                                variant="borderless"
-                                className="rb:w-full!"
-                                onChange={() => handleInputTypeChange(index)}
-                              />
-                            </Form.Item>
-                            <Divider type="vertical" />
-                            <Form.Item name={[field.name, 'right']} noStyle>
-                              {inputType === 'variable'
-                                ?
+                      <div className="rb:absolute rb:w-3 rb:h-[calc(50%-20px)] rb:left-5 rb:bottom-0 rb:z-10 rb:border-l rb:border-b rb:border-[#EBEBEB] rb:rounded-bl-[10px] rb:border-r-0"></div>
+                    </div>
+                  )}
+                  {fields.map((field, index) => {
+                    const expressions = form.getFieldValue([parentName, 'expressions']) || [];
+                    const currentExpression = expressions[index] || {};
+                    const currentOperator = currentExpression.operator;
+                    const hideRightField = currentOperator === 'empty' || currentOperator === 'not_empty';
+                    const leftFieldValue = currentExpression.left;
+                    const leftFieldOption = options.find(option => `{{${option.value}}}` === leftFieldValue);
+                    const leftFieldType = leftFieldOption?.dataType;
+                    const operatorList = operatorsObj[leftFieldType || 'default'] || operatorsObj.default || [];
+                    const inputType = leftFieldType === 'number' ? currentExpression.input_type : undefined;
+                    return (
+                      <Flex
+                        key={field.key} 
+                        gap={4} 
+                        align="start" 
+                        className="rb:mb-2!"
+                      >
+                        <div className="rb:flex-1 rb:bg-[#F6F6F6] rb:rounded-lg">
+                          <Row className={clsx("rb:p-1!", {
+                            'rb-border-b': !hideRightField
+                          })}>
+                            <Col flex="1">
+                              <Form.Item name={[field.name, 'left']} noStyle>
                                 <VariableSelect
-                                  placeholder={t('common.pleaseSelect')}
-                                  options={options.filter(vo => vo.dataType === 'number')}
+                                  options={options.filter(vo =>
+                                    vo.value.includes('sys.') ||
+                                    vo.value.includes('conv.') ||
+                                    vo.nodeData.type === 'loop' ||
+                                    (vo.nodeData.cycle && vo.nodeData.cycle === selectedNode?.id)
+                                  )}
+                                  size="small"
                                   allowClear={false}
                                   popupMatchSelectWidth={false}
+                                  placeholder={t('common.pleaseSelect')}
+                                  onChange={(val) => handleLeftFieldChange(index, val)}
                                   variant="borderless"
                                   className="rb:w-full!"
                                 />
-                                : <InputNumber
-                                  placeholder={t('common.pleaseEnter')}
+                              </Form.Item>
+                            </Col>
+                            <Col flex="96px">
+                              <Form.Item name={[field.name, 'operator']} noStyle>
+                                <Select
+                                  options={operatorList.map(vo => ({
+                                    ...vo,
+                                    label: t(String(vo?.label || ''))
+                                  }))}
+                                  size="small"
+                                  popupMatchSelectWidth={false}
+                                  placeholder={t('common.pleaseSelect')}
                                   variant="borderless"
                                   className="rb:w-full!"
-                                  onChange={(value) => form.setFieldValue([parentName, 'expressions', index, 'right'], value)}
                                 />
+                              </Form.Item>
+                            </Col>
+                          </Row>
+                          
+                          {!hideRightField && (
+                            <div className="rb:py-1 rb:px-1.5">
+                              {leftFieldType === 'number'
+                                ? (
+                                  <Flex align="center">
+                                    <Form.Item name={[field.name, 'input_type']} noStyle>
+                                      <Select
+                                        placeholder={t('common.pleaseSelect')}
+                                        options={[{ value: 'variable', label: 'Variable' }, { value: 'constant', label: 'Constant' }]}
+                                        popupMatchSelectWidth={false}
+                                        variant="borderless"
+                                        className="rb:w-20!"
+                                        onChange={() => handleInputTypeChange(index)}
+                                      />
+                                    </Form.Item>
+                                    <Divider type="vertical" />
+                                    <Form.Item name={[field.name, 'right']} noStyle>
+                                      {inputType === 'variable'
+                                        ? (
+                                          <VariableSelect
+                                            placeholder={t('common.pleaseSelect')}
+                                            options={options.filter(vo => vo.dataType === 'number')}
+                                            allowClear={false}
+                                            popupMatchSelectWidth={false}
+                                            variant="borderless"
+                                            size="small"
+                                          />
+                                        )
+                                        : (
+                                          <InputNumber
+                                            placeholder={t('common.pleaseEnter')}
+                                            variant="borderless"
+                                            className="rb:w-full!"
+                                            onChange={(value) => form.setFieldValue([parentName, 'expressions', index, 'right'], value)}
+                                          />
+                                        )
+                                      }
+                                    </Form.Item>
+                                  </Flex>
+                                )
+                                : (
+                                  <Form.Item name={[field.name, 'right']} noStyle>
+                                    {leftFieldType === 'boolean'
+                                      ? <RadioGroupBtn options={[ { value: true, label: 'True' }, { value: false, label: 'False' }]} />
+                                      : <Input variant="borderless" placeholder={t('common.pleaseEnter')} />
+                                    }
+                                  </Form.Item>
+                                )
                               }
-                            </Form.Item>
-                          </div>
-                          : <Form.Item name={[field.name, 'right']} noStyle>
-                            {leftFieldType === 'boolean'
-                              ? <Radio.Group block>
-                                <Radio.Button value={true}>True</Radio.Button>
-                                <Radio.Button value={false}>False</Radio.Button>
-                              </Radio.Group>
-                              : <Input placeholder={t('common.pleaseEnter')} />
-                            }
-                          </Form.Item>
-                        }
-                      </div>}
-                    </div>
-                    <div
-                      className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
-                      onClick={() => remove(field.name)}
-                    ></div>
-                  </div>
-                )
-              })}
-            </div>
+                            </div>
+                          )}
+                        </div>
+                        <div
+                          className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                          onClick={() => remove(field.name)}
+                        ></div>
+                      </Flex>
+                    )
+                  })}
+                </div>
+              </div>
+            </>
           )
         }}
       </Form.List>
diff --git a/web/src/views/Workflow/components/Properties/CycleVarsList/index.module.css b/web/src/views/Workflow/components/Properties/CycleVarsList/index.module.css
new file mode 100644
index 00000000..a6691a84
--- /dev/null
+++ b/web/src/views/Workflow/components/Properties/CycleVarsList/index.module.css
@@ -0,0 +1,3 @@
+.select:global(.ant-select-single.ant-select-sm .ant-select-selector) {
+  background: #F6F6F6;
+}
\ No newline at end of file
diff --git a/web/src/views/Workflow/components/Properties/CycleVarsList/index.tsx b/web/src/views/Workflow/components/Properties/CycleVarsList/index.tsx
index dfa82f0a..09106a77 100644
--- a/web/src/views/Workflow/components/Properties/CycleVarsList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/CycleVarsList/index.tsx
@@ -1,9 +1,11 @@
-import { type FC } from 'react'
+import { type FC, useMemo } from 'react'
 import { useTranslation } from 'react-i18next';
-import { Form, Select, Input, Button, InputNumber, Radio } from 'antd'
-import VariableSelect from '../VariableSelect'
+import { Form, Select, Input, Button, InputNumber, Flex } from 'antd'
 
+import VariableSelect from '../VariableSelect'
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
+import RadioGroupBtn from '../RadioGroupBtn'
+import { getChildNodeVariables } from '../hooks/useVariableList'
 
 interface CycleVar {
   name: string;
@@ -43,139 +45,125 @@ const CycleVarsList: FC<CycleVarsListProps> = ({
   const { t } = useTranslation();
   const form = Form.useFormInstance();
 
-  // 获取循环节点的子节点变量
-  const getChildNodeVariables = () => {
+  const availableOptions = useMemo(() => {
     if (!selectedNode || !graphRef?.current || selectedNode.getData()?.type !== 'loop') {
       return options;
     }
+    const childVars = getChildNodeVariables(selectedNode, graphRef);
 
-    const loopNodeId = selectedNode.getData()?.id;
-    const childNodes = graphRef.current.getNodes().filter((node: any) => 
-      node.getData()?.cycle === loopNodeId
-    );
-
-    const childVariables: Suggestion[] = [];
-    childNodes.forEach((childNode: any) => {
-      const childData = childNode.getData();
-      if (childData?.config) {
-        Object.keys(childData.config).forEach(key => {
-          if (childData.config[key]?.defaultValue) {
-            childVariables.push({
-              key: `${childData.id}.${key}`,
-              label: `${childData.name || childData.type}.${key}`,
-              type: 'output',
-              dataType: 'string',
-              value: `${childData.id}.${key}`,
-              nodeData: childData
-            });
-          }
-        });
-      }
-    });
-
-    return [...options, ...childVariables];
-  };
-
-  const availableOptions = getChildNodeVariables();
+    return options.filter(option => !childVars.some(item => item.value === option.value))
+  }, [options, selectedNode, graphRef]);
 
   return (
     <Form.List name={parentName}>
       {(fields, { add, remove }) => (
-        <>
-          <div className="rb:flex rb:items-center rb:justify-between rb:mb-3">
+        <Flex vertical gap={8}>
+          <Flex align="center" justify="space-between">
             <span className="rb:text-[12px] rb:font-medium">{t('workflow.config.loop.cycle_vars')}</span>
             <Button
               onClick={() => add({ name: '', type: 'string', input_type: 'constant', value: '' })}
-              className="rb:py-0! rb:px-1! rb:text-[12px]!"
+              className="rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]!"
               size="small"
             >
               + {t('workflow.config.addVariable')}
             </Button>
-          </div>
-          {fields.map(({ key, name }, index) => {
-            const currentType = value?.[index]?.type;
-            const currentInputType = value?.[index]?.input_type;
-            
-            return (
-              <div key={key} className="rb:flex rb:items-start rb:mb-2">
-                <div className="rb:flex-1 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-md">
-                  <div className="rb:flex rb:gap-1 rb:p-1 rb:border-b rb:border-b-[#DFE4ED]">
-                    <Form.Item name={[name, 'name']} noStyle>
-                      <Input size={size} className="rb:w-23!" placeholder={t('common.pleaseEnter')} />
-                    </Form.Item>
-                    <Form.Item name={[name, 'type']} noStyle>
-                      <Select
-                        options={types.map(key => ({
-                          value: key,
-                          label: t(`workflow.config.parameter-extractor.${key}`),
-                        }))}
-                        size={size}
-                        popupMatchSelectWidth={false}
-                        className="rb:w-18.5!"
-                      />
-                    </Form.Item>
-                    <Form.Item name={[name, 'input_type']} noStyle>
-                      <Select
-                        placeholder="Constant"
-                        options={[
-                          { label: 'Constant', value: 'constant' },
-                          { label: 'Variable', value: 'variable' }
-                        ]}
-                        size={size}
-                        popupMatchSelectWidth={false}
-                        onChange={() => {
-                          form.setFieldValue([parentName, index, 'value'], undefined);
-                        }}
-                        className="rb:w-18!"
-                      />
-                    </Form.Item>
-                  </div>
-                  
-                  <Form.Item name={[name, 'value']} noStyle>
-                    {currentInputType === 'variable'
-                      ? (
-                      <VariableSelect
-                        placeholder={t('common.pleaseSelect')}
-                        options={availableOptions.filter(option => {
-                          const currentType = value?.[index]?.type;
-                          if (!currentType) return true;
+          </Flex>
+          <Flex vertical gap={12}>
+            {fields.map(({ key, name }, index) => {
+              const currentType = value?.[index]?.type;
+              const currentInputType = value?.[index]?.input_type;
+              
+              return (
+                <Flex key={key} gap={4}>
+                  <Flex vertical gap={4}>
+                    <Flex gap={4}>
+                      <Form.Item name={[name, 'name']} noStyle>
+                        <Input
+                          size={size}
+                          className="rb:w-25.5! rb:bg-[#F6F6F6]!"
+                          variant="borderless"
+                          placeholder={t('common.pleaseEnter')}
+                        />
+                      </Form.Item>
+                      <Form.Item name={[name, 'type']} noStyle>
+                        <Select
+                          options={types.map(key => ({
+                            value: key,
+                            label: t(`workflow.config.parameter-extractor.${key}`),
+                          }))}
+                          size={size}
+                          popupMatchSelectWidth={false}
+                          className={`rb:w-25.5! select`}
+                          variant="borderless"
+                        />
+                      </Form.Item>
+                      <Form.Item name={[name, 'input_type']} noStyle>
+                        <Select
+                          placeholder="Constant"
+                          options={[
+                            { label: 'Constant', value: 'constant' },
+                            { label: 'Variable', value: 'variable' }
+                          ]}
+                          size={size}
+                          popupMatchSelectWidth={false}
+                          onChange={() => {
+                            form.setFieldValue([parentName, index, 'value'], undefined);
+                          }}
+                          className={`rb:w-25! select`}
+                          variant="borderless"
+                        />
+                      </Form.Item>
+                    </Flex>
+                    
+                    <Form.Item name={[name, 'value']} noStyle >
+                      {currentInputType === 'variable'
+                        ? (
+                          <VariableSelect
+                            placeholder={t('common.pleaseSelect')}
+                            options={availableOptions.filter(option => {
+                              const currentType = value?.[index]?.type;
+                              if (!currentType) return true;
 
-                          return option.dataType === currentType
-                        })}
-                        variant="borderless"
-                        size="small"
-                      />
-                    )
-                    : currentType === 'number'
-                    ? <InputNumber
-                      placeholder={t('common.pleaseEnter')}
-                      variant="borderless"
-                      className="rb:w-full! rb:my-1!"
-                      onChange={(value) => form.setFieldValue([name, 'value'], value)}
-                    />
-                    : currentType === 'boolean'
-                    ? <Radio.Group block>
-                      <Radio.Button value={true}>True</Radio.Button>
-                      <Radio.Button value={false}>False</Radio.Button>
-                    </Radio.Group>
-                    : (
-                      <Input.TextArea
-                        placeholder={t('common.pleaseEnter')}
-                        rows={3}
-                        className="rb:w-full"
-                        variant="borderless"
-                      />
-                    )}
-                  </Form.Item>
-                </div>
-                <div
-                  className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
-                  onClick={() => remove(name)}
-                ></div>
-              </div>
-            )
-          })}
-        </>
+                              return option.dataType === currentType
+                            })}
+                            variant="borderless"
+                            size="small"
+                            className="select"
+                          />
+                        )
+                        : currentType === 'number'
+                        ? <InputNumber
+                          placeholder={t('common.pleaseEnter')}
+                          variant="borderless"
+                          className="rb:w-full! rb:bg-[#F6F6F6]!"
+                          onChange={(value) => form.setFieldValue([name, 'value'], value)}
+                        />
+                        : currentType === 'boolean'
+                        ? <RadioGroupBtn
+                          options={[
+                            { value: true, label: 'True' },
+                            { value: false, label: 'False' }]}
+                        />
+                        : (
+                          <Input.TextArea
+                            placeholder={t('common.pleaseEnter')}
+                            rows={3}
+                            className="rb:w-full rb:bg-[#F6F6F6]!"
+                            variant="borderless"
+                          />
+                        )
+                      }
+                    </Form.Item>
+                  </Flex>
+                  <div
+                    className="rb:mt-1.5 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                    onClick={() => remove(name)}
+                  ></div>
+                </Flex>
+              )
+            })}
+          </Flex>
+        </Flex>
       )}
     </Form.List>
   )
diff --git a/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx b/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx
index a9b67dac..3f215bca 100644
--- a/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx
@@ -1,12 +1,12 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 15:17:39 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 15:17:39 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-03 10:54:15
  */
 import { useEffect, type FC } from 'react'
 import { useTranslation } from 'react-i18next';
-import { Form, Input, Button, Row, Col } from 'antd'
+import { Form, Input, Button, Flex } from 'antd'
 
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import VariableSelect from '../VariableSelect'
@@ -126,8 +126,9 @@ const GroupVariableList: FC<GroupVariableListProps> = ({
             {fields.map(({ key, name, ...restField }) => {
               return (
                 <div key={key} className="rb:mb-4">
-                  <Row gutter={12} className="rb:mb-2!">
-                    <Col span={12}>
+                  <Flex justify="space-between" className="rb:mb-0.5!">
+                    <Flex align="center" gap={4}>
+                      <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/workflow/file_fold.svg')]"></div>
                       <Form.Item
                         {...restField}
                         name={isCanAdd ? [name, 'key'] : undefined}
@@ -136,17 +137,25 @@ const GroupVariableList: FC<GroupVariableListProps> = ({
                         ]}
                         noStyle
                       >
-                        {isCanAdd ? <Input placeholder={t('common.pleaseEnter')} size={size} /> : t('workflow.config.var-aggregator.variable')}
+                        {isCanAdd
+                          ? <Input
+                            placeholder={t('common.pleaseEnter')}
+                            size={size}
+                            variant="borderless"
+                            className="rb:border! rb:border-transparent! rb:py-px! rb:px-1! rb:rounded-md! rb:leading-4.25! rb:w-auto! rb:hover:bg-[#EBEBEB]! rb:hover:border-[#EBEBEB]! rb:focus:bg-transparent!"
+                          />
+                          : t('workflow.config.var-aggregator.variable')
+                        }
                       </Form.Item>
-                    </Col>
+                    </Flex>
 
-                    {isCanAdd && <Col span={12} className="rb:flex! rb:items-center rb:justify-end">
+                    {isCanAdd && (
                       <div
-                        className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                        className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
                         onClick={() => remove(name)}
                       ></div>
-                    </Col>}
-                  </Row>
+                    )}
+                  </Flex>
 
                   <Form.Item
                     {...restField}
diff --git a/web/src/views/Workflow/components/Properties/HttpRequest/EditableTable.tsx b/web/src/views/Workflow/components/Properties/HttpRequest/EditableTable.tsx
index 19706a71..f5d3e649 100644
--- a/web/src/views/Workflow/components/Properties/HttpRequest/EditableTable.tsx
+++ b/web/src/views/Workflow/components/Properties/HttpRequest/EditableTable.tsx
@@ -1,7 +1,6 @@
 import { type FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next'
-import { Button, Select, Table, Form, type TableProps } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
+import { Button, Select, Table, Form, type TableProps, Flex } from 'antd';
 
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin';
 import Empty from '@/components/Empty';
@@ -48,22 +47,21 @@ const EditableTable: FC<EditableTableProps> = ({
 
   const getColumns = (remove: (index: number) => void): TableProps<TableRow>['columns'] => {
     const hasType = typeOptions.length > 0;
-    const cellClassName="rb:p-1!"
-    const contentClassName ="rb:w-[108px]! rb:text-[12px]! rb:overflow-hidden!"
+    const contentClassName = hasType ? 'rb:w-[110px]!' : "rb:w-[148px]!"
+    const formClassName = 'rb:mb-0! rb:bg-[#F6F6F6] rb:rounded-[8px] rb:py-[2px]! rb:px-[6px]!'
 
     return [
       {
         title: t('workflow.config.name'),
         dataIndex: 'name',
-        className: cellClassName,
         render: (_: any, __: TableRow, index: number) => (
-          <Form.Item name={[index, 'name']} noStyle>
+          <Form.Item name={[index, 'name']} className={formClassName}>
             <Editor
               options={booleanFilterOptions.filter(option => !option.dataType.includes('file'))}
               type="input"
               className={contentClassName}
               size={size}
-              height={16}
+              variant="borderless"
             />
           </Form.Item>
         )
@@ -72,13 +70,12 @@ const EditableTable: FC<EditableTableProps> = ({
         title: t('workflow.config.type'),
         dataIndex: 'type',
         width: '20%',
-        className: cellClassName,
         render: (_: any, __: TableRow, index: number) => (
           <Form.Item shouldUpdate noStyle>
             {(form) => (
               <Form.Item name={[index, 'type']} noStyle>
                 <Select 
-                  placeholder={t('common.pleaseSelect')} 
+                  placeholder={t('workflow.config.type')} 
                   // size="small" 
                   options={typeOptions}
                   popupMatchSelectWidth={false}
@@ -86,6 +83,8 @@ const EditableTable: FC<EditableTableProps> = ({
                     form.setFieldValue([...Array.isArray(parentName) ? parentName : [parentName], index, 'value'], undefined);
                   }}
                   size={size}
+                  variant="borderless"
+                  className="rb:w-17! select"
                 />
               </Form.Item>
             )}
@@ -95,7 +94,6 @@ const EditableTable: FC<EditableTableProps> = ({
       {
         title: t('workflow.config.value'),
         dataIndex: 'value',
-        className: cellClassName,
         render: (_: any, __: TableRow, index: number) => (
           <Form.Item 
             shouldUpdate={(prevValues, currentValues) => {
@@ -107,18 +105,18 @@ const EditableTable: FC<EditableTableProps> = ({
           >
             {(form) => {
               const currentType = form.getFieldValue([...Array.isArray(parentName) ? parentName : [parentName], index, 'type']);
-              const filteredOptions = currentType === 'file' 
+              const filteredOptions = currentType === 'file'
                 ? booleanFilterOptions.filter(option => option.dataType.includes('file'))
                 : booleanFilterOptions.filter(option => !option.dataType.includes('file'));
               
               return (
-                <Form.Item name={[index, 'value']} noStyle>
+                <Form.Item name={[index, 'value']} className={formClassName}>
                   <Editor
                     options={filteredOptions}
                     type="input"
                     className={contentClassName}
                     size={size}
-                    height={16}
+                    variant="borderless"
                   />
                 </Form.Item>
               );
@@ -129,10 +127,10 @@ const EditableTable: FC<EditableTableProps> = ({
       {
         title: '',
         dataIndex: 'actions',
-        className: cellClassName,
+        width: 20,
         render: (_: any, __: TableRow, index: number) => (
           <div
-            className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+            className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
             onClick={() => remove(index)}
           ></div>
         )
@@ -146,27 +144,26 @@ const EditableTable: FC<EditableTableProps> = ({
         {(fields, { add, remove }) => {
           const AddButton = ({ block = false }: { block?: boolean }) => (
             <Button
-              icon={block ? undefined : <PlusOutlined />} 
               onClick={() => add(createNewRow())} 
               size="small"
               block={block}
-              className={block ? "rb:mt-1 rb:text-[12px]! rb:bg-transparent!" : "rb:text-[12px]!"}
+              className={block ? "rb:mt-2 rb:text-[12px]! rb:bg-transparent! rb:rounded-md" : "rb:text-[12px]! rb:rounded-sm!"}
             >
-              {block && `+${t('common.add')}`}
+              + {t('common.add')}
             </Button>
           );
 
           return (
             <>
               {title && (
-                <div className="rb:flex rb:items-center rb:mb-2 rb:justify-between">
+                <Flex align="center" justify="space-between" className="rb:mb-2!">
                   <div className="rb:font-medium rb:text-[12px] rb:leading-4.5">{title}</div>
                   <AddButton block={false} />
-                </div>
+                </Flex>
               )}
               
               <Table<TableRow>
-                bordered
+                bordered={false}
                 dataSource={fields.map((field) => ({ 
                   key: String(field.key),
                   name: undefined,
@@ -176,9 +173,7 @@ const EditableTable: FC<EditableTableProps> = ({
                 columns={getColumns(remove)}
                 pagination={false}
                 size="small"
-                rowClassName="rb:p-0! rb:bg-[#F6F8FC]!"
                 locale={{ emptyText: <Empty size={88} /> }}
-                style={{ width: '274px' }}
               />
               
               {!title && <AddButton block />}
diff --git a/web/src/views/Workflow/components/Properties/HttpRequest/index.tsx b/web/src/views/Workflow/components/Properties/HttpRequest/index.tsx
index 840bff9a..a3ed79e8 100644
--- a/web/src/views/Workflow/components/Properties/HttpRequest/index.tsx
+++ b/web/src/views/Workflow/components/Properties/HttpRequest/index.tsx
@@ -2,11 +2,11 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-09 18:35:43 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-02 17:24:51
+ * @Last Modified time: 2026-03-20 11:32:44
  */
 import { type FC, useRef, useState } from "react";
 import { useTranslation } from 'react-i18next'
-import { Form, Row, Col, Select, Button, Divider, InputNumber, Switch, Input } from 'antd'
+import { Form, Row, Col, Select, Button, Divider, InputNumber, Switch, Input, Flex, Radio } from 'antd'
 import { CaretDownOutlined, CaretRightOutlined, SettingOutlined } from '@ant-design/icons';
 
 import Editor from '../../Editor'
@@ -15,7 +15,7 @@ import AuthConfigModal from './AuthConfigModal'
 import type { AuthConfigModalRef, HttpRequestConfigForm } from './types'
 import MessageEditor from '../MessageEditor'
 import EditableTable from './EditableTable'
-import { portTextAttrs } from '../../../constant'
+import { portTextAttrs, nodeWidth, portItemArgsY } from '../../../constant'
 
 const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: any; }> = ({
   options,
@@ -35,8 +35,9 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
     form.setFieldsValue({ auth })
   }
 
-  const handleChangeBodyContentType = () => {
-    form.setFieldValue(['body', 'data'], undefined)
+  const handleChangeBodyContentType = (e: any) => {
+    const value = e.target.value || e.target.value
+    form.setFieldValue(['body', 'data'], ['form-data', 'x-www-form-urlencoded'].includes(value) ? [{}] : undefined)
   }
 
   // Handle error handling method change and update node ports accordingly
@@ -61,6 +62,10 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
         selectedNode.addPort({
           id: 'ERROR',
           group: 'right',
+          args: {
+            x: nodeWidth,
+            y: portItemArgsY + portItemArgsY,
+          },
           attrs: { text: { text: t('workflow.config.http-request.errorBranch'), ...portTextAttrs }}
         });
       } else if (method !== 'branch' && errorPort) {
@@ -81,7 +86,7 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
 
   return (
     <>
-      <div className="rb:flex rb:items-center rb:justify-between rb:mb-1">
+      <Flex align="center" justify="space-between" className="rb:mb-1!">
         <div className="rb:font-medium rb:text-[12px] rb:leading-4.5">API</div>
         <Button onClick={handleChangeAuth}
           size="small"
@@ -89,7 +94,7 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
           icon={<SettingOutlined />}
           className="rb:mt-1 rb:text-[12px]!"
         >{t('workflow.config.http-request.auth')}: {!values?.auth?.auth_type || values?.auth?.auth_type === 'none' ? t('workflow.config.http-request.none') : t('workflow.config.http-request.apiKey')}</Button>
-      </div>
+      </Flex>
       <Row gutter={4}>
         <Col span={8}>
           <Form.Item name="method">
@@ -113,6 +118,7 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
               variant="outlined"
               type="input"
               size="small"
+              height={28}
             />
           </Form.Item>
         </Col>
@@ -139,9 +145,9 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
       </Form.Item>
 
       <Form.Item label="BODY" className="rb:mb-0!">
-        <Form.Item name={['body', 'content_type']}>
-          <Select
-            placeholder={t('common.pleaseSelect')}
+        <Form.Item name={['body', 'content_type']} className="rb:mb-3!">
+          <Radio.Group
+            size="small"
             onChange={handleChangeBodyContentType}
             options={[
               { label: 'none', value: 'none' },
@@ -184,6 +190,9 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
               options={options.filter(vo => vo.dataType === 'string' || vo.dataType === 'number')}
               isArray={false}
               title="JSON"
+              titleVariant="borderless"
+              size="small"
+              className="rb:bg-[#F6F6F6] rb:border-[#F6F6F6]! rb:hover:bg-white rb:hover:border-[#171719]!"
             />
           </Form.Item>
         }
@@ -195,11 +204,16 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
               options={options.filter(vo => vo.dataType === 'string' || vo.dataType === 'number')}
               isArray={false}
               title="RAW TEXT"
+              titleVariant="borderless"
+              size="small"
+              className="rb:bg-[#F6F6F6] rb:border-[#F6F6F6]! rb:hover:bg-white rb:hover:border-[#171719]!"
             />
           </Form.Item>
         }
         {values?.body?.content_type === 'binary' &&
-          <Form.Item name={['body', 'data']} noStyle>
+          <Form.Item name={['body', 'data']}
+            className="rb:bg-[#F6F6F6] rb:border-[#F6F6F6]! rb:hover:bg-white rb:hover:border-[#171719]! rb:border rb:rounded-lg rb:px-2! rb:py-1.5! rb:mb-0!"
+          >
             <Editor
               placeholder={t('common.pleaseSelect')}
               options={options.filter(vo => vo.dataType.includes('file'))}
@@ -221,8 +235,9 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
       </div>
       <Form.Item
         name={['timeouts', 'connect_timeout']}
-        label={t('workflow.config.http-request.connect_timeout')}
+        label={<span className="rb:text-[#5B6167]">{t('workflow.config.http-request.connect_timeout')}</span>}
         hidden={collapsed}
+        className="rb:mb-2!"
       >
         <InputNumber
           placeholder={t('common.pleaseEnter')}
@@ -232,8 +247,9 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
       </Form.Item>
       <Form.Item
         name={['timeouts', 'read_timeout']}
-        label={t('workflow.config.http-request.read_timeout')}
+        label={<span className="rb:text-[#5B6167]">{t('workflow.config.http-request.read_timeout')}</span>}
         hidden={collapsed}
+        className="rb:mb-2!"
       >
         <InputNumber
           placeholder={t('common.pleaseEnter')}
@@ -243,8 +259,9 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
       </Form.Item>
       <Form.Item
         name={['timeouts', 'write_timeout']}
-        label={t('workflow.config.http-request.write_timeout')}
+        label={<span className="rb:text-[#5B6167]">{t('workflow.config.http-request.write_timeout')}</span>}
         hidden={collapsed}
+        className="rb:mb-2!"
       >
         <InputNumber
           placeholder={t('common.pleaseEnter')}
@@ -261,7 +278,8 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
         <>
           <Form.Item
             name={['retry', 'max_attempts']}
-            label={t('workflow.config.http-request.max_attempts')}
+            label={<span className="rb:text-[#5B6167]">{t('workflow.config.http-request.max_attempts')}</span>}
+            className="rb:mb-2!"
           >
             <InputNumber
               placeholder={t('common.pleaseEnter')}
@@ -271,7 +289,8 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
           </Form.Item>
           <Form.Item
             name={['retry', 'retry_interval']}
-            label={<>{t('workflow.config.http-request.retry_interval')} <span className="rb:text-[#5B6167]">(ms)</span></>}
+            label={<span className="rb:text-[#5B6167]">{t('workflow.config.http-request.retry_interval')}(ms)</span>}
+            className="rb:mb-2!"
           >
             <InputNumber
               placeholder={t('common.pleaseEnter')}
@@ -283,28 +302,40 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
       }
 
       <Divider />
-      <Form.Item layout="horizontal" name={['error_handle', 'method']} label={t('workflow.config.http-request.error_handle')}>
-        <Select
-          placeholder={t('common.pleaseSelect')}
-          onChange={handleChangeErrorHandleMethod}
-          options={[
-            { value: 'none', label: t('workflow.config.http-request.none') },
-            { value: 'default', label: t('workflow.config.http-request.default') },
-            { value: 'branch', label: t('workflow.config.http-request.branch') },
-          ]}
-        />
-      </Form.Item>
+      <Flex justify="space-between" align="center">
+        <div className="rb:text-[12px] rb:font-medium">{t('workflow.config.http-request.error_handle')}</div>
+        <Form.Item layout="horizontal" name={['error_handle', 'method']} noStyle>
+          <Select
+            placeholder={t('common.pleaseSelect')}
+            onChange={handleChangeErrorHandleMethod}
+            options={[
+              { value: 'none', label: t('workflow.config.http-request.none') },
+              { value: 'default', label: t('workflow.config.http-request.default') },
+              { value: 'branch', label: t('workflow.config.http-request.branch') },
+            ]}
+            className="rb:w-30!"
+          />
+        </Form.Item>
+      </Flex>
       {values?.error_handle?.method === 'default' &&
         <>
           <Form.Item
             name={['error_handle', 'body']}
-            label={<>body <span className="rb:text-[#5B6167] rb:ml-1">string</span></>}
+            label={<>
+              <span className="rb:text-[#5B6167] rb:font-medium">body</span>
+              <span className="rb:text-[#5B6167] rb:ml-1" style={{fontWeight: 400}}>string</span>
+            </>}
+            className="rb:my-2!"
           >
             <Input placeholder={t('common.pleaseEnter')} />
           </Form.Item>
           <Form.Item
             name={['error_handle', 'status_code']}
-            label={<>status_code <span className="rb:text-[#5B6167] rb:ml-1">number</span></>}
+            label={<>
+              <span className="rb:text-[#5B6167] rb:font-medium">status_code</span>
+              <span className="rb:text-[#5B6167] rb:ml-1" style={{fontWeight: 400}}>number</span>
+            </>}
+            className="rb:my-2!"
           >
             <InputNumber
               placeholder={t('common.pleaseEnter')}
@@ -314,12 +345,17 @@ const HttpRequest: FC<{ options: Suggestion[]; selectedNode?: any; graphRef?: an
           </Form.Item>
           <Form.Item
             name={['error_handle', 'headers']}
-            label={<>headers <span className="rb:text-[#5B6167] rb:ml-1">object</span></>}
+            label={<>
+              <span className="rb:text-[#5B6167] rb:font-medium">headers</span>
+              <span className="rb:text-[#5B6167] rb:ml-1" style={{fontWeight: 400}}>object</span>
+            </>}
+            className="rb:my-2!"
           >
             <Input.TextArea placeholder={t('common.pleaseEnter')} />
           </Form.Item>
         </>
       }
+      <Divider />
 
       <AuthConfigModal 
         ref={authConfigModalRef}
diff --git a/web/src/views/Workflow/components/Properties/JinjaRender/index.tsx b/web/src/views/Workflow/components/Properties/JinjaRender/index.tsx
index 7b466310..32b6702c 100644
--- a/web/src/views/Workflow/components/Properties/JinjaRender/index.tsx
+++ b/web/src/views/Workflow/components/Properties/JinjaRender/index.tsx
@@ -174,7 +174,7 @@ const JinjaRender: FC<JinjaRenderProps> = ({ selectedNode, options, templateOpti
 
   return (
     <>
-      <Form.Item name="mapping" noStyle>
+      <Form.Item name="mapping">
         <MappingList label={t('workflow.config.jinja-render.mapping')} name="mapping" options={options} />
       </Form.Item>
 
@@ -188,6 +188,7 @@ const JinjaRender: FC<JinjaRenderProps> = ({ selectedNode, options, templateOpti
           options={templateOptions}
           titleVariant="borderless"
           size="small"
+          className="rb:bg-[#F6F6F6] rb:border-[#F6F6F6]! rb:hover:bg-white rb:hover:border-[#171719]!"
         />
       </Form.Item>
     </>
diff --git a/web/src/views/Workflow/components/Properties/Knowledge/Knowledge.tsx b/web/src/views/Workflow/components/Properties/Knowledge/Knowledge.tsx
index 3cd7efcd..54a1e7ed 100644
--- a/web/src/views/Workflow/components/Properties/Knowledge/Knowledge.tsx
+++ b/web/src/views/Workflow/components/Properties/Knowledge/Knowledge.tsx
@@ -1,7 +1,7 @@
 import { type FC, useRef, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Space, Button } from 'antd'
-import knowledgeEmpty from '@/assets/images/application/knowledgeEmpty.svg'
+import { Space, Button, Flex } from 'antd'
+
 import type {
   KnowledgeConfigForm,
   KnowledgeConfig,
@@ -11,7 +11,6 @@ import type {
   KnowledgeConfigModalRef,
   KnowledgeGlobalConfigModalRef,
 } from './types'
-import Empty from '@/components/Empty'
 import KnowledgeListModal from './KnowledgeListModal'
 import KnowledgeConfigModal from './KnowledgeConfigModal'
 import KnowledgeGlobalConfigModal from './KnowledgeGlobalConfigModal'
@@ -113,7 +112,7 @@ const Knowledge: FC<{value?: KnowledgeConfig; onChange?: (config: KnowledgeConfi
   }
   return (
     <div>
-      <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
+      <Flex align="center" justify="space-between" className="rb:mb-2!">
         <div className="rb:text-[12px] rb:font-medium rb:leading-4.5">
           {t('application.knowledgeBaseAssociation')}
         </div>
@@ -122,15 +121,16 @@ const Knowledge: FC<{value?: KnowledgeConfig; onChange?: (config: KnowledgeConfi
           onClick={handleKnowledgeConfig}
           className="rb:py-0! rb:px-1! rb:text-[12px]! rb:group rb:gap-0.5!"
           size="small"
+          disabled={knowledgeList.length === 0}
         >
           <div
-            className="rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/recall.svg')] rb:group-hover:bg-[url('@/assets/images/workflow/recall_hover.svg')]"
+            className="rb:size-3.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/recall.svg')]"
           ></div>
           {t('application.globalConfig')}
         </Button>
-      </div>
+      </Flex>
 
-      <Space size={10} direction="vertical" className="rb:w-full!">
+      <Flex gap={10} vertical>
         <Button
           type="dashed"
           block
@@ -141,37 +141,35 @@ const Knowledge: FC<{value?: KnowledgeConfig; onChange?: (config: KnowledgeConfi
           + {t('workflow.config.knowledge-retrieval.addKnowledge')}
         </Button>
 
-        {knowledgeList.length === 0
-          ? <Empty url={knowledgeEmpty} size={88} subTitle={t('application.knowledgeEmpty')} />
-          : knowledgeList.map(item => {
+        {knowledgeList.length > 0 && knowledgeList.map(item => {
             if (!item.id) return null
             return (
-              <div key={item.id} className="rb:text-[12px] rb:flex rb:items-center rb:justify-between rb:py-2 rb:px-2.5 rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-lg">
+              <Flex key={item.id} align="center" justify="space-between" className="rb:text-[12px] rb:py-1.75! rb:px-2.5! rb-border rb:rounded-lg">
                 <div className="">
-                  <span className="rb:font-medium rb:leading-4">{item.name}</span>
+                  <span className="rb:font-medium rb:leading-4.25">{item.name}</span>
                   <Tag 
                     color={item.status === 1 ? 'success' : item.status === 0 ? 'default' : 'error'} 
-                    className="rb:ml-1 rb:py-0! rb:px-1! rb:text-[12px] rb:leading-3.5!"
+                    className="rb:ml-1 rb:py-0! rb:px-1! rb:text-[12px] rb:leading-4!"
                   >
                     {item.status === 1 ? t('common.enable') : item.status === 0 ? t('common.disabled') : t('common.deleted')}
                   </Tag>
-                  <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-5">{t('application.contains', { include_count: item.doc_num })}</div>
+                  <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4.25">{t('application.contains', { include_count: item.doc_num })}</div>
                 </div>
                 <Space size={12}>
                   <div
-                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]"
+                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')]"
                     onClick={() => handleEditKnowledge(item)}
                   ></div>
                   <div
-                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]"
+                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/delete.svg')]"
                     onClick={() => handleDeleteKnowledge(item.id)}
                   ></div>
                 </Space>
-              </div>
+              </Flex>
             )
           })
         }
-      </Space>
+      </Flex>
       {/* 全局设置 */}
       <KnowledgeGlobalConfigModal
         data={editConfig}
diff --git a/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeConfigModal.tsx b/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeConfigModal.tsx
index 196ce8e3..7ecf3ef8 100644
--- a/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeConfigModal.tsx
+++ b/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeConfigModal.tsx
@@ -1,5 +1,5 @@
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-import { Form, Select, InputNumber } from 'antd';
+import { Form, Select, InputNumber, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { KnowledgeConfigModalRef, KnowledgeBase, KnowledgeConfigForm, RetrieveType } from './types'
@@ -86,13 +86,13 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
         size="middle"
       >
         {data && (
-          <div className="rb:mb-6 rb:flex rb:items-center rb:justify-between rb:border rb:rounded-lg rb:p-[17px_16px] rb:cursor-pointer rb:bg-[#F0F3F8] rb:border-[#DFE4ED] rb:text-[#212332]">
+          <Flex align="center" justify="space-between" className="rb:mb-6! rb-border rb:rounded-lg rb:p-[17px_16px]! rb:cursor-pointer rb:bg-[#F0F3F8] rb:text-[#212332]">
             <div className="rb:text-[16px] rb:leading-5.5">
               {data.name}
               <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167] rb:mt-2">{t('application.contains', {include_count: data.doc_num})}</div>
             </div>
             <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167]">{formatDateTime(data.updated_at, 'YYYY-MM-DD HH:mm:ss')}</div>
-          </div>
+          </Flex>
         )}
         <FormItem name="kb_id" hidden />
         {/* 检索模式 */}
@@ -137,6 +137,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
               max={1.0}
               step={0.1}
               min={0.0}
+              isInput={true}
             />
           </FormItem>
         )}
@@ -152,6 +153,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
               max={1.0}
               step={0.1}
               min={0.0}
+              isInput={true}
             />
           </FormItem>
         )}
@@ -168,6 +170,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
                 max={1.0}
                 step={0.1}
                 min={0.0}
+                isInput={true}
               />
             </FormItem>
             <FormItem
@@ -180,6 +183,7 @@ const KnowledgeConfigModal = forwardRef<KnowledgeConfigModalRef, KnowledgeConfig
                 max={1.0}
                 step={0.1}
                 min={0.0}
+                isInput={true}
               />
             </FormItem>
           </>
diff --git a/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeGlobalConfigModal.tsx b/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeGlobalConfigModal.tsx
index 3a39f067..307c2fa2 100644
--- a/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeGlobalConfigModal.tsx
+++ b/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeGlobalConfigModal.tsx
@@ -1,11 +1,10 @@
 import { forwardRef, useImperativeHandle, useState, useEffect } from 'react';
-import { Form, InputNumber, Switch } from 'antd';
+import { Form, InputNumber, Switch, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { RerankerConfig, KnowledgeGlobalConfigModalRef } from './types'
 import RbModal from '@/components/RbModal'
-import CustomSelect from '@/components/CustomSelect'
-import { getModelListUrl } from '@/api/models'
+import ModelSelect from '@/components/ModelSelect'
 
 const FormItem = Form.Item;
 
@@ -75,7 +74,7 @@ const KnowledgeGlobalConfigModal = forwardRef<KnowledgeGlobalConfigModalRef, Kno
         <div className="rb:text-[#5B6167] rb:mb-6">{t('application.globalConfigDesc')}</div>
 
         {/* 结果重排 */}
-        <div className="rb:flex rb:items-center rb:justify-between rb:my-6">
+        <Flex align="center" justify="space-between" className="rb:my-6!">
           <div className="rb:text-[14px] rb:font-medium rb:leading-5">
             {t('application.rerankModel')}
             <div className="rb:mt-1 rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4">{t('application.rerankModelDesc')}</div>
@@ -87,7 +86,7 @@ const KnowledgeGlobalConfigModal = forwardRef<KnowledgeGlobalConfigModalRef, Kno
           >
             <Switch />
           </FormItem>
-        </div>
+        </Flex>
 
         {values?.rerank_model && <>
           <FormItem
@@ -96,12 +95,9 @@ const KnowledgeGlobalConfigModal = forwardRef<KnowledgeGlobalConfigModalRef, Kno
             rules={[{ required: true, message: t('common.pleaseSelect') }]}
             extra={t('application.rearrangementModelDesc')}
           >
-            <CustomSelect
-              url={getModelListUrl}
-              params={{ type: 'rerank', pagesize: 100, is_active: true }}
-              valueKey="id"
-              labelKey="name"
-              hasAll={false}
+            <ModelSelect
+              params={{ type: 'rerank' }}
+              className="rb:w-full!"
             />
           </FormItem>
           {/* Top K */}
diff --git a/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeListModal.tsx b/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeListModal.tsx
index c74db398..c226f62f 100644
--- a/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeListModal.tsx
+++ b/web/src/views/Workflow/components/Properties/Knowledge/KnowledgeListModal.tsx
@@ -1,7 +1,8 @@
 import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
-import { Space, List } from 'antd';
+import { List, Form, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx'
+
 import type { KnowledgeModalRef, KnowledgeBase } from './types'
 import type { KnowledgeBaseListItem } from '@/views/KnowledgeBase/types'
 import RbModal from '@/components/RbModal'
@@ -22,21 +23,23 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
   const [visible, setVisible] = useState(false);
   const [list, setList] = useState<KnowledgeBaseListItem[]>([])
   const [filterList, setFilterList] = useState<KnowledgeBaseListItem[]>([])
-  const [query, setQuery] = useState<{keywords?: string}>({})
   const [selectedIds, setSelectedIds] = useState<string[]>([])
   const [selectedRows, setSelectedRows] = useState<KnowledgeBase[]>([])
 
+  const [form] = Form.useForm()
+  const query = Form.useWatch([], form)
+
   // 封装取消方法，添加关闭弹窗逻辑
   const handleClose = () => {
     setVisible(false);
-    setQuery({})
+    form.resetFields()
     setSelectedIds([])
     setSelectedRows([])
   };
 
   const handleOpen = () => {
     setVisible(true);
-    setQuery({})
+    form.resetFields()
     setSelectedIds([])
     setSelectedRows([])
   };
@@ -45,7 +48,7 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
     if (visible) {
       getList()
     }
-  }, [query.keywords, visible])
+  }, [query?.keywords, visible])
   const getList = () => {
     getKnowledgeBaseList(undefined, {
       ...query,
@@ -77,11 +80,6 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
     handleOpen,
     handleClose
   }));
-  const handleSearch = (value?: string) => {
-    setQuery({keywords: value})
-    setSelectedIds([])
-    setSelectedRows([])
-  }
   const handleSelect = (item: KnowledgeBase) => {
     const index = selectedIds.indexOf(item.id)
     if (index === -1) {
@@ -112,22 +110,28 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
         onOk={handleSave}
         width={1000}
       >
-        <Space size={24} direction="vertical" className="rb:w-full">
-          <SearchInput
-            placeholder={t('knowledgeBase.searchPlaceholder')}
-            onSearch={handleSearch}
-            style={{ width: '100%' }}
-            size="middle"
-          />
+        <Flex gap={24} vertical>
+          <Form form={form}>
+            <Form.Item name="keywords" noStyle>
+              <SearchInput
+                placeholder={t('knowledgeBase.searchPlaceholder')}
+                className="rb:w-full!"
+                variant="outlined"
+              />
+            </Form.Item>
+          </Form>
           {filterList.length === 0 
             ? <Empty />
             : <List
               grid={{ gutter: 16, column: 2 }}
               dataSource={filterList}
               renderItem={(item: KnowledgeBase) => (
-                <List.Item>
-                  <div key={item.id} className={clsx("rb:flex rb:items-center rb:justify-between rb:border rb:rounded-lg rb:p-[17px_16px] rb:cursor-pointer rb:hover:bg-[#F0F3F8]", {
-                    "rb:bg-[rgba(21,94,239,0.06)] rb:border-[#155EEF] rb:text-[#155EEF]": selectedIds.includes(item.id),
+                <List.Item key={item.id}>
+                  <Flex
+                    align="center"
+                    justify="space-between"
+                    className={clsx("rb:border rb:rounded-lg rb:p-[17px_16px]! rb:cursor-pointer rb:hover:bg-[#F0F3F8]", {
+                    "rb:bg-[rgba(21,94,239,0.06)] rb:border-[#171719] rb:text-[#171719]": selectedIds.includes(item.id),
                     "rb:border-[#DFE4ED] rb:text-[#212332]": !selectedIds.includes(item.id),
                   })} onClick={() => handleSelect(item)}>
                     <div className="rb:text-[16px] rb:leading-5.5">
@@ -135,12 +139,12 @@ const KnowledgeListModal = forwardRef<KnowledgeModalRef, KnowledgeModalProps>(({
                       <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167] rb:mt-2">{t('application.contains', {include_count: item.doc_num})}</div>
                     </div>
                     <div className="rb:text-[12px] rb:leading-4 rb:text-[#5B6167]">{formatDateTime(item.created_at, 'YYYY-MM-DD HH:mm:ss')}</div>
-                  </div>
+                  </Flex>
                 </List.Item>
               )}
             />
           }
-        </Space>
+        </Flex>
       </RbModal>
     </>
   );
diff --git a/web/src/views/Workflow/components/Properties/MappingList/index.tsx b/web/src/views/Workflow/components/Properties/MappingList/index.tsx
index d0f56e1c..d4395736 100644
--- a/web/src/views/Workflow/components/Properties/MappingList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/MappingList/index.tsx
@@ -1,6 +1,7 @@
 import { type FC, type ReactNode } from 'react';
 import { useTranslation } from 'react-i18next'
-import { Button, Form, Input, Divider, Space } from 'antd';
+import { Button, Form, Input, Space, Flex } from 'antd';
+
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import VariableSelect from '../VariableSelect'
 
@@ -18,7 +19,7 @@ const MappingList: FC<MappingListProps> = ({ label, name, options, extra, valueK
       <Form.List name={name}>
         {(fields, { add, remove }) => (
           <>
-            <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
+            <Flex align="center" justify="space-between" className="rb:mb-2!">
               <div className="rb:text-[12px] rb:font-medium rb:leading-4.5">
                 {label}
               </div>
@@ -27,49 +28,50 @@ const MappingList: FC<MappingListProps> = ({ label, name, options, extra, valueK
                 {extra}
                 <Button
                   onClick={() => add()}
-                  className="rb:py-0! rb:px-1! rb:text-[12px]!"
+                  className="rb:py-0! rb:px-1! rb:h-4.5! rb:rounded-sm! rb:text-[12px]!"
                   size="small"
                 >
                   + {t('workflow.config.addVariable')}
                 </Button>
               </Space>
-            </div>
-            {fields.map(({ key, name, ...restField }) => (
-              <div key={key} className="rb:flex rb:items-center rb:gap-1 rb:mb-2">
-                <Form.Item
-                  {...restField}
-                  name={[name, 'name']}
-                  noStyle
-                >
-                  <Input 
-                    placeholder={t('common.pleaseEnter')} 
-                    size="small"
-                    className="rb:w-24!"
-                  />
-                </Form.Item>
-                <Form.Item
-                  {...restField}
-                  name={[name, valueKey]}
-                  noStyle
-                >
-                  <VariableSelect
-                    placeholder={t('common.pleaseSelect')}
-                    options={options}
-                    popupMatchSelectWidth={false}
-                    size="small"
-                    className="rb:w-39!"
-                  />
-                </Form.Item>
-                <div
-                  className="rb:ml-1 rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
-                  onClick={() => remove(name)}
-                ></div>
-              </div>
-            ))}
+            </Flex>
+            <Flex gap={8} vertical>
+              {fields.map(({ key, name, ...restField }) => (
+                <Flex key={key} align="center" gap={4}>
+                  <Form.Item
+                    {...restField}
+                    name={[name, 'name']}
+                    noStyle
+                  >
+                    <Input 
+                      placeholder={t('common.pleaseEnter')} 
+                      size="small"
+                      className="rb:w-27!"
+                    />
+                  </Form.Item>
+                  <Form.Item
+                    {...restField}
+                    name={[name, valueKey]}
+                    noStyle
+                  >
+                    <VariableSelect
+                      placeholder={t('common.pleaseSelect')}
+                      options={options}
+                      popupMatchSelectWidth={false}
+                      size="small"
+                      className="rb:w-51!"
+                    />
+                  </Form.Item>
+                  <div
+                    className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/deleteBg.svg')] rb:hover:bg-[url('@/assets/images/workflow/deleteBg_hover.svg')]"
+                    onClick={() => remove(name)}
+                  ></div>
+                </Flex>
+              ))}
+            </Flex>
           </>
         )}
       </Form.List>
-      <Divider />
     </>
   )
 };
diff --git a/web/src/views/Workflow/components/Properties/MemoryConfig/index.tsx b/web/src/views/Workflow/components/Properties/MemoryConfig/index.tsx
index 9e33e73e..edac612d 100644
--- a/web/src/views/Workflow/components/Properties/MemoryConfig/index.tsx
+++ b/web/src/views/Workflow/components/Properties/MemoryConfig/index.tsx
@@ -1,8 +1,10 @@
 import { type FC } from "react";
 import { useTranslation } from 'react-i18next'
-import { Form, Row, Col, Divider, Switch, Slider } from 'antd'
+import { Form, Switch, Flex } from 'antd'
+
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import MessageEditor from '../MessageEditor'
+import RbSlider from "@/components/RbSlider";
 
 const MemoryConfig: FC<{ options: Suggestion[]; parentName: string; }> = ({
   options,
@@ -29,12 +31,15 @@ const MemoryConfig: FC<{ options: Suggestion[]; parentName: string; }> = ({
 
   return (
     <>
+      <Form.Item layout="horizontal" name={[parentName, 'enable']} label={t('workflow.config.llm.memory')} className={values?.memory?.enable ? "rb:mb-2!" : undefined}>
+        <Switch onChange={handleChangeEnable} />
+      </Form.Item>
       {values?.memory?.enable && <>
-        <div className="rb:flex rb:items-center rb:justify-between rb:py-1.5 rb:px-2 rb:text-[12px] rb:bg-[#F6F8FC] rb:rounded-md rb:mb-2">
+        <Flex align="center" justify="space-between" className="rb:py-1.25! rb:px-2! rb:text-[12px] rb:leading-4.5 rb:bg-[#F6F6F6] rb:rounded-lg rb:mb-2!">
           {t('workflow.config.llm.memory')}
           <span>{t('workflow.config.llm.inner')}</span>
-        </div>
-        <Form.Item layout="horizontal" name={[parentName, 'messages']}>
+        </Flex>
+        <Form.Item layout="horizontal" name={[parentName, 'messages']} className="rb:mb-2!">
           <MessageEditor
             title="USER"
             isArray={false}
@@ -43,26 +48,21 @@ const MemoryConfig: FC<{ options: Suggestion[]; parentName: string; }> = ({
             size="small"
           />
         </Form.Item>
-
-        <Divider />
-      </>}
-      <Form.Item layout="horizontal" name={[parentName, 'enable']} label={t('workflow.config.llm.memory')}>
-        <Switch onChange={handleChangeEnable} />
-      </Form.Item>
-      {values?.memory?.enable && <>
-        <Row className="rb:mb-3">
-          <Col span={10}>
-            <Form.Item layout="horizontal" name={[parentName, 'enable_window']} noStyle>
-              <Switch />
-            </Form.Item>
-            <span className="rb:ml-2 rb:text-[12px]">{t('workflow.config.llm.enable_window')}</span>
-          </Col>
-          <Col span={14}>
-            <Form.Item layout="horizontal" name={[parentName, 'window_size']} noStyle>
-              <Slider min={1} max={100} step={1} className="rb:my-0!" disabled={!values?.memory?.enable_window} />
-            </Form.Item>
-          </Col>
-        </Row>
+        <div className="rb-border rb:rounded-lg rb:p-2 rb:mb-4">
+          <Form.Item layout="horizontal" name={[parentName, 'enable_window']} label={t('workflow.config.llm.enable_window')} className="rb:mb-2!">
+            <Switch />
+          </Form.Item>
+          <Form.Item layout="horizontal" name={[parentName, 'window_size']} noStyle>
+            <RbSlider 
+              min={1} 
+              max={100} 
+              step={1} 
+              size="small"
+              isInput={true}
+              disabled={!values?.memory?.enable_window}
+            />
+          </Form.Item>
+        </div>
       </>}
     </>
   );
diff --git a/web/src/views/Workflow/components/Properties/MessageEditor.tsx b/web/src/views/Workflow/components/Properties/MessageEditor.tsx
index 83aa289c..0aa0dc77 100644
--- a/web/src/views/Workflow/components/Properties/MessageEditor.tsx
+++ b/web/src/views/Workflow/components/Properties/MessageEditor.tsx
@@ -1,7 +1,8 @@
 import { type FC, type ReactNode, useMemo } from 'react';
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
-import { Input, Form, Space, Button, Row, Col, Select, type FormListOperation } from 'antd';
+import { Input, Form, Button, Row, Col, Select, type FormListOperation, Flex } from 'antd';
+
 import Editor, { type LexicalEditorProps } from '../Editor'
 import type { Suggestion } from '../Editor/plugin/AutocompletePlugin'
 
@@ -16,7 +17,8 @@ interface MessageEditor {
   value?: string;
   language?: LexicalEditorProps['language'];
   onChange?: (value?: string) => void;
-  size?: 'small' | 'default'
+  size?: 'small' | 'default';
+  className?: string;
 }
 const roleOptions = [
   // { label: 'SYSTEM', value: 'SYSTEM' },
@@ -31,7 +33,8 @@ const MessageEditor: FC<MessageEditor> = ({
   placeholder,
   options = [],
   language,
-  size = 'default'
+  size = 'default',
+  className
 }) => {
   const { t } = useTranslation()
   const form = Form.useFormInstance();
@@ -78,12 +81,12 @@ const MessageEditor: FC<MessageEditor> = ({
 
   if (!isArray) {
     return (
-      <Space size={8} direction="vertical" className="rb:w-full rb:border rb:border-[#DFE4ED] rb:rounded-md rb:px-2 rb:py-1.5" data-editor-type={parentName === 'template' ? 'template' : undefined}>
+      <Flex gap={8} vertical className={clsx("rb-border rb:rounded-lg rb:px-2! rb:py-1.5!", className)} data-editor-type={parentName === 'template' ? 'template' : undefined}>
         <Row>
           <Col span={12}>
             {typeof title === 'string'
-            ? <div className={clsx("rb:text-[12px] rb:font-medium rb:py-1 rb:leading-2", {
-              'rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-sm rb:px-2': titleVariant === 'outlined'
+            ? <div className={clsx("rb:text-[12px] rb:text-[#212332] rb:font-medium rb:leading-4", {
+              'rb:bg-[#F6F6F6] rb-border rb:rounded-md rb:px-2 rb:py-1': titleVariant === 'outlined'
             })}>{title ?? t('workflow.answerDesc')}</div>
             : title}
           </Col>
@@ -91,14 +94,14 @@ const MessageEditor: FC<MessageEditor> = ({
         <Form.Item name={parentName} noStyle>
           <Editor size={size} language={language} placeholder={placeholder} options={processedOptions} />
         </Form.Item>
-      </Space>
+      </Flex>
     );
   }
 
   return (
     <Form.List name={parentName}>
       {(fields, { add, remove }) => (
-        <Space size={8} direction="vertical" className="rb:w-full">
+        <Flex gap={8} vertical>
           {fields.map(({ key, name, ...restField }) => {
             const fieldValue = Array.isArray(parentName) 
               ? parentName.reduce((obj, key) => obj?.[key], values)
@@ -107,12 +110,12 @@ const MessageEditor: FC<MessageEditor> = ({
             const currentRole = (fieldValue?.[name]?.role || 'USER').toUpperCase();
             
             return (
-              <Space key={key} size={12} direction="vertical" className="rb:w-full rb:border rb:border-[#DFE4ED] rb:rounded-md rb:p-2">
+              <Flex key={key} gap={8} vertical className="rb-border rb:rounded-md rb:p-2!">
                 <Row>
                   <Col span={12}>
                     <Form.Item {...restField} name={[name, 'role']} noStyle>
                       {currentRole === 'SYSTEM' ? (
-                        <Input disabled className="rb:font-medium!" />
+                        <Input disabled className="rb:font-medium! rb:text-[#212332]!" />
                       ) : (
                         <Select
                           options={roleOptions}
@@ -124,19 +127,19 @@ const MessageEditor: FC<MessageEditor> = ({
                   </Col>
                   {currentRole !== 'SYSTEM' && (
                     <Col span={12}>
-                      <div className="rb:h-full rb:flex rb:justify-end rb:items-center">
+                      <Flex align="center" justify="end" className="rb:h-full">
                         <div
                           className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/workflow/delete_cycle.svg')]"
                           onClick={() => remove(name)}
                         ></div>
-                      </div>
+                      </Flex>
                     </Col>
                   )}
                 </Row>
                 <Form.Item {...restField} name={[name, 'content']} noStyle>
                   <Editor size={size} language={language} placeholder={placeholder} options={processedOptions} />
                 </Form.Item>
-              </Space>
+              </Flex>
             );
           })}
           <Form.Item noStyle>
@@ -144,7 +147,7 @@ const MessageEditor: FC<MessageEditor> = ({
               + {t('workflow.addMessage')}
             </Button>
           </Form.Item>
-        </Space>
+        </Flex>
       )}
     </Form.List>
   );
diff --git a/web/src/views/Workflow/components/Properties/ModelConfig/index.tsx b/web/src/views/Workflow/components/Properties/ModelConfig/index.tsx
new file mode 100644
index 00000000..04817b98
--- /dev/null
+++ b/web/src/views/Workflow/components/Properties/ModelConfig/index.tsx
@@ -0,0 +1,70 @@
+import { type FC } from "react";
+import { useTranslation } from 'react-i18next'
+import { Form } from 'antd'
+
+import RbSlider from '@/components/RbSlider'
+import RbCard from '@/components/RbCard/Card'
+import ModelSelect from '@/components/ModelSelect'
+
+const ModelConfig: FC = () => {
+  const { t } = useTranslation()
+  const form = Form.useFormInstance()
+  const model_id = Form.useWatch(['model_id'], form)
+  console.log('ModelConfig', model_id)
+
+  return (
+    <>
+      <Form.Item
+        name="model_id"
+        label={t('workflow.config.llm.model_id')}
+        className={model_id ? 'rb:mb-2!' : 'rb:mb-4!'}
+      >
+        <ModelSelect
+          placeholder={t('common.pleaseSelect')}
+          params={{ type: 'llm,chat' }}
+          className="rb:w-full!"
+          size="small"
+        />
+      </Form.Item>
+      {model_id && (
+        <RbCard
+          title={t('workflow.config.llm.parameterSettings')}
+          headerClassName="rb:min-h-8! rb:mx-2! rb:text-[12px]!"
+          bodyClassName="rb:pt-[14px]! rb:px-2! rb:pb-2!"
+          className="rb-border! rb:mb-4!"
+          variant="outlined"
+        >
+          <Form.Item
+            name="temperature"
+            label={t('workflow.config.llm.temperature')}
+            className="rb:mb-1.5!"
+          >
+            <RbSlider 
+              min={0}
+              max={2}
+              step={0.1}
+              isInput={true}
+              size="small"
+              className="rb:-mt-2!"
+            />
+          </Form.Item>
+          <Form.Item
+            name="max_tokens"
+            label={t('workflow.config.llm.max_tokens')}
+            className="rb:mb-0!"
+          >
+            <RbSlider 
+              min={256}
+              max={32000}
+              step={1}
+              isInput={true}
+              size="small"
+              className="rb:-mt-2!"
+            />
+          </Form.Item>
+        </RbCard>
+      )}
+    </>
+  );
+};
+export default ModelConfig;
diff --git a/web/src/views/Workflow/components/Properties/ParamsList/index.tsx b/web/src/views/Workflow/components/Properties/ParamsList/index.tsx
index 8118f001..1afbb383 100644
--- a/web/src/views/Workflow/components/Properties/ParamsList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/ParamsList/index.tsx
@@ -1,7 +1,6 @@
 import { type FC, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Button, Space } from 'antd'
-
+import { Button, Flex } from 'antd'
 
 import type { ParamItem, ParamEditModalRef } from './types'
 import ParamEditModal from './ParamEditModal'
@@ -45,21 +44,21 @@ const ParamsList: FC<ParamsListProps> = ({
         {label}
       </div>
 
-      <Space size={10} direction="vertical" className="rb:w-full!">
+      <Flex gap={10} vertical>
         <Button type="dashed" block size="middle" className="rb:text-[12px]!" onClick={handleAdd}>+ {t('workflow.config.parameter-extractor.addParams')}</Button>
 
         {value?.map((item, index) => (
           <div
             key={index}
-            className="rb:cursor-pointer rb:group rb:py-2 rb:pl-2.5 rb:pr-2 rb:text-[12px] rb:flex rb:items-center rb:justify-between rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-md"
+            className="rb:cursor-pointer rb:group rb:py-2 rb:pl-2.5 rb:pr-2 rb:text-[12px] rb-border rb:rounded-md rb:relative"
           >
-            <div>
-              <span className="rb:font-medium">{item.name}</span>
-              <span className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular"> ({t(`workflow.config.parameter-extractor.${item.type}`)}) {item.required ? t('workflow.config.parameter-extractor.required') : ''}</span>
-              <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4.25 rb:mt-0.5">{item.desc}</div>
-            </div>
+            <Flex align="center" className="rb:leading-4 rb:w-full! rb:overflow-hidden rb:whitespace-nowrap rb:text-ellipsis rb:line-clamp-2" gap={2}>
+              <span className="rb:font-medium rb:inline-block">{item.name}</span>
+              <span className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular">({t(`workflow.config.parameter-extractor.${item.type}`)}) {item.required ? t('workflow.config.parameter-extractor.required') : ''}</span>
+            </Flex>
+            <div className="rb:text-[12px] rb:text-[#5B6167] rb:font-regular rb:leading-4.25 rb:mt-1">{item.desc}</div>
 
-            <Space size={8}>
+            <Flex gap={10} align="center" justify="end" className="rb:hidden! rb:group-hover:flex! rb:absolute rb:w-22 rb:pr-3! rb:right-0 rb:top-0 rb:bottom-0 rb:bg-[linear-gradient(90deg,rgba(255,255,255,0.5)_0%,#FFFFFF_50%)] rb:shadow-[0px_2px_4px_0px rgba(0,0,0,0.06)] rb:rounded-[0px_8px_8px_0px]">
               <div
                 className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/edit.svg')] rb:hover:bg-[url('@/assets/images/edit_hover.svg')]"
                 onClick={() => handleEdit(index)}
@@ -68,10 +67,10 @@ const ParamsList: FC<ParamsListProps> = ({
                 className="rb:size-4 rb:cursor-pointer rb:bg-cover  rb:bg-[url('@/assets/images/delete.svg')] rb:hover:bg-[url('@/assets/images/delete_hover.svg')]"
                 onClick={() => handleDelete(index)}
               ></div>
-            </Space>
+            </Flex>
           </div>
         ))}
-      </Space>
+      </Flex>
 
       <ParamEditModal
         ref={paramEditModalRef}
diff --git a/web/src/views/Workflow/components/Properties/RadioGroupBtn.tsx b/web/src/views/Workflow/components/Properties/RadioGroupBtn.tsx
new file mode 100644
index 00000000..0e0166ae
--- /dev/null
+++ b/web/src/views/Workflow/components/Properties/RadioGroupBtn.tsx
@@ -0,0 +1,105 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-02 15:19:30 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-03 11:09:23
+ */
+/**
+ * RadioGroupCard Component
+ * 
+ * A radio group component that displays options as selectable cards with:
+ * - Visual card-based selection interface
+ * - Optional icons and descriptions
+ * - Support for clear selection
+ * - Block or inline layout modes
+ * - Custom item rendering
+ * 
+ * @component
+ */
+
+import { type FC, type Key, type ReactNode, useEffect } from 'react';
+import { type RadioGroupProps } from 'antd';
+import clsx from 'clsx'
+
+/** Radio card option interface */
+interface RadioCardOption {
+  /** Option value */
+  value: string | number | boolean | null | undefined | Key;
+  /** Option label text */
+  label: string;
+  /** Optional description text */
+  labelDesc?: string;
+  /** Optional icon URL */
+  icon?: string;
+  /** Whether the option is disabled */
+  disabled?: boolean;
+  /** Additional properties */
+  [key: string]: string | number | boolean | undefined | null | Key;
+}
+
+/** Props interface for RadioGroupCard component */
+interface RadioCardProps extends Omit<RadioGroupProps, 'onChange'> {
+  /** Array of radio card options */
+  options: RadioCardOption[];
+  /** Callback fired when value changes (for side effects) */
+  onValueChange?: (value: string | null | undefined, option?: RadioCardOption) => void;
+  /** Callback fired when selection changes */
+  onChange?: (value: string | number | boolean | null | undefined | Key, option?: RadioCardOption) => void;
+  /** Custom render function for each option */
+  itemRender?: (option: RadioCardOption) => ReactNode;
+  /** Whether clicking selected option clears selection */
+  allowClear?: boolean;
+  /** Whether to display cards in block (vertical) layout */
+  block?: boolean;
+  type?: 'inner';
+}
+
+/** Radio group card component that displays options as selectable cards */
+const RadioGroupBtn: FC<RadioCardProps> = ({  
+  options,
+  value,  
+  onValueChange,
+  onChange,
+  allowClear = true,
+  block = false,
+  type,
+}) => {
+  /** Listen to value changes and trigger side effects via onValueChange callback */
+  useEffect(() => {
+    if (onValueChange) {
+      onValueChange(value);
+    }
+  }, [value, onValueChange]);
+
+  /** Handle option selection with support for clear and disabled states */
+  const handleChange = (option: RadioCardOption) => {
+    // Ignore clicks on disabled options
+    if (option.disabled) return
+    if (onChange) {
+      // Clear selection if allowClear is true and option is already selected
+      if (allowClear && value === option.value) {
+        onChange(null, undefined);
+      } else {
+        onChange(option.value, option);
+      }
+    }
+  }
+
+  return (
+    <div className={clsx(`rb:grid rb:grid-cols-${block ? 1 : options.length} rb:gap-1`)}>
+      {/* Render each option as a selectable card */}
+      {options.map(option => (
+        <div key={String(option.value)} className={clsx("rb:border rb:w-full rb:leading-4.5 rb:px-2.5  rb:text-center rb:text-[12px] rb:font-medium rb:cursor-pointer", {
+          'rb:opacity-[0.75]': option.disabled,
+          'rb:rounded-lg rb:bg-[#F6F6F6] rb:border-[#F6F6F6] rb:py-1.25': !type,
+          'rb:bg-white rb:rounded-md rb:border-white rb:py-px': type === 'inner',
+          'rb:border-[#171719]! rb:bg-white': option.value === value,
+        })} onClick={() => handleChange(option)}>
+          {option.label}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default RadioGroupBtn;
diff --git a/web/src/views/Workflow/components/Properties/ToolConfig/index.tsx b/web/src/views/Workflow/components/Properties/ToolConfig/index.tsx
index b5955352..8ae3cd4d 100644
--- a/web/src/views/Workflow/components/Properties/ToolConfig/index.tsx
+++ b/web/src/views/Workflow/components/Properties/ToolConfig/index.tsx
@@ -1,6 +1,6 @@
 import { type FC, useEffect, useState } from "react";
 import { useTranslation } from 'react-i18next'
-import { Form, Select, InputNumber, Switch, Cascader, type CascaderProps } from 'antd'
+import { Form, Select, InputNumber, Switch, Cascader, type CascaderProps, Tooltip } from 'antd'
 import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
 import { getToolMethods, getToolDetail, getTools } from '@/api/tools'
 import type { ToolType, ToolItem } from '@/views/ToolManagement/types'
@@ -185,8 +185,12 @@ const ToolConfig: FC<{ options: Suggestion[]; }> = ({
           <div key={parameter.name}>
             <Form.Item
               name={['tool_parameters', parameter.name]}
-              label={parameter.name}
-              extra={parameter.type === 'boolean' ? undefined : parameter.description}
+              label={<>
+                {parameter.name}
+                <Tooltip title={parameter.description} placement="right">
+                  <div className="rb:size-3 rb:ml-0.5 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/question.svg')]"></div>
+                </Tooltip>
+              </>}
               rules={[
                 { required: parameter.required, message: t('common.pleaseEnter') }
               ]}
@@ -208,10 +212,11 @@ const ToolConfig: FC<{ options: Suggestion[]; }> = ({
                     onChange={(value) => form.setFieldValue(['tool_parameters', parameter.name], value)}
                   />
                 : <Editor
-                    height={32}
                     variant="outlined"
-                    options={options} 
+                    type="input"
                     size="small"
+                    height={28}
+                    options={options}
                     placeholder={t('common.pleaseEnter')}
                   />
               }
diff --git a/web/src/views/Workflow/components/Properties/VariableList/VariableEditModal.tsx b/web/src/views/Workflow/components/Properties/VariableList/VariableEditModal.tsx
index a52105b9..7a3af15d 100644
--- a/web/src/views/Workflow/components/Properties/VariableList/VariableEditModal.tsx
+++ b/web/src/views/Workflow/components/Properties/VariableList/VariableEditModal.tsx
@@ -1,5 +1,5 @@
 import { forwardRef, useImperativeHandle, useState } from 'react';
-import { Form, Input, Select, InputNumber, Checkbox, Tag } from 'antd';
+import { Form, Input, Select, InputNumber, Checkbox, Tag, Flex } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { Variable, VariableEditModalRef } from './types'
@@ -112,8 +112,8 @@ const VariableEditModal = forwardRef<VariableEditModalRef, VariableEditModalProp
               label: t(`workflow.config.start.${key}`),
             }))}
             onChange={() => form.setFieldValue('default', undefined)}
-            labelRender={(props) => <div className="rb:flex rb:justify-between rb:items-center">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></div>}
-            optionRender={(props) => <div className="rb:flex rb:justify-between rb:items-center">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></div>}
+            labelRender={(props) => <Flex align="center" justify="space-between">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></Flex>}
+            optionRender={(props) => <Flex align="center" justify="space-between">{props.label} <Tag color="blue">{variableType[props.value as keyof typeof variableType]}</Tag></Flex>}
           />
         </FormItem>
         {/* 变量名称 */}
diff --git a/web/src/views/Workflow/components/Properties/VariableList/index.tsx b/web/src/views/Workflow/components/Properties/VariableList/index.tsx
index 4ddf8b2c..6ff545eb 100644
--- a/web/src/views/Workflow/components/Properties/VariableList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/VariableList/index.tsx
@@ -1,7 +1,8 @@
 import { type FC, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Node } from '@antv/x6';
-import { Space, Button, Divider, App } from 'antd'
+import { Space, Button, Divider, App, Flex } from 'antd'
+
 import type { Variable, VariableEditModalRef } from './types'
 import type { NodeConfig } from '../../../types'
 import VariableEditModal from './VariableEditModal'
@@ -64,40 +65,42 @@ const VariableList: FC<VariableListProps> = ({
   }
   return (
     <div>
-      <Space size={10} direction="vertical" className="rb:w-full">
+      <Flex gap={10} vertical>
         <div className="rb:leading-4.25 rb:text-[12px] rb:font-medium">
           {t(`workflow.config.${selectedNode?.data?.type}.${parentName}`)}
         </div>
         <Button type="dashed" block size="middle" className="rb:text-[12px]!" onClick={handleAddVariable}>+ {t('workflow.config.addVariable')}</Button>
         {Array.isArray(value) && value?.map((vo, index) =>
-          <div 
+          <Flex 
             key={`${vo.name}}-${index}`} 
-            className="rb:cursor-pointer rb:group rb:py-2 rb:pl-2.5 rb:pr-2 rb:text-[12px] rb:flex rb:items-center rb:justify-between rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-md"
+            align="center"
+            justify="space-between"
+            className="rb:cursor-pointer rb:group rb:py-2! rb:pl-2.5! rb:pr-2! rb:text-[12px] rb:bg-[#F6F6F6] rb-border rb:rounded-lg"
             onClick={() => handleEditVariable(index, vo)}
           >
-            <span className="rb:font-medium">{vo.name}·{vo.description}</span>
+            <span className="rb:font-medium rb:flex-1">{vo.name}·{vo.description}</span>
 
             <Space size={8}>
-              {vo.required && <span className="rb:py-px rb:px-2 rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-sm">{t('workflow.config.start.required')}</span>}
-              <span className="rb:py-px rb:px-2 rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-sm">{vo.type}</span>
+              {vo.required && <span className="rb:py-px rb:px-2 rb:bg-white rb-border rb:rounded-sm">{t('workflow.config.start.required')}</span>}
+              <span className="rb:py-px rb:px-2 rb:bg-white rb-border rb:rounded-sm">{vo.type}</span>
               <div
-                className="rb:size-3 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/close.svg')] rb:hover:bg-[url('@/assets/images/close_hover.svg')]"
+                className="rb:size-3 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/close.svg')]"
                 onClick={(e) => handleDeleteVariable(index, vo, e)}
               ></div>
             </Space>
-          </div>
+          </Flex>
         )}
 
-      </Space>
+      </Flex>
       <Divider size="small" />
-      <Space size={10} direction="vertical" className="rb:w-full">
+      <Flex gap={10} vertical>
         {config.sys?.map((vo, index) =>
-          <div key={index} className="rb:py-2 rb:pl-2.5 rb:pr-2 rb:text-[12px] rb:flex rb:items-center rb:justify-between rb:bg-[#F6F8FC] rb:border rb:border-[#DFE4ED] rb:rounded-md">
+          <Flex align="center" justify="space-between" key={index} className="rb:py-2! rb:pl-2.5! rb:pr-2! rb:text-[12px] rb:bg-[#F6F6F6] rb:border rb:border-[#EBEBEB] rb:rounded-md">
             <span className="rb:font-medium">sys.{vo.name}</span>
-            <span className="rb:py-px rb:px-2 rb:bg-[#FBFDFF] rb:border rb:border-[#DFE4ED] rb:rounded-sm">{vo.type}</span>
-          </div>
+            <span className="rb:py-px rb:px-2 rb:bg-[#FBFDFF] rb-border rb:rounded-sm">{vo.type}</span>
+          </Flex>
         )}
-      </Space>
+      </Flex>
       <VariableEditModal
         ref={variableModalRef}
         refresh={handleRefreshVariable}
diff --git a/web/src/views/Workflow/components/Properties/VariableSelect.tsx b/web/src/views/Workflow/components/Properties/VariableSelect.tsx
index 7ae4eff5..9170d065 100644
--- a/web/src/views/Workflow/components/Properties/VariableSelect.tsx
+++ b/web/src/views/Workflow/components/Properties/VariableSelect.tsx
@@ -1,12 +1,13 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 15:40:13 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-03 15:40:13 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-25 16:54:44
  */
 import { type FC } from 'react'
 import clsx from 'clsx';
-import { Select, type SelectProps } from 'antd'
+import { Select, type SelectProps, Flex, Space } from 'antd'
+
 import type { Suggestion } from '../Editor/plugin/AutocompletePlugin'
 type LabelRender = SelectProps['labelRender'];
 
@@ -39,6 +40,7 @@ const VariableSelect: FC<VariableSelectProps> = ({
   onChange,
   size = 'middle',
   filterBooleanType = false,
+  mode,
   ...resetPorps
 }) => {
 
@@ -62,9 +64,10 @@ const VariableSelect: FC<VariableSelectProps> = ({
     if (filterOption) {
       return (
         <span
-          className={clsx("rb:max-w-full rb:wrap-break-word rb:line-clamp-1 rb:border rb:border-[#DFE4ED] rb:rounded-md rb:bg-white rb:text-[12px] rb:inline-flex rb:items-center rb:px-1.5 rb:cursor-pointer", {
+          className={clsx("rb:max-w-full rb:wrap-break-word rb:line-clamp-1 rb:rounded-md rb:bg-white rb:text-[12px] rb:inline-flex rb:items-center rb:px-1.5 rb:cursor-pointer", {
             'rb:leading-5.5!': size !== 'small',
-            'rb:leading-4! rb:text-[10px]!': size === 'small'
+            'rb:leading-4! rb:text-[10px]!': size === 'small',
+            'rb-border': mode !== "multiple"
           })}
           contentEditable={false}
         >
@@ -79,7 +82,7 @@ const VariableSelect: FC<VariableSelectProps> = ({
               <span className="rb:text-[#DFE4ED] rb:mx-0.5">/</span>
             </>
           )}
-          <span className="rb:text-[#155EEF]">{filterOption.label}</span>
+          <span className="rb:text-[#171719]">{filterOption.label}</span>
         </span>
       )
     }
@@ -107,9 +110,22 @@ const VariableSelect: FC<VariableSelectProps> = ({
    * Format grouped options for Select component
    */
   const groupedOptions = Object.entries(groupedSuggestions).map(([_nodeId, suggestions]) => ({
-    label: suggestions[0].nodeData.name,
+    label: <Flex align="center" gap={4}>
+      {suggestions[0].nodeData.icon && <img
+        src={suggestions[0].nodeData.icon}
+        className="rb:size-3"
+        alt=""
+      />}
+      {suggestions[0].nodeData.name}
+    </Flex>,
     options: suggestions.map(s => ({ 
-      label: <div className="rb:flex rb:items-center rb:gap-1 rb:justify-between"> { s.label } <span>{s.dataType}</span></div>, 
+      label: <Flex align="center" justify="space-between" gap={4}>
+        <Space size={8}>
+          <span className="rb:text-[#155EEF]">{`{x}`}</span>
+          {s.label}
+        </Space>
+        <span className="rb:text-[#5B6167]">{s.dataType}</span>
+      </Flex>, 
       value: `{{${s.value}}}` 
     }))
   }));
@@ -117,6 +133,7 @@ const VariableSelect: FC<VariableSelectProps> = ({
   return (
     <Select
       {...resetPorps}
+      mode={mode}
       size={size}
       placeholder={placeholder}
       value={value}
diff --git a/web/src/views/Workflow/components/Properties/hooks/useVariableList.ts b/web/src/views/Workflow/components/Properties/hooks/useVariableList.ts
index 779174ff..dbda2759 100644
--- a/web/src/views/Workflow/components/Properties/hooks/useVariableList.ts
+++ b/web/src/views/Workflow/components/Properties/hooks/useVariableList.ts
@@ -42,6 +42,9 @@ const NODE_VARIABLES = {
   'memory-read': [
     { label: 'answer', dataType: 'string', field: 'answer' },
     { label: 'intermediate_outputs', dataType: 'array[object]', field: 'intermediate_outputs' }
+  ],
+  'document-extractor': [
+    { label: 'text', dataType: 'string', field: 'text' },
   ]
 } as const;
 
@@ -177,7 +180,8 @@ const hasOutputNodeTypes = [
   'var-aggregator',
   'http-request',
   'tool',
-  'jinja-render'
+  'jinja-render',
+  'document-extractor'
 ];
 
 /**
diff --git a/web/src/views/Workflow/components/Properties/index.tsx b/web/src/views/Workflow/components/Properties/index.tsx
index 33e865a2..66b59075 100644
--- a/web/src/views/Workflow/components/Properties/index.tsx
+++ b/web/src/views/Workflow/components/Properties/index.tsx
@@ -2,18 +2,15 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 15:39:59 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-16 16:11:28
+ * @Last Modified time: 2026-03-27 11:30:44
  */
 import { type FC, useEffect, useState, useMemo } from "react";
 import clsx from 'clsx'
 import { useTranslation } from 'react-i18next'
 import { Graph, Node } from '@antv/x6';
-import { Form, Input, Select, InputNumber, Switch, Divider, Space, Button } from 'antd'
-import { CaretDownOutlined, CaretRightOutlined } from '@ant-design/icons';
+import { Form, Input, Select, InputNumber, Switch, Flex, Space, Dropdown, type MenuProps, Button } from 'antd';
 
 import type { NodeConfig, NodeProperties, ChatVariable } from '../../types'
-import Empty from '@/components/Empty';
-import emptyIcon from '@/assets/images/workflow/empty.png'
 import CustomSelect from "@/components/CustomSelect";
 import MessageEditor from './MessageEditor'
 import Knowledge from './Knowledge/Knowledge';
@@ -33,19 +30,20 @@ import VariableList from './VariableList'
 import { useVariableList, getCurrentNodeVariables, getChildNodeVariables } from './hooks/useVariableList'
 import styles from './properties.module.css'
 import Editor, { type LexicalEditorProps } from "../Editor";
-import RbSlider from './RbSlider'
+import RbSlider from '@/components/RbSlider'
 import JinjaRender from './JinjaRender'
 import CodeExecution from './CodeExecution'
 import { nodeLibrary } from '../../constant';
+import RbCard from '@/components/RbCard/Card';
+import ModelConfig from './ModelConfig'
+import ModelSelect from '@/components/ModelSelect'
 
 /**
  * Props for Properties component
  */
 interface PropertiesProps {
   /** Currently selected node */
-  selectedNode?: Node | null; 
-  /** Function to update selected node */
-  setSelectedNode: (node: Node | null) => void;
+  selectedNode: Node;
   /** Reference to graph instance */
   graphRef: React.MutableRefObject<Graph | undefined>;
   /** Handler for blank canvas click */
@@ -75,7 +73,7 @@ const Properties: FC<PropertiesProps> = ({
 }) => {
   const { t } = useTranslation()
   const [form] = Form.useForm<NodeConfig>();
-  const [configs, setConfigs] = useState<Record<string,NodeConfig>>({} as Record<string,NodeConfig>)
+  const [configs, setConfigs] = useState<Record<string, NodeConfig>>({} as Record<string, NodeConfig>)
   const values = Form.useWatch([], form);
   const variableList = useVariableList(selectedNode, graphRef, chatVariables)
 
@@ -172,7 +170,7 @@ const Properties: FC<PropertiesProps> = ({
       const nodes = graphRef.current?.getNodes() || [];
       const nodeData = selectedNode.getData();
       const cycle = nodeData?.cycle;
-      
+
       if (cycle) {
         const parentNode = nodes.find(n => n.getData().id === cycle);
         if (parentNode) {
@@ -190,14 +188,14 @@ const Properties: FC<PropertiesProps> = ({
       if (parentIterationNode) {
         const parentData = parentIterationNode.getData();
         const parentNodeId = parentData.id;
-        
+
         if (parentData.config?.input?.defaultValue) {
           const itemKey = `${parentNodeId}_item`;
           const indexKey = `${parentNodeId}_index`;
-          
+
           const existingItemVar = filteredList.find(v => v.key === itemKey);
           const existingIndexVar = filteredList.find(v => v.key === indexKey);
-          
+
           if (!existingItemVar) {
             // Determine item dataType from input variable
             let itemDataType = 'object';
@@ -205,7 +203,7 @@ const Properties: FC<PropertiesProps> = ({
             if (inputVariable && inputVariable.dataType.startsWith('array[')) {
               itemDataType = inputVariable.dataType.replace(/^array\[(.+)\]$/, '$1');
             }
-            
+
             filteredList.push({
               key: itemKey,
               label: 'item',
@@ -215,7 +213,7 @@ const Properties: FC<PropertiesProps> = ({
               nodeData: parentData,
             });
           }
-          
+
           if (!existingIndexVar) {
             filteredList.push({
               key: indexKey,
@@ -237,7 +235,7 @@ const Properties: FC<PropertiesProps> = ({
         const nodes = graphRef.current?.getNodes() || [];
         const nodeData = selectedNode.getData();
         const cycle = nodeData?.cycle;
-        
+
         if (cycle) {
           const parentNode = nodes.find(n => n.getData().id === cycle);
           if (parentNode) {
@@ -249,14 +247,14 @@ const Properties: FC<PropertiesProps> = ({
         }
         return null;
       })() : null;
-      
+
       let filteredList = variableList.filter(variable => variable.dataType !== 'boolean');
-      
+
       // If this LLM node is a child of iteration/loop, ensure parent variables are included
       if (parentLoopNode) {
         const parentData = parentLoopNode.getData();
         const parentNodeId = parentData.id;
-        
+
         // Ensure parent loop/iteration variables are included
         if (parentData.type === 'loop') {
           const cycleVars = parentData.cycle_vars || [];
@@ -279,10 +277,10 @@ const Properties: FC<PropertiesProps> = ({
           if (parentData.config?.input?.defaultValue) {
             const itemKey = `${parentNodeId}_item`;
             const indexKey = `${parentNodeId}_index`;
-            
+
             const existingItemVar = filteredList.find(v => v.key === itemKey);
             const existingIndexVar = filteredList.find(v => v.key === indexKey);
-            
+
             if (!existingItemVar) {
               // Determine item dataType from input variable
               let itemDataType = 'object';
@@ -290,7 +288,7 @@ const Properties: FC<PropertiesProps> = ({
               if (inputVariable && inputVariable.dataType.startsWith('array[')) {
                 itemDataType = inputVariable.dataType.replace(/^array\[(.+)\]$/, '$1');
               }
-              
+
               filteredList.push({
                 key: itemKey,
                 label: 'item',
@@ -300,7 +298,7 @@ const Properties: FC<PropertiesProps> = ({
                 nodeData: parentData,
               });
             }
-            
+
             if (!existingIndexVar) {
               filteredList.push({
                 key: indexKey,
@@ -314,23 +312,27 @@ const Properties: FC<PropertiesProps> = ({
           }
         }
       }
-      
+
       return filteredList;
     }
-    if (nodeType === 'knowledge-retrieval' || nodeType === 'parameter-extractor' && key !== 'prompt' || nodeType === 'memory-read' || nodeType === 'memory-write' || nodeType === 'question-classifier') {
+    if (nodeType === 'knowledge-retrieval' || nodeType === 'parameter-extractor' && key !== 'prompt' || nodeType === 'memory-read' || nodeType === 'question-classifier') {
       let filteredList = addParentIterationVars(variableList).filter(variable => variable.dataType === 'string');
       return filteredList;
     }
+    if (nodeType === 'memory-write') {
+      let filteredList = addParentIterationVars(variableList).filter(variable => variable.dataType === 'string' || variable.dataType.includes('file'));
+      return filteredList;
+    }
     if (nodeType === 'parameter-extractor' && key === 'prompt') {
       let filteredList = addParentIterationVars(variableList).filter(variable => variable.dataType === 'string' || variable.dataType === 'number');
       return filteredList;
     }
     if (nodeType === 'iteration' && key === 'output' || nodeType === 'loop' && key === 'condition') {
       if (!selectedNode) return [];
-      let filteredList = nodeType === 'iteration' 
-        ? variableList.filter(variable => variable.value.includes('sys.')) 
+      let filteredList = nodeType === 'iteration'
+        ? variableList.filter(variable => variable.value.includes('sys.'))
         : addParentIterationVars(variableList).filter(variable => variable.nodeData.type !== 'loop');
-      
+
       const childVariables = getChildNodeVariables(selectedNode, graphRef);
       const existingKeys = new Set(filteredList.map(v => v.key));
       childVariables.forEach(v => {
@@ -339,13 +341,13 @@ const Properties: FC<PropertiesProps> = ({
           existingKeys.add(v.key);
         }
       });
-      
+
       return filteredList;
     }
     if (nodeType === 'iteration') {
       return variableList.filter(variable => variable.dataType.includes('array'));
     }
-    
+
     // For all other node types, add parent iteration variables if applicable
     let baseList = variableList;
     return addParentIterationVars(baseList);
@@ -386,15 +388,15 @@ const Properties: FC<PropertiesProps> = ({
   const handleSureReplace = () => {
     const { replaceNode } = values;
     const nodeLibraryConfig = [...nodeLibrary]
-          .flatMap(category => category.nodes)
-          .find(n => n.type === replaceNode)
+      .flatMap(category => category.nodes)
+      .find(n => n.type === replaceNode)
 
     if (replaceNode && nodeLibraryConfig) {
       // Preserve existing config values when switching node types
       const currentData = selectedNode?.data || {};
       const currentConfig = currentData.config || {};
       const newConfig = nodeLibraryConfig.config || {};
-      
+
       // Merge configs: keep existing values for matching keys, add new keys from template
       const mergedConfig: Record<string, any> = {};
       Object.keys(newConfig).forEach(key => {
@@ -418,14 +420,41 @@ const Properties: FC<PropertiesProps> = ({
       blankClick()
     }
   }
+  const handleClick: MenuProps['onClick'] = (e) => {
+    switch (e.key) {
+      case 'delete':
+        selectedNode.remove()
+        break;
+      case 'copy':
+        break;
+    }
+  }
 
   return (
-    <div className={clsx("rb:w-75 rb:fixed rb:right-0 rb:top-16 rb:bottom-0 rb:p-3 rb:pb-6", styles.properties)}>
-      <div className="rb:font-medium rb:leading-5 rb:pb-3 rb:mb-3 rb:border-b rb:border-b-[#DFE4ED]">{t('workflow.nodeProperties')}</div>
-      {!selectedNode
-        ? <Empty url={emptyIcon} size={140} className="rb:h-full rb:mx-15" title={t('workflow.empty')} />
-        : <div className="rb:h-[calc(100%-20px)] rb:overflow-x-hidden rb:overflow-y-auto">
-        <Form form={form} size="small" layout="vertical">
+    <div className={clsx("rb:h-[calc(100vh-88px)] rb:w-90 rb:fixed rb:right-2.5 rb:top-18.5 rb:bottom-2.5 rb:z-1000", styles.properties)}>
+      <RbCard
+        title={t('workflow.nodeProperties')}
+        extra={<Space>
+          <Dropdown
+            menu={{
+              items: [
+                { key: 'delete', icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/delete_dark.svg')]"></div>, label: <Flex>{t('common.delete')}</Flex> },
+                // { key: 'copy', icon: <div className="rb:size-4 rb:bg-cover rb:bg-[url('@/assets/images/common/copy_dark.svg')]"></div>, label: t('common.copy') }
+              ],
+              onClick: handleClick
+            }}
+          >
+            <div className="rb:cursor-pointer rb:size-4 rb:hover:bg-[#F6F6F6] rb:rounded-sm rb:bg-cover rb:bg-[url(@/assets/images/common/dash.svg)]">
+            </div>
+          </Dropdown>
+          <div className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/close.svg')]" onClick={blankClick}></div>
+        </Space>}
+        headerType="borderless"
+        headerClassName={clsx("rb:font-[MiSans-Bold] rb:font-bold rb:min-h-[48px]!")}
+        className="rb:h-full! rb:hover:shadow-none!"
+        bodyClassName={clsx('rb:overflow-y-auto! rb:h-[calc(100%-48px)]! rb:px-3! rb:pt-0! rb:pb-3!')}
+      >
+        <Form key={selectedNode?.getData()?.id} form={form} size="small" layout="vertical">
           <Form.Item name="name" label={t('workflow.nodeName')}>
             <Input
               placeholder={t('common.pleaseEnter')}
@@ -458,344 +487,374 @@ const Properties: FC<PropertiesProps> = ({
               <Button type="primary" size="small" className="rb:text-[12px]!" onClick={handleSureReplace}>{t('workflow.sureReplace')}</Button>
             </>
             : selectedNode?.data?.type === 'http-request'
-            ? <HttpRequest 
-                options={variableList} 
+              ? <HttpRequest
+                options={variableList}
                 selectedNode={selectedNode}
                 graphRef={graphRef}
               />
-            : selectedNode?.data?.type === 'tool'
-            ? <ToolConfig options={variableList} />
-            : selectedNode?.data?.type === 'jinja-render'
-            ? <JinjaRender
-              selectedNode={selectedNode}
-              options={getFilteredVariableList(selectedNode?.data?.type, 'mapping')}
-              templateOptions={getFilteredVariableList(selectedNode?.data?.type, 'template')}
-            />
-            : selectedNode?.data?.type === 'code'
-            ? <CodeExecution
-              selectedNode={selectedNode}
-              options={getFilteredVariableList(selectedNode?.data?.type, 'mapping')}
-            />
-            : configs && Object.keys(configs).length > 0 && Object.keys(configs).map((key) => {
-              const config = configs[key] || {}
-
-              if (config.dependsOn && (values as any)?.[config.dependsOn as string] !== config.dependsOnValue) {
-                return null
-              }
-
-              if (selectedNode?.data?.type === 'start' && key === 'variables' && config.type === 'define') {
-                return (
-                  <Form.Item key={key} name={key}>
-                    <VariableList
-                      parentName={key}
-                      selectedNode={selectedNode}
-                      config={config}
-                    />
-                  </Form.Item>
-                )
-              }
-
-              if (selectedNode?.data?.type === 'llm' && key === 'messages' && config.type === 'define') {
-                // 为llm节点且isArray=true时添加context变量支持
-                let contextVariableList = [...getFilteredVariableList('llm')];
-                const isArrayMode = config.isArray !== false; // 默认为true
-                
-                if (isArrayMode) {
-                  const contextKey = `${selectedNode.id}_context`;
-                  const hasContextVariable = contextVariableList.some(v => v.key === contextKey);
-                  
-                  if (!hasContextVariable) {
-                    contextVariableList.unshift({
-                      key: contextKey,
-                      label: 'context',
-                      type: 'variable',
-                      dataType: 'String',
-                      value: `context`,
-                      nodeData: selectedNode.getData(),
-                      isContext: true,
-                    });
-                  }
-                }
-                return (
-                  <Form.Item key={key} name={key}>
-                    <MessageEditor
-                      key={key}
-                      options={contextVariableList.filter(variable => variable.nodeData?.type !== 'knowledge-retrieval')} 
-                      parentName={key}
-                      placeholder={t(config.placeholder || 'common.pleaseSelect')}
-                      size="small"
-                    />
-                  </Form.Item>
-                )
-              }
-              if (selectedNode?.data?.type === 'iteration' && key === 'output_type') {
-                return (<Form.Item key={key} name={key} hidden />)
-              }
-              if (config.type === 'define') {
-                return null
-              }
-
-              if (config.type === 'knowledge') {
-                return (
-                  <Form.Item
-                    key={key}
-                    name={key}
-                  >
-                    <Knowledge />
-                  </Form.Item>
-                )
-              }
-
-              if (config.type === 'messageEditor') {
-                return (
-                  <Form.Item key={key} name={key} label={selectedNode?.data?.type === 'memory-write' ? t(`workflow.config.${selectedNode?.data?.type}.${key}`) : undefined }>
-                    <MessageEditor 
-                      title={t(`workflow.config.${selectedNode?.data?.type}.${key}`)}
-                      isArray={!!config.isArray} 
-                      parentName={key}
-                      language={config.language as LexicalEditorProps['language']}
-                      options={getFilteredVariableList(selectedNode?.data?.type, key)}
-                      titleVariant={config.titleVariant}
-                      size="small"
-                    />
-                  </Form.Item>
-                )
-              }
-
-              if (config.type === 'paramList') {
-                return (
-                  <Form.Item key={key} name={key}>
-                    <ParamsList
-                      label={t(`workflow.config.${selectedNode?.data?.type}.${key}`)}
-                    />
-                  </Form.Item>
-                
-                )
-              }
-              if (config.type === 'groupVariableList') {
-                return (
-                  <Form.Item key={key} name={key}>
-                    <GroupVariableList
-                      name={key}
-                      options={getFilteredVariableList(selectedNode?.data?.type, key)}
-                      isCanAdd={!!(values as any)?.group}
-                      size="small"
-                    />
-                  </Form.Item>
-                )
-              }
-              if (config.type === 'caseList') {
-                return (
-                  <Form.Item key={key} name={key}>
-                    <CaseList
-                      name={key}
-                      options={getFilteredVariableList(selectedNode?.data?.type, key)}
-                      selectedNode={selectedNode}
-                      graphRef={graphRef}
-                    />
-                  </Form.Item>
-                )
-              }
-              if (config.type === 'cycleVarsList') {
-                return (
-                  <Form.Item key={key} name={key}>
-                    <CycleVarsList
-                      size="small"
-                      parentName={key}
-                      options={getFilteredVariableList(selectedNode?.data?.type, key)}
-                    />
-                  </Form.Item>
-                )
-              }
-              if (config.type === 'assignmentList') {
-                return (
-                  <Form.Item key={key} name={key}>
-                    <AssignmentList
-                      parentName={key}
-                      options={(() => {
-                        if (config.filterLoopIterationVars) {
-                          const loopIterationVars: Suggestion[] = [];
-                          
-                          return [...getFilteredVariableList(selectedNode?.data?.type, key), ...loopIterationVars];
-                        }
-                        return getFilteredVariableList(selectedNode?.data?.type, key);
-                      })()
-                    }
+              : selectedNode?.data?.type === 'tool'
+                ? <ToolConfig options={variableList} />
+                : selectedNode?.data?.type === 'jinja-render'
+                  ? <JinjaRender
+                    selectedNode={selectedNode}
+                    options={getFilteredVariableList(selectedNode?.data?.type, 'mapping')}
+                    templateOptions={getFilteredVariableList(selectedNode?.data?.type, 'template')}
                   />
-                  </Form.Item>
-                )
-              }
-              if (config.type === 'memoryConfig') {
-                return (
-                  <Form.Item
-                    key={key}
-                    name={key}
-                    noStyle
-                  >
-                    <MemoryConfig
-                      parentName={key}
-                      options={getFilteredVariableList('llm')}
-                    />
-                  </Form.Item>
-                )
-              }
-              if (config.type === 'conditionList') {
-                return (
-                  <Form.Item
-                    key={key}
-                    name={key}
-                    noStyle
-                  >
-                    <ConditionList
-                      parentName={key}
-                      options={(() => {
-                        const cycleVars = values?.cycle_vars || [];
-                        const cycleVarSuggestions: Suggestion[] = cycleVars.filter(vo => vo.name && vo.name.trim() !== '').map((cycleVar: any) => ({
-                          key: `${selectedNode.id}_cycle_${cycleVar.name}`,
-                          label: cycleVar.name,
-                          type: 'variable',
-                          dataType: cycleVar.type || 'String',
-                          value: `${selectedNode.getData().id}.${cycleVar.name}`,
-                          nodeData: selectedNode.getData(),
-                        }));
-
-                        return [...getFilteredVariableList(selectedNode?.data?.type, key), ...cycleVarSuggestions];
-                      })()}
+                  : selectedNode?.data?.type === 'code'
+                    ? <CodeExecution
                       selectedNode={selectedNode}
-                      graphRef={graphRef}
-                      addBtnText={t('workflow.config.addCase')}
+                      options={getFilteredVariableList(selectedNode?.data?.type, 'mapping')}
                     />
-                  </Form.Item>
-                )
-              }
+                    : configs && Object.keys(configs).length > 0 && Object.keys(configs).map((key) => {
+                      const config = configs[key] || {}
 
-              if (key === 'vision_input' && !values?.vision) {
-                return null
-              }
+                      if (config.dependsOn && (values as any)?.[config.dependsOn as string] !== config.dependsOnValue) {
+                        return null
+                      }
 
-              return (
-                <Form.Item 
-                  key={key} 
-                  name={key}
-                  label={key === 'vision_input'
-                    ? undefined : key === 'parallel_count'
-                    ? <span className="rb:text-[10px] rb:text-[#5B6167] rb:leading-3.5 rb:-mb-1!">{t(`workflow.config.${selectedNode?.data?.type}.${key}`)}</span>
-                    : t(`workflow.config.${selectedNode?.data?.type}.${key}`)
-                  }
-                  layout={config.type === 'switch' ? 'horizontal' : 'vertical'}
-                  className={key === 'parallel_count' ? 'rb:-mt-3! rb:leading-3.5!' : ''}
-                  hidden={Boolean(config.hidden)}
-                >
-                  {config.type === 'input'
-                    ? <Input placeholder={t('common.pleaseEnter')} />
-                    : config.type === 'textarea'
-                    ? <Input.TextArea placeholder={t('common.pleaseEnter')} />
-                    : config.type === 'select'
-                    ? <Select
-                      options={config.needTranslation ? (config.options || []).map(vo => ({ ...vo, label: t(vo.label) })) : config.options}
-                      placeholder={t('common.pleaseSelect')}
-                    />
-                    : config.type === 'inputNumber'
-                    ? <InputNumber
-                        placeholder={t('common.pleaseEnter')}
-                        className="rb:w-full!"
-                        onChange={(value) => form.setFieldValue(key, value)}
-                      />
-                    : config.type === 'slider'
-                    ? <RbSlider min={config.min} max={config.max} step={config.step} />
-                    : config.type === 'customSelect'
-                    ? <CustomSelect
-                      placeholder={t('common.pleaseSelect')}
-                      url={config.url as string}
-                      params={config.params}
-                      hasAll={false}
-                      valueKey={config.valueKey}
-                      labelKey={config.labelKey}
-                      size="small"
-                    />
-                    : config.type === 'variableList'
-                    ? <VariableSelect
-                      placeholder={t(config.placeholder || 'common.pleaseSelect')}
-                      options={(() => {
-                        const baseVariableList = getFilteredVariableList(selectedNode?.data?.type, key);
-                        // Apply filtering if specified in config
-                        if (config.filterNodeTypes || config.filterVariableNames) {
-                          return baseVariableList.filter(variable => {
-                            const nodeTypeMatch = !config.filterNodeTypes ||
-                              (Array.isArray(config.filterNodeTypes) && config.filterNodeTypes.includes(variable.nodeData?.type));
-                            const variableNameMatch = !config.filterVariableNames ||
-                              (Array.isArray(config.filterVariableNames) && config.filterVariableNames.includes(variable.label));
-                            return nodeTypeMatch || variableNameMatch;
-                          });
+                      if (selectedNode?.data?.type === 'start' && key === 'variables' && config.type === 'define') {
+                        return (
+                          <Form.Item key={key} name={key} className="rb:mb-0!">
+                            <VariableList
+                              parentName={key}
+                              selectedNode={selectedNode}
+                              config={config}
+                            />
+                          </Form.Item>
+                        )
+                      }
+
+                      if (key === 'model_id' && selectedNode?.data?.type === 'llm') {
+                        return <ModelConfig key={key} />
+                      }
+                      if (selectedNode?.data?.type === 'llm' && key === 'messages' && config.type === 'define') {
+                        // 为llm节点且isArray=true时添加context变量支持
+                        let contextVariableList = [...getFilteredVariableList('llm')];
+                        const isArrayMode = config.isArray !== false; // 默认为true
+
+                        if (isArrayMode) {
+                          const contextKey = `${selectedNode.id}_context`;
+                          const hasContextVariable = contextVariableList.some(v => v.key === contextKey);
+
+                          if (!hasContextVariable) {
+                            contextVariableList.unshift({
+                              key: contextKey,
+                              label: 'context',
+                              type: 'variable',
+                              dataType: 'String',
+                              value: `context`,
+                              nodeData: selectedNode.getData(),
+                              isContext: true,
+                            });
+                          }
                         }
-                        if (config.onFilterVariableNames) {
-                          return baseVariableList.filter(variable => Array.isArray(config.onFilterVariableNames) && config.onFilterVariableNames.includes(variable.label));
-                        }
-                        // Filter child nodes for iteration output
-                        if (config.filterChildNodes && selectedNode) {
-                          const graph = graphRef.current;
-                          if (!graph) return [];
-                          
-                          const nodes = graph.getNodes();
-                          
-                          // Find child nodes whose cycle field equals parent node's ID
-                          const childNodes = nodes.filter(node => {
-                            const nodeData = node.getData();
-                            return nodeData?.cycle === selectedNode.id;
-                          });
-                          
-                          return baseVariableList.filter(variable => 
-                            childNodes.some(node => node.id === variable.nodeData?.id) || selectedNode?.data?.type === 'iteration' && key === 'output' && variable.value.includes('sys.')
-                          );
-                        }
-                        return baseVariableList;
-                      })()}
-                      onChange={(value, option) => handleChangeVariableList(value, option, key)}
-                      size="small"
-                    />
-                    : config.type === 'switch'
-                    ? <Switch onChange={
-                        key === 'group'
-                        ? () => { form.setFieldValue('group_variables', []) }
-                        : key === 'vision'
-                        ? () => { form.setFieldValue('vision_input', undefined) }
-                        : undefined
-                      } />
-                    : config.type === 'categoryList'
-                    ? <CategoryList 
-                      parentName={key} 
-                      selectedNode={selectedNode}
-                      graphRef={graphRef}
-                      options={getFilteredVariableList(selectedNode?.data?.type, key)}
-                    />
-                    : config.type === 'editor'
-                    ? <Editor options={variableList} variant="outlined" size="small" />
-                    : null
-                  }
-                </Form.Item>
-              )
-            })
+                        return (
+                          <Form.Item key={key} name={key}>
+                            <MessageEditor
+                              key={key}
+                              options={contextVariableList.filter(variable => variable.nodeData?.type !== 'knowledge-retrieval')}
+                              parentName={key}
+                              placeholder={t(config.placeholder || 'common.pleaseSelect')}
+                              size="small"
+                            />
+                          </Form.Item>
+                        )
+                      }
+                      if (selectedNode?.data?.type === 'iteration' && key === 'output_type') {
+                        return (<Form.Item key={key} name={key} hidden />)
+                      }
+                      if (config.type === 'define') {
+                        return null
+                      }
+
+                      if (config.type === 'knowledge') {
+                        return (
+                          <Form.Item
+                            key={key}
+                            name={key}
+                          >
+                            <Knowledge />
+                          </Form.Item>
+                        )
+                      }
+
+                      if (config.type === 'messageEditor') {
+                        return (
+                          <Form.Item key={key} name={key} label={selectedNode?.data?.type === 'memory-write' ? t(`workflow.config.${selectedNode?.data?.type}.${key}`) : undefined}>
+                            <MessageEditor
+                              title={t(`workflow.config.${selectedNode?.data?.type}.${key}`)}
+                              placeholder={t(config.placeholder || 'common.pleaseEnter')}
+                              isArray={!!config.isArray}
+                              parentName={key}
+                              language={config.language as LexicalEditorProps['language']}
+                              options={getFilteredVariableList(selectedNode?.data?.type, key)}
+                              titleVariant={config.titleVariant}
+                              size="small"
+                            />
+                          </Form.Item>
+                        )
+                      }
+
+                      if (config.type === 'paramList') {
+                        return (
+                          <Form.Item key={key} name={key}>
+                            <ParamsList
+                              label={t(`workflow.config.${selectedNode?.data?.type}.${key}`)}
+                            />
+                          </Form.Item>
+
+                        )
+                      }
+                      if (config.type === 'groupVariableList') {
+                        return (
+                          <Form.Item key={key} name={key}>
+                            <GroupVariableList
+                              name={key}
+                              options={getFilteredVariableList(selectedNode?.data?.type, key)}
+                              isCanAdd={!!(values as any)?.group}
+                              size="small"
+                            />
+                          </Form.Item>
+                        )
+                      }
+                      if (config.type === 'caseList') {
+                        return (
+                          <Form.Item key={key} name={key} noStyle>
+                            <CaseList
+                              name={key}
+                              options={getFilteredVariableList(selectedNode?.data?.type, key)}
+                              selectedNode={selectedNode}
+                              graphRef={graphRef}
+                            />
+                          </Form.Item>
+                        )
+                      }
+                      if (config.type === 'cycleVarsList') {
+                        return (
+                          <Form.Item key={key} name={key}>
+                            <CycleVarsList
+                              size="small"
+                              parentName={key}
+                              options={getFilteredVariableList(selectedNode?.data?.type, key)}
+                              selectedNode={selectedNode}
+                              graphRef={graphRef}
+                            />
+                          </Form.Item>
+                        )
+                      }
+                      if (config.type === 'assignmentList') {
+                        return (
+                          <Form.Item key={key} name={key}>
+                            <AssignmentList
+                              parentName={key}
+                              options={(() => {
+                                if (config.filterLoopIterationVars) {
+                                  const loopIterationVars: Suggestion[] = [];
+
+                                  return [...getFilteredVariableList(selectedNode?.data?.type, key), ...loopIterationVars];
+                                }
+                                return getFilteredVariableList(selectedNode?.data?.type, key);
+                              })()
+                              }
+                            />
+                          </Form.Item>
+                        )
+                      }
+                      if (config.type === 'memoryConfig') {
+                        return (
+                          <Form.Item
+                            key={key}
+                            name={key}
+                            noStyle
+                          >
+                            <MemoryConfig
+                              parentName={key}
+                              options={getFilteredVariableList('llm')}
+                            />
+                          </Form.Item>
+                        )
+                      }
+                      if (config.type === 'conditionList') {
+                        return (
+                          <Form.Item
+                            key={key}
+                            name={key}
+                            noStyle
+                          >
+                            <ConditionList
+                              parentName={key}
+                              options={(() => {
+                                const cycleVars = values?.cycle_vars || [];
+                                const cycleVarSuggestions: Suggestion[] = cycleVars.filter(vo => vo.name && vo.name.trim() !== '').map((cycleVar: any) => ({
+                                  key: `${selectedNode.id}_cycle_${cycleVar.name}`,
+                                  label: cycleVar.name,
+                                  type: 'variable',
+                                  dataType: cycleVar.type || 'String',
+                                  value: `${selectedNode.getData().id}.${cycleVar.name}`,
+                                  nodeData: selectedNode.getData(),
+                                }));
+
+                                return [...getFilteredVariableList(selectedNode?.data?.type, key), ...cycleVarSuggestions];
+                              })()}
+                              selectedNode={selectedNode}
+                              graphRef={graphRef}
+                              addBtnText={t('workflow.config.addCase')}
+                            />
+                          </Form.Item>
+                        )
+                      }
+
+                      if (key === 'vision_input' && !values?.vision) {
+                        return null
+                      }
+
+                      return (
+                        <Form.Item
+                          key={key}
+                          name={key}
+                          label={key === 'vision_input'
+                            ? undefined : key === 'parallel_count'
+                              ? <span className="rb:text-[10px] rb:text-[#5B6167] rb:leading-3.5 rb:-mb-1!">{t(`workflow.config.${selectedNode?.data?.type}.${key}`)}</span>
+                              : t(`workflow.config.${selectedNode?.data?.type}.${key}`)
+                          }
+                          layout={config.type === 'switch' ? 'horizontal' : 'vertical'}
+                          className={
+                            key === 'parallel' && values?.parallel
+                              ? 'rb:mb-1!'
+                              : key === 'vision' && values?.vision
+                                ? 'rb:mb-2!'
+                                : key === 'group' && values?.group
+                                  ? 'rb:mb-3!'
+                                  : ''
+                          }
+                          hidden={Boolean(config.hidden)}
+                        >
+                          {config.type === 'input'
+                            ? <Input placeholder={t('common.pleaseEnter')} />
+                            : config.type === 'textarea'
+                              ? <Input.TextArea placeholder={t('common.pleaseEnter')} />
+                              : config.type === 'select'
+                                ? <Select
+                                  options={config.needTranslation ? (config.options || []).map(vo => ({ ...vo, label: t(vo.label) })) : config.options}
+                                  placeholder={t('common.pleaseSelect')}
+                                />
+                                : config.type === 'inputNumber'
+                                  ? <InputNumber
+                                    placeholder={t('common.pleaseEnter')}
+                                    className="rb:w-full!"
+                                    onChange={(value) => form.setFieldValue(key, value)}
+                                  />
+                                  : config.type === 'slider'
+                                    ? <RbSlider
+                                      min={config.min}
+                                      max={config.max}
+                                      step={config.step || 0.01}
+                                      isInput={true}
+                                      size="small"
+                                    />
+                                    : config.type === 'modelSelect'
+                                      ? <ModelSelect
+                                        placeholder={t('common.pleaseSelect')}
+                                        params={config.params}
+                                        size="small"
+                                        className="rb:w-full!"
+                                      />
+                                      : config.type === 'customSelect'
+                                        ? <CustomSelect
+                                          placeholder={t('common.pleaseSelect')}
+                                          url={config.url as string}
+                                          params={config.params}
+                                          hasAll={false}
+                                          valueKey={config.valueKey}
+                                          labelKey={config.labelKey}
+                                          size="small"
+                                        />
+                                        : config.type === 'variableList'
+                                          ? <VariableSelect
+                                            placeholder={t(config.placeholder || 'common.pleaseSelect')}
+                                            options={(() => {
+                                              const baseVariableList = getFilteredVariableList(selectedNode?.data?.type, key);
+                                              // Apply filtering if specified in config
+                                              if (config.filterNodeTypes || config.filterVariableNames) {
+                                                return baseVariableList.filter(variable => {
+                                                  const nodeTypeMatch = !config.filterNodeTypes ||
+                                                    (Array.isArray(config.filterNodeTypes) && config.filterNodeTypes.includes(variable.nodeData?.type));
+                                                  const variableNameMatch = !config.filterVariableNames ||
+                                                    (Array.isArray(config.filterVariableNames) && config.filterVariableNames.includes(variable.label));
+                                                  return nodeTypeMatch || variableNameMatch;
+                                                });
+                                              }
+                                              if (config.onFilterVariableNames) {
+                                                return baseVariableList.filter(variable => Array.isArray(config.onFilterVariableNames) && config.onFilterVariableNames.includes(variable.label));
+                                              }
+                                              // Filter child nodes for iteration output
+                                              if (config.filterChildNodes && selectedNode) {
+                                                const graph = graphRef.current;
+                                                if (!graph) return [];
+
+                                                const nodes = graph.getNodes();
+
+                                                // Find child nodes whose cycle field equals parent node's ID
+                                                const childNodes = nodes.filter(node => {
+                                                  const nodeData = node.getData();
+                                                  return nodeData?.cycle === selectedNode.id;
+                                                });
+
+                                                return baseVariableList.filter(variable =>
+                                                  childNodes.some(node => node.id === variable.nodeData?.id) || selectedNode?.data?.type === 'iteration' && key === 'output' && variable.value.includes('sys.')
+                                                );
+                                              }
+                                              return baseVariableList;
+                                            })()}
+                                            onChange={(value, option) => handleChangeVariableList(value, option, key)}
+                                            size="small"
+                                          />
+                                          : config.type === 'switch'
+                                            ? <Switch onChange={
+                                              key === 'group'
+                                                ? () => { form.setFieldValue('group_variables', []) }
+                                                : key === 'vision'
+                                                  ? () => { form.setFieldValue('vision_input', undefined) }
+                                                  : undefined
+                                            } />
+                                            : config.type === 'categoryList'
+                                              ? <CategoryList
+                                                parentName={key}
+                                                selectedNode={selectedNode}
+                                                graphRef={graphRef}
+                                                options={getFilteredVariableList(selectedNode?.data?.type, key)}
+                                              />
+                                              : config.type === 'editor'
+                                                ? <Editor options={variableList} variant="outlined" size="small" placeholder={config.placeholder || t('common.pleaseEnter')} />
+                                                : null
+                          }
+                        </Form.Item>
+                      )
+                    })
           }
         </Form>
 
         {currentNodeVariables.length > 0 && !(!values?.group && selectedNode.getData().type === 'var-aggregator') &&
-          <div className="rb:pb-3">
-            <Divider />
-            <Space size={8} direction="vertical" className="rb:max-w-full!">
-              <div className="rb:font-medium rb:text-[12px] rb:leading-4.5 rb:cursor-pointer rb:ml-4" onClick={handleToggle}>
+          <div className="rb:text-[12px] rb:leading-4.5">
+            <Flex gap={8} vertical>
+              <Flex align="center" className="rb:font-medium rb:cursor-pointer" onClick={handleToggle}>
                 {t('workflow.config.output')}
-                {outputCollapsed ? <CaretRightOutlined /> : <CaretDownOutlined />}
-              </div>
+                <div
+                  className={clsx("rb:size-3 rb:bg-cover rb:bg-[url('@/assets/images/common/caret_right_outlined.svg')]", {
+                    'rb:rotate-90': !outputCollapsed
+                  })}
+                ></div>
+              </Flex>
               {!outputCollapsed && currentNodeVariables.map(vo => (
-                <div key={vo.value} className="rb:ml-4 rb:text-[12px] rb:flex rb:gap-2">
+                <Flex key={vo.value} gap={4}>
                   <span className="rb:font-medium">{vo.label}</span>
-                  <span className="rb:text-[#5B6167]">{vo.dataType}</span>
-                </div>
+                  <span className="rb:text-[#212332]">{vo.dataType}</span>
+                </Flex>
               ))}
-            </Space>
+            </Flex>
           </div>
         }
-      </div>}
+      </RbCard>
     </div>
   );
 };
diff --git a/web/src/views/Workflow/components/Properties/properties.module.css b/web/src/views/Workflow/components/Properties/properties.module.css
index 4820788f..66da00bf 100644
--- a/web/src/views/Workflow/components/Properties/properties.module.css
+++ b/web/src/views/Workflow/components/Properties/properties.module.css
@@ -7,51 +7,49 @@
 }
 .properties :global(.ant-input-outlined.ant-input-disabled),
 .properties :global(.ant-input-outlined[disabled]) {
-  background-color: #F6F8FC;
+  background-color: #F6F6F6;
 }
-.properties :global(.ant-select-single.ant-select-sm){
+.properties :global(.ant-select-single.ant-select-sm) {
+  height: 28px;
+}
+.properties :global(.ant-select-multiple.ant-select-sm .ant-select-selector) {
+  min-height: 28px;
+}
+.properties :global(.ant-select-multiple.ant-select-sm .ant-select-selection-item) {
+  height: 18px;
+}
+.properties :global(:not(.select).ant-select-single.ant-select-sm.ant-select-borderless) {
+  height: 22px;
+}
+.properties :global(.select.ant-select-single.ant-select-sm.ant-select-borderless) {
   height: 28px;
 }
 .properties :global(.ant-table-wrapper .ant-table-thead>tr>th),
 .properties :global(.ant-table-wrapper .ant-table-thead>tr>td),
-.properties :global(.ant-table-wrapper .ant-table) {
-  background-color: #F6F8FC;
-}
-.properties :global(.ant-table-wrapper .ant-table),
-.properties :global(.ant-table-container),
-.properties :global(.ant-table-wrapper table) {
-  border-radius: 6px;
-}
-.properties :global(.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:first-child) {
-  border-start-start-radius: 6px;
-}
-.properties :global(.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child) {
-  border-start-end-radius: 6px;
-}
-.properties :global(.ant-table-row:last-child .ant-table-cell:first-child) {
-  border-bottom-left-radius: 6px;
-}
-.properties :global(.ant-table-row:last-child .ant-table-cell:last-child) {
-  border-bottom-right-radius: 6px;
-}
-.properties :global(.ant-table-wrapper .ant-table) {
-  background: transparent;
-}
-.properties :global(.ant-table-wrapper .ant-table-container) {
-  border-start-start-radius: 6px;
-  border-start-end-radius: 6px;
-}
-.properties :global(.ant-table-container) {
-  /* border-left: none;
-  border-top: none;
-  border-bottom: none; */
-  border: none;
-}
+.properties :global(.ant-table-wrapper .ant-table-tbody>tr>td),
 .properties :global(.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>th),
 .properties :global(.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td),
 .properties :global(.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder),
-.properties :global(.ant-table-wrapper .ant-table) {
-  background-color: #F6F8FC;
+.properties :global(.ant-table-wrapper .ant-table-wrapper .ant-table-thead>tr>th),
+.properties :global(.ant-table-wrapper .ant-table-thead>tr>td) 
+.properties :global(.ant-table-wrapper .ant-table),
+.properties :global(.ant-table-container),
+.properties :global(.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover) {
+  background-color: transparent;
+  border: none;
+}
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-title),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-footer),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-cell),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-thead>tr>th),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody>tr>th),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody>tr>td),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small tfoot>tr>th),
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small tfoot>tr>td) {
+  padding: 0;
+}
+.properties :global(.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody>tr>td) {
+  padding: 4px 4px 0 0;
 }
 .properties :global(.ant-form-item-horizontal.ant-form-item .ant-form-item-control-input-content:has(> .ant-switch:only-child, > .ant-rate:only-child)) {
   display: flex;
@@ -62,12 +60,15 @@
 }
 .properties :global(.ant-form-item) {
   margin-bottom: 16px;
+  line-height: 17px;
 }
 .properties :global(.ant-form-item .ant-form-item-label>label) {
   font-weight: 500;
   font-size: 12px;
+  height: 17px;
 }
 .properties :global(.ant-select-single.ant-select-sm .ant-select-selector),
+.properties :global(.ant-select-multiple.ant-select-sm .ant-select-selector),
 .properties :global(.ant-select-dropdown .ant-select-item),.properties :global(.ant-input-number-sm) {
   font-size: 12px;
 }
@@ -77,7 +78,7 @@
 .properties :global(.ant-slider-horizontal .ant-slider-step) {
   height: 6px;
 }
-.properties :global(.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector) {
+.properties :global(.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector){
   padding: 0 4px 0 6px ;
 }
 .properties :global(.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item),
@@ -88,6 +89,72 @@
   font-size: 10px;
   inset-inline-end: 6px;
 }
+.properties :global(.ant-select-multiple.ant-select-sm .ant-select-selector) {
+  padding-block: 2px;
+}
 .properties :global(.ant-input-sm) {
   padding: 3.6px 7px;
+}
+.properties :global(.ant-divider) {
+  border-block-start: 1px solid #EBEBEB;
+}
+.properties :global(.ant-switch.ant-switch-small) {
+  height: 16px;
+  line-height: 16px;
+}
+.properties :global(.ant-switch.ant-switch-small .ant-switch-handle) {
+  width: 13.6px;
+  height: 13.6px;
+  top: 1.5px;
+  inset-inline-start: 1.5px;
+}
+.properties :global(.ant-switch.ant-switch-small.ant-switch-checked .ant-switch-handle) {
+  inset-inline-start: calc(100% - 15px);
+}
+.properties :global(.ant-select .ant-select-selection-item) {
+  font-weight: 500;
+}
+.properties :global(.ant-input-number-sm) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.properties :global(.select.ant-select-borderless .ant-select-selector) {
+  background: #F6F6F6 !important;
+}
+.properties :global(.ant-radio-group) {
+  display: grid;
+  grid-template-columns: 48px 73px 172px;
+  gap: 8px 18px;
+}
+.properties :global(.ant-radio-wrapper) {
+  font-size: 12px;
+  line-height: 18px;
+  margin-inline-end: 0;
+}
+.properties :global(.ant-radio-wrapper .ant-radio-inner) {
+  width: 12px;
+  height: 12px;
+  border-color: #A8A9AA;
+}
+.properties :global(.ant-radio-wrapper .ant-radio-inner::after) {
+  width: 12px;
+  height: 12px;
+  margin-block-start: -6px;
+  margin-inline-start: -6px;
+}
+.properties :global(.ant-radio-wrapper .ant-radio-checked .ant-radio-inner) {
+  border-color: #171719;
+}
+.properties :global(.ant-radio-wrapper .ant-radio-checked::after) {
+  border: 4px solid #171719;
+}
+.properties :global(.ant-radio-wrapper span.ant-radio+*) {
+  padding-inline-start: 3px;
+  padding-inline-end: 0;
+}
+.properties :global(.ant-select-multiple.ant-select-sm .ant-select-selection-overflow .ant-select-selection-item) {
+  padding-inline-start: 0px;
+  border-radius: 4px;
+  margin-block: 0px;
 }
\ No newline at end of file
diff --git a/web/src/views/Workflow/constant.ts b/web/src/views/Workflow/constant.ts
index abf677d9..d62ef06f 100644
--- a/web/src/views/Workflow/constant.ts
+++ b/web/src/views/Workflow/constant.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 15:06:18 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-17 09:59:56
+ * @Last Modified time: 2026-03-27 18:30:52
  */
 import LoopNode from './components/Nodes/LoopNode';
 import NormalNode from './components/Nodes/NormalNode';
@@ -14,45 +14,28 @@ import type { PortMetadata, GroupMetadata } from '@antv/x6/lib/model/port';
 import type { ReactShapeConfig } from '@antv/x6-react-shape';
 
 // Import workflow icons
-import startIcon from '@/assets/images/workflow/start.png';
-import endIcon from '@/assets/images/workflow/end.png';
-// import answerIcon from '@/assets/images/workflow/answer.png';
-import llmIcon from '@/assets/images/workflow/llm.png';
-// import modelSelectionIcon from '@/assets/images/workflow/model_selection.png';
-// import modelVotingIcon from '@/assets/images/workflow/model_voting.png';
-import ragIcon from '@/assets/images/workflow/rag.png';
-// import classificationIcon from '@/assets/images/workflow/classification.png';
-import parameterExtractionIcon from '@/assets/images/workflow/parameter_extraction.png';
-// import taskPlanningIcon from '@/assets/images/workflow/task_planning.png';
-// import reasoningControlIcon from '@/assets/images/workflow/reasoning_control.png';
-// import selfReflectionIcon from '@/assets/images/workflow/self_reflection.png';
-// import memoryEnhancementIcon from '@/assets/images/workflow/memory_enhancement.png';
-// import agentSchedulingIcon from '@/assets/images/workflow/agent_scheduling.png';
-// import agentCollaborationIcon from '@/assets/images/workflow/agent_collaboration.png';
-// import agentArbitrationIcon from '@/assets/images/workflow/agent_arbitration.png';
-import conditionIcon from '@/assets/images/workflow/condition.png';
-import iterationIcon from '@/assets/images/workflow/iteration.png';
-import loopIcon from '@/assets/images/workflow/loop.png';
-// import parallelIcon from '@/assets/images/workflow/parallel.png';
-import aggregatorIcon from '@/assets/images/workflow/aggregator.png';
-import httpRequestIcon from '@/assets/images/workflow/http_request.png';
-import toolsIcon from '@/assets/images/workflow/tools.png';
-import codeExecutionIcon from '@/assets/images/workflow/code_execution.png';
-import templateRenderingIcon from '@/assets/images/workflow/template_rendering.png';
-// import sensitiveDetectionIcon from '@/assets/images/workflow/sensitive_detection.png';
-// import outputAuditIcon from '@/assets/images/workflow/output_audit.png';
-// import selfOptimizationIcon from '@/assets/images/workflow/self_optimization.png';
-// import processEvolutionIcon from '@/assets/images/workflow/process_evolution.png';
-import questionClassifierIcon from '@/assets/images/workflow/question-classifier.png'
-import breakIcon from '@/assets/images/workflow/break.png'
-import assignerIcon from '@/assets/images/workflow/assigner.png'
-import memoryReadIcon from '@/assets/images/workflow/memory-read.png'
-import memoryWriteIcon from '@/assets/images/workflow/memory-write.png'
+import startIcon from '@/assets/images/workflow/start.svg';
+import endIcon from '@/assets/images/workflow/end.svg';
+import llmIcon from '@/assets/images/workflow/llm.svg';
+import ragIcon from '@/assets/images/workflow/rag.svg';
+import parameterExtractionIcon from '@/assets/images/workflow/parameter_extraction.svg';
+import conditionIcon from '@/assets/images/workflow/condition.svg';
+import iterationIcon from '@/assets/images/workflow/iteration.svg';
+import loopIcon from '@/assets/images/workflow/loop.svg';
+import aggregatorIcon from '@/assets/images/workflow/aggregator.svg';
+import httpRequestIcon from '@/assets/images/workflow/http_request.svg';
+import toolsIcon from '@/assets/images/workflow/tools.svg';
+import codeExecutionIcon from '@/assets/images/workflow/code_execution.svg';
+import templateRenderingIcon from '@/assets/images/workflow/template_rendering.svg';
+import questionClassifierIcon from '@/assets/images/workflow/question-classifier.svg'
+import breakIcon from '@/assets/images/workflow/break.svg'
+import assignerIcon from '@/assets/images/workflow/assigner.svg'
+import memoryReadIcon from '@/assets/images/workflow/memory-read.svg'
+import memoryWriteIcon from '@/assets/images/workflow/memory-write.svg'
 import unknownIcon from '@/assets/images/workflow/unknown.svg'
+import documentExtractorIcon from '@/assets/images/workflow/document-extractor.svg'
 
 import { memoryConfigListUrl } from '@/api/memory'
-
-import { getModelListUrl } from '@/api/models'
 import type { NodeLibrary } from './types'
 
 /**
@@ -120,21 +103,20 @@ export const nodeLibrary: NodeLibrary[] = [
       { type: "llm", icon: llmIcon,
         config: {
           model_id: {
-            type: 'customSelect',
-            url: getModelListUrl,
-            params: { type: 'llm,chat', pagesize: 100, is_active: true }, // llm/chat
+            type: 'define',
+            params: { type: 'llm,chat' }, // llm/chat
             valueKey: 'id',
             labelKey: 'name',
           },
           temperature: {
-            type: 'slider',
+            type: 'define',
             max: 2, 
             min: 0, 
             step: 0.1,
             defaultValue: 0.7
           },
           max_tokens: { 
-            type: 'slider', 
+            type: 'define',
             max: 32000, 
             min: 256, 
             step: 1, 
@@ -172,8 +154,6 @@ export const nodeLibrary: NodeLibrary[] = [
           }
         }
       },
-      // { type: "model_selection", icon: modelSelectionIcon },
-      // { type: "model_voting", icon: modelVotingIcon },
       { type: "knowledge-retrieval", icon: ragIcon,
         config: {
           query: {
@@ -184,15 +164,11 @@ export const nodeLibrary: NodeLibrary[] = [
           }
         }
       },
-      // { type: "classification", icon: classificationIcon },
       { type: "parameter-extractor", icon: parameterExtractionIcon,
         config: {
           model_id: {
-            type: 'customSelect',
-            url: getModelListUrl,
-            params: { type: 'llm,chat', pagesize: 100, is_active: true }, // llm/chat
-            valueKey: 'id',
-            labelKey: 'name',
+            type: 'modelSelect',
+            params: { type: 'llm,chat' }, // llm/chat
           },
           text: {
             type: 'variableList',
@@ -261,14 +237,6 @@ export const nodeLibrary: NodeLibrary[] = [
       },
     ]
   },
-  // {
-  //   category: "agentCollaborationNode",
-  //   nodes: [
-  //     { type: "agent_scheduling", icon: agentSchedulingIcon },
-  //     { type: "agent_collaboration", icon: agentCollaborationIcon },
-  //     { type: "agent_arbitration", icon: agentArbitrationIcon }
-  //   ]
-  // },
   {
     category: "flowControl",
     nodes: [
@@ -288,11 +256,8 @@ export const nodeLibrary: NodeLibrary[] = [
       { type: "question-classifier", icon: questionClassifierIcon,
         config: {
           model_id: {
-            type: 'customSelect',
-            url: getModelListUrl,
-            params: { type: 'llm,chat', pagesize: 100, is_active: true }, // llm/chat
-            valueKey: 'id',
-            labelKey: 'name',
+            type: 'modelSelect',
+            params: { type: 'llm,chat' }, // llm/chat
           },
           input_variable: {
             type: 'variableList',
@@ -307,7 +272,8 @@ export const nodeLibrary: NodeLibrary[] = [
           user_supplement_prompt: {
             type: 'messageEditor',
             isArray: false,
-            titleVariant: 'borderless'
+            titleVariant: 'borderless',
+            placeholder: 'common.pleaseEnter'
           }
         }
       },
@@ -367,9 +333,8 @@ export const nodeLibrary: NodeLibrary[] = [
           },
         }
       },
-      { type: "cycle-start", icon: loopIcon },
+      { type: "cycle-start", icon: startIcon },
       { type: "break", icon: breakIcon },
-      // { type: "parallel", icon: parallelIcon },
       { type: "var-aggregator", icon: aggregatorIcon,
         config: {
           group: {
@@ -509,22 +474,17 @@ export const nodeLibrary: NodeLibrary[] = [
           },
         }
       },
+      { type: "document-extractor", icon: documentExtractorIcon,
+        config: {
+          file_selector: {
+            type: 'variableList',
+            placeholder: 'common.pleaseSelect',
+            onFilterVariableNames: ['sys.files']
+          }
+        }
+      },
     ]
   },
-  // {
-  //   category: "safetyAndCompliance",
-  //   nodes: [
-  //     { type: "sensitive_detection", icon: sensitiveDetectionIcon },
-  //     { type: "output_audit", icon: outputAuditIcon }
-  //   ]
-  // },
-  // {
-  //   category: "evolutionAndGovernance",
-  //   nodes: [
-  //     { type: "self_optimization", icon: selfOptimizationIcon },
-  //     { type: "process_evolution", icon: processEvolutionIcon }
-  //   ]
-  // },
 ];
 
 export const THEME_MAP: Record<string, { outer: string; title: string; bg: string; border: string }> = {
@@ -603,6 +563,10 @@ export const noteNode = {
 }
 
 export const nodeWidth = 240;
+
+export const conditionNodePortItemArgsY = 60;
+export const conditionNodeItemHeight = 26;
+export const conditionNodeHeight = 110;
 /**
  * Node registration library for X6 graph
  * Maps node shapes to their React components
@@ -629,19 +593,19 @@ export const nodeRegisterLibrary: ReactShapeConfig[] = [
   {
     shape: 'condition-node',
     width: nodeWidth,
-    height: 88,
+    height: conditionNodeHeight,
     component: ConditionNode,
   },
   {
     shape: 'cycle-start',
-    width: 44,
-    height: 44,
+    width: 36,
+    height: 36,
     component: GroupStartNode,
   },
   {
     shape: 'add-node',
-    width: 88,
-    height: 44,
+    width: 100,
+    height: 28,
     component: AddNode,
   },
   {
@@ -677,10 +641,12 @@ interface NodeConfig {
 }
 
 /** Edge color for normal state */
-export const edge_color = '#155EEF';
+export const edge_color = '#D4D5D9';
 /** Edge color for selected state */
-export const edge_selected_color = '#4DA8FF'
-
+export const edge_selected_color = '#171719'
+export const edge_width = 2;
+/** Port color */
+export const port_color = '#171719'
 /**
  * Unified port markup configuration
  * Defines SVG elements for port rendering
@@ -704,9 +670,9 @@ export const portAttrs = {
   body: {
     r: 6, 
     magnet: true, 
-    stroke: edge_color, 
-    strokeWidth: 2, 
-    fill: edge_color,
+    stroke: port_color, 
+    strokeWidth: edge_width, 
+    fill: port_color,
   },
   label: {
     text: '+',
@@ -719,36 +685,33 @@ export const portAttrs = {
   },
 }
 export const portTextAttrs = { fontSize: 12, fill: '#5B6167' }
+/**
+ * Port position arguments
+ */
+export const portItemArgsY = 26;
+export const portArgs = { x: nodeWidth, y: portItemArgsY }
+
+const defaultPortGroup = {
+  position: { name: 'absolute' },
+  markup: portMarkup,
+  attrs: portAttrs
+}
 
 /**
  * Unified port group configuration
  * Defines port positions and attributes for different sides
  */
-const defaultPortGroups = {
-  // top: { position: 'top', markup: portMarkup, attrs: portAttrs },
-  right: { position: 'right', markup: portMarkup, attrs: portAttrs },
-  // bottom: { position: 'bottom', markup: portMarkup, attrs: portAttrs },
-  left: { position: 'left', markup: portMarkup, attrs: portAttrs },
-}
 export const defaultAbsolutePortGroups = {
-  // top: { position: 'top', markup: portMarkup, attrs: portAttrs },
-  right: { position: { name: 'absolute' }, markup: portMarkup, attrs: portAttrs },
-  // bottom: { position: 'bottom', markup: portMarkup, attrs: portAttrs },
-  left: { position: 'left', markup: portMarkup, attrs: portAttrs },
+  right: defaultPortGroup,
+  left: defaultPortGroup,
 }
 /**
  * Default port items for standard nodes
  */
-const defaultPortItems = [
-  // { group: 'top' },
-  { group: 'right' },
-  // { group: 'bottom' },
-  { group: 'left' }
+export const defaultPortItems = [
+  { group: 'left', args: { x: 0, y: portItemArgsY }, },
+  { group: 'right', args: { x: nodeWidth, y: portItemArgsY }, },
 ];
-/**
- * Port position arguments
- */
-export const portArgs = { x: nodeWidth, y: 42 }
 
 /**
  * Graph node library configuration
@@ -757,123 +720,121 @@ export const portArgs = { x: nodeWidth, y: 42 }
 export const graphNodeLibrary: Record<string, NodeConfig> = {
   iteration: {
     width: nodeWidth,
-    height: 120,
+    height: 140,
     shape: 'iteration-node',
     ports: {
-      groups: defaultPortGroups,
+      groups: defaultAbsolutePortGroups,
       items: defaultPortItems,
     },
   },
   loop: {
     width: nodeWidth,
-    height: 120,
+    height: 140,
     shape: 'loop-node',
     ports: {
-      groups: defaultPortGroups,
+      groups: defaultAbsolutePortGroups,
       items: defaultPortItems,
     },
   },
   'if-else': {
     width: nodeWidth,
-    height: 88,
+    height: conditionNodeHeight,
     shape: 'condition-node',
     ports: {
       groups: defaultAbsolutePortGroups,
       items: [
-        { group: 'left' },
-        ...(['IF', 'ELSE'].map((text, index) => ({
+        defaultPortItems[0],
+        ...(['IF', 'ELSE'].map((_, index) => ({
           group: 'right',
           id: `CASE${index + 1}`,
           args: {
             ...portArgs,
-            y: 30 * index + 42,
+            y: portItemArgsY * index + conditionNodePortItemArgsY,
           },
-          attrs: { text: { text: text, ...portTextAttrs } }
         }))),
       ],
     },
   },
   'question-classifier': {
     width: nodeWidth,
-    height: 88,
+    height: conditionNodeHeight,
     shape: 'condition-node',
     ports: {
       groups: defaultAbsolutePortGroups,
       items: [
-        { group: 'left' },
-        ...(['分类1', '分类2'].map((text, index) => ({
+        defaultPortItems[0],
+        ...(['分类1', '分类2'].map((_text, index) => ({
           group: 'right',
           id: `CASE${index + 1}`,
           args: {
             ...portArgs,
-            y: 30 * index + 42,
+            y: portItemArgsY * index + conditionNodePortItemArgsY,
           },
-          attrs: { text: { text: text, ...portTextAttrs } }
         }))),
       ],
     },
   },
   start: {
     width: nodeWidth,
-    height: 64,
+    height: 76,
     shape: 'normal-node',
     ports: {
-      groups: {right: { position: 'right', markup: portMarkup, attrs: portAttrs }},
-      items: [{ group: 'right' }],
-    },
-  },
-  end: {
-    width: nodeWidth,
-    height: 64,
-    shape: 'normal-node',
-    ports: {
-      groups: {left: { position: 'left', markup: portMarkup, attrs: portAttrs }},
-      items: [{ group: 'left' }],
+      groups: { right: defaultPortGroup},
+      items: [defaultPortItems[1]],
     },
   },
   'cycle-start': {
-    width: 44,
-    height: 44,
+    width: 36,
+    height: 36,
     shape: 'cycle-start',
     ports: {
-      groups: {right: { position: 'right', markup: portMarkup, attrs: portAttrs }},
-      items: [{ group: 'right' }],
+      groups: { right: defaultPortGroup },
+      items: [{ group: 'right', args: { x: 36, y: 18 } }],
     },
   },
   'add-node': {
-    width: 88,
-    height: 44,
+    width: 100,
+    height: 28,
     shape: 'add-node',
     ports: {
-      groups: {left: { position: 'left', markup: portMarkup, attrs: portAttrs }},
-      items: [{ group: 'left' }],
+      groups: { left: defaultPortGroup },
+      items: [{ group: 'left', args: { x: 0, y: 18 }}],
     },
   },
   default: {
     width: nodeWidth,
-    height: 64,
+    height: 76,
     shape: 'normal-node',
     ports: {
-      groups: defaultPortGroups,
+      groups: defaultAbsolutePortGroups,
       items: defaultPortItems,
     },
   },
   cycleStart: {
-    width: 44,
-    height: 44,
+    width: 36,
+    height: 36,
     shape: 'cycle-start',
     ports: {
-      groups: {right: { position: 'right', markup: portMarkup, attrs: portAttrs }},
-      items: [{ group: 'right' }],
+      groups: { right: defaultPortGroup },
+      items: [{ group: 'right', args: { x: 36, y: 18 }}],
     },
   },
   addStart: {
-    width: 88,
-    height: 44,
+    width: 100,
+    height: 28,
     shape: 'add-node',
     ports: {
-      groups: {left: { position: 'left', markup: portMarkup, attrs: portAttrs }},
-      items: [{ group: 'left' }],
+      groups: { left: defaultPortGroup },
+      items: [{ group: 'left', args: { x: 0, y: 14 } }],
+    },
+  },
+  break: {
+    width: nodeWidth,
+    height: 76,
+    shape: 'normal-node',
+    ports: {
+      groups: { left: defaultPortGroup },
+      items: [defaultPortItems[0]],
     },
   },
   notes: {
@@ -907,100 +868,6 @@ export interface OutputVariable {
   }>;
 }
 
-/**
- * Output variable definitions for each node type
- * Specifies what variables each node produces
- */
-export const outputVariable: { [key: string]: OutputVariable } = {
-  start: {
-    sys: [
-      { name: "message", type: "string" },
-      { name: "conversation_id", type: "string" },
-      { name: "execution_id", type: "string", },
-      { name: "workspace_id", type: "string" },
-      { name: "user_id", type: "string" },
-    ],
-    define: ['variables']
-  },
-  end: {
-  },
-  llm: {
-    default: [
-      { name: "output", type: "string" },
-    ]
-  },
-  'knowledge-retrieval': {
-    default: [
-      { name: "output", type: "array[object]" },
-    ]
-  },
-  'parameter-extractor': {
-    default: [
-      { name: "__is_success", type: "number" },
-      { name: "__reason", type: "string" },
-    ],
-    define: ['params']
-  },
-  'memory-read': {
-    default: [
-      { name: "answer", type: "string" },
-      { name: "intermediate_outputs", type: "array[object]" },
-    ],
-  },
-  'memory-write': {
-
-  },
-  'if-else': {
-
-  },
-  'question-classifier': {
-    default: [
-      { name: "class_name", type: "string" },
-      // { name: "output", type: "string" },
-    ],
-  },
-  'iteration': {
-    default: [
-      // { name: "item", type: "string" }, // 仅内部使用
-      { name: "output", type: "array[string]" },
-    ],
-  },
-  'loop': {
-    define: ['cycle_vars']
-  },
-  'cycle-start': {
-
-  },
-  'break': {
-
-  },
-  'var-aggregator': {
-    // default: [
-    //   { name: "output", type: "string" },
-    // ],
-    define: ['group_variables']
-  },
-  'assigner': {
-
-  },
-  'http-request': {
-    default: [
-      { name: "body", type: "string" },
-      { name: "status_code", type: "number" },
-    ],
-  },
-  'tool': {
-    default: [
-      { name: "data", type: "string" },
-    ],
-  },
-  'jinja-render': {
-    default: [
-      { name: "output", type: "string" },
-    ],
-  },
-}
-
 /**
  * Default edge attributes configuration
  * Defines visual styling for edges/connections
@@ -1009,7 +876,7 @@ export const edgeAttrs = {
   attrs: {
     line: {
       stroke: edge_color,
-      strokeWidth: 1,
+      strokeWidth: edge_width,
       targetMarker: {
         name: 'block',
         width: 4,
diff --git a/web/src/views/Workflow/hooks/useWorkflowGraph.ts b/web/src/views/Workflow/hooks/useWorkflowGraph.ts
index 7f0843aa..626165da 100644
--- a/web/src/views/Workflow/hooks/useWorkflowGraph.ts
+++ b/web/src/views/Workflow/hooks/useWorkflowGraph.ts
@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 15:17:48 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-18 16:08:17
+ * @Last Modified time: 2026-03-27 18:14:38
  */
 import { useRef, useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
@@ -12,11 +12,12 @@ import { Graph, Node, MiniMap, Snapline, Clipboard, Keyboard, type Edge } from '
 import { register } from '@antv/x6-react-shape';
 import type { PortMetadata } from '@antv/x6/lib/model/port';
 
-import { nodeRegisterLibrary, graphNodeLibrary, nodeLibrary, portMarkup, portAttrs, edgeAttrs, edge_color, edge_selected_color, portTextAttrs, defaultAbsolutePortGroups, nodeWidth, unknownNode, notesConfig } from '../constant';
+import { nodeRegisterLibrary, graphNodeLibrary, nodeLibrary, portMarkup, portAttrs, edgeAttrs, edge_color, edge_selected_color, portTextAttrs, defaultAbsolutePortGroups, nodeWidth, unknownNode, defaultPortItems, portItemArgsY, edge_width, conditionNodePortItemArgsY, conditionNodeItemHeight, conditionNodeHeight, notesConfig } from '../constant';
 import type { WorkflowConfig, NodeProperties, ChatVariable } from '../types';
 import { getWorkflowConfig, saveWorkflowConfig } from '@/api/application'
 import { useUser } from '@/store/user';
 import type { FeaturesConfigForm } from '@/views/ApplicationConfig/types'
+import { calcConditionNodeTotalHeight, getConditionNodeCasePortY } from '../utils'
 
 /**
  * Props for useWorkflowGraph hook
@@ -71,6 +72,7 @@ export interface UseWorkflowGraphReturn {
 
   handleAddNotes: () => void;
   handleSaveFeaturesConfig: (value: FeaturesConfigForm) => void;
+  features?: FeaturesConfigForm;
 }
 
 /**
@@ -99,6 +101,7 @@ export const useWorkflowGraph = ({
   const [isHandMode, setIsHandMode] = useState(true);
   const [config, setConfig] = useState<WorkflowConfig | null>(null);
   const [chatVariables, setChatVariables] = useState<ChatVariable[]>([])
+  const featuresRef = useRef<FeaturesConfigForm | undefined>(undefined)
 
   useEffect(() => {
     getConfig()
@@ -120,6 +123,7 @@ export const useWorkflowGraph = ({
         })
         setChatVariables(initChatVariables)
         setConfig({ ...rest, variables: initChatVariables })
+        featuresRef.current = rest.features
         onFeaturesLoad?.(rest.features)
       })
   }
@@ -140,8 +144,8 @@ export const useWorkflowGraph = ({
         const { id, type, name, position, config = {} } = node
         let nodeLibraryConfig: NodeProperties | undefined = [...nodeLibrary, { nodes: [unknownNode, notesConfig] }]
           .flatMap(category => category.nodes)
-          .find(n => n.type === type)
-        nodeLibraryConfig = JSON.parse(JSON.stringify({ config: {}, ...nodeLibraryConfig })) as NodeProperties
+          .find(n => n.type === type) as NodeProperties
+        nodeLibraryConfig = JSON.parse(JSON.stringify({ ...nodeLibraryConfig, config: nodeLibraryConfig.config || {} }))
 
         if (nodeLibraryConfig?.config) {
           Object.keys(nodeLibraryConfig.config).forEach(key => {
@@ -218,11 +222,9 @@ export const useWorkflowGraph = ({
         // Generate ports dynamically for if-else node based on cases
         if (type === 'if-else' && config.cases && Array.isArray(config.cases)) {
           const totalPorts = config.cases.length + 1; // IF/ELIF + ELSE
-          const baseHeight = 88;
-          const newHeight = baseHeight + (totalPorts - 2) * 30;
           
           const portItems: PortMetadata[] = [
-            { group: 'left' },
+            defaultPortItems[0],
           ];
           // Add IF/ELIF/ELSE ports
           for (let i = 0; i < totalPorts; i++) {
@@ -231,9 +233,8 @@ export const useWorkflowGraph = ({
               id: `CASE${i + 1}`,
               args: {
                 x: nodeWidth,
-                y: 30 * i + 42,
+                y: getConditionNodeCasePortY(config.cases, i),
               },
-              attrs: { text: { text: i === 0 ? 'IF' : i === totalPorts - 1 ? 'ELSE' : 'ELIF', ...portTextAttrs } }
             });
           }
           
@@ -242,17 +243,16 @@ export const useWorkflowGraph = ({
             items: portItems
           };
           
-          nodeConfig.height = newHeight;
+          nodeConfig.height = calcConditionNodeTotalHeight(config.cases);
         }
         
         // Generate ports dynamically for question-classifier node based on categories
         if (type === 'question-classifier' && config.categories && Array.isArray(config.categories)) {
           const categoryCount = config.categories.length;
-          const baseHeight = 88;
-          const newHeight = baseHeight + (categoryCount - 2) * 30;
+          const newHeight = conditionNodeHeight + (categoryCount - 2) * conditionNodeItemHeight;
           
           const portItems: PortMetadata[] = [
-            { group: 'left' }
+            defaultPortItems[0]
           ];
           
           // Add category ports
@@ -262,9 +262,8 @@ export const useWorkflowGraph = ({
               id: `CASE${index + 1}`,
               args: {
                 x: nodeWidth,
-                y: 30 * index + 42,
+                y: portItemArgsY * index + conditionNodePortItemArgsY,
               },
-              attrs: { text: { text: `分类${index + 1}`, ...portTextAttrs }}
             });
           });
           
@@ -277,16 +276,22 @@ export const useWorkflowGraph = ({
         }
         
         // Check error_handle.method config for http-request node
-        if (type === 'http-request' && (config as any).error_handle?.method === 'branch') {
+        if (type === 'http-request' && (nodeConfig as any).error_handle?.method === 'branch') {
           nodeConfig.ports = {
             groups: {
               right: { position: 'right', markup: portMarkup, attrs: portAttrs },
               left: { position: 'left', markup: portMarkup, attrs: portAttrs },
             },
             items: [
-              { group: 'left' },
-              { group: 'right', id: 'right' },
-              { group: 'right', id: 'ERROR', attrs: { text: { text: t('workflow.config.http-request.errorBranch'), ...portTextAttrs }}}
+              defaultPortItems[0],
+              { ...defaultPortItems[1], id: 'right' },
+              {
+                ...defaultPortItems[1],
+                args: {
+                  x: nodeWidth,
+                  y: portItemArgsY + portItemArgsY,
+                },
+                id: 'ERROR', attrs: { text: { text: t('workflow.config.http-request.errorBranch'), ...portTextAttrs }}}
             ]
           };
         }
@@ -343,6 +348,14 @@ export const useWorkflowGraph = ({
               console.log('newWidth', newHeight, newWidth)
               
               parentNode.prop('size', { width: newWidth, height: newHeight })
+              
+              // Update x position of right group ports
+              const ports = (parentNode as Node).getPorts()
+              ports.forEach(port => {
+                if (port.group === 'right' && port.args) {
+                  (parentNode as Node).portProp(port.id!, 'args/x', newWidth)
+                }
+              })
             }
           }
         })
@@ -499,6 +512,7 @@ export const useWorkflowGraph = ({
       ...nodeData,
       isSelected: true,
     });
+    clearEdgeSelect()
     if (nodeData.type !== 'notes') {
       setSelectedNode(node);
     }
@@ -534,7 +548,7 @@ export const useWorkflowGraph = ({
   const clearEdgeSelect = () => {
     graphRef.current?.getEdges().forEach(e => {
       e.setAttrByPath('line/stroke', edge_color);
-      e.setAttrByPath('line/strokeWidth', 1);
+      e.setAttrByPath('line/strokeWidth', edge_width);
     });
   };
   /**
@@ -544,6 +558,7 @@ export const useWorkflowGraph = ({
     clearNodeSelect();
     clearEdgeSelect();
     graphRef.current?.cleanSelection();
+    setSelectedNode(null);
   };
   /**
    * Handle canvas scale/zoom event
@@ -702,6 +717,28 @@ export const useWorkflowGraph = ({
     }
     return false;
   };
+  const nodePortClickEvent = ({ e, node, port }: { e: MouseEvent, node: Node, port: string }) => {
+    e.stopPropagation();
+    const portElement = e.target as HTMLElement;
+    const rect = portElement.getBoundingClientRect();
+
+    // Create temporary popover trigger element
+    const tempDiv = document.createElement('div');
+    tempDiv.style.position = 'fixed';
+    tempDiv.style.left = rect.left + 'px';
+    tempDiv.style.top = rect.top + 'px';
+    tempDiv.style.width = '1px';
+    tempDiv.style.height = '1px';
+    tempDiv.style.zIndex = '9999';
+    document.body.appendChild(tempDiv);
+
+    // Trigger custom event to show node selection popover
+    const customEvent = new CustomEvent('port:click', {
+      detail: { node, port, element: tempDiv, rect }
+    });
+    window.dispatchEvent(customEvent);
+    clearNodeSelect();
+  }
 
   /**
    * Handle window resize event
@@ -787,16 +824,12 @@ export const useWorkflowGraph = ({
           
           // Node cannot connect to itself
           if (sourceCell?.id === targetCell?.id) return false;
-          
-          const sourceType = sourceCell?.getData()?.type;
+
           const targetType = targetCell?.getData()?.type;
           
           // Start node cannot be connection target
           if (targetType === 'start') return false;
           
-          // End node cannot be connection source
-          if (sourceType === 'end') return false;
-          
           // Get source node and target node parent IDs
           const sourceParentId = sourceCell?.getData()?.cycle;
           const targetParentId = targetCell?.getData()?.cycle;
@@ -852,7 +885,7 @@ export const useWorkflowGraph = ({
     graphRef.current.on('edge:mouseleave', ({ edge }: { edge: Edge }) => {
       if (edge.getAttrByPath('line/stroke') !== edge_selected_color) {
         edge.setAttrByPath('line/stroke', edge_color);
-        edge.setAttrByPath('line/strokeWidth', 1);
+        edge.setAttrByPath('line/strokeWidth', edge_width);
       }
     });
     // Listen to node selection event
@@ -860,33 +893,14 @@ export const useWorkflowGraph = ({
     // Listen to edge selection event
     graphRef.current.on('edge:click', edgeClick);
     // Listen to port click event
-    graphRef.current.on('node:port:click', ({ e, node, port }: { e: MouseEvent, node: Node, port: string }) => {
-      e.stopPropagation();
-      const portElement = e.target as HTMLElement;
-      const rect = portElement.getBoundingClientRect();
-      
-      // Create temporary popover trigger element
-      const tempDiv = document.createElement('div');
-      tempDiv.style.position = 'fixed';
-      tempDiv.style.left = rect.left + 'px';
-      tempDiv.style.top = rect.top + 'px';
-      tempDiv.style.width = '1px';
-      tempDiv.style.height = '1px';
-      tempDiv.style.zIndex = '9999';
-      document.body.appendChild(tempDiv);
-      
-      // Trigger custom event to show node selection popover
-      const customEvent = new CustomEvent('port:click', {
-        detail: { node, port, element: tempDiv, rect }
-      });
-      window.dispatchEvent(customEvent);
-    });
+    graphRef.current.on('node:port:click', nodePortClickEvent);
     // Listen to canvas click event, cancel selection
     graphRef.current.on('blank:click', blankClick);
     // Listen to zoom event
     graphRef.current.on('scale', scaleEvent);
     // Listen to node move event
     graphRef.current.on('node:moved', nodeMoved);
+    graphRef.current.on('node:removed', blankClick)
     // Listen to copy keyboard event
     graphRef.current.bindKey(['ctrl+c', 'cmd+c'], copyEvent);
     // Listen to paste keyboard event
@@ -956,7 +970,7 @@ export const useWorkflowGraph = ({
       name: t(`workflow.${dragData.type}`),
       ...nodeLibraryConfig
     };
-    
+
     if (dragData.type === 'loop' || dragData.type === 'iteration') {
       graphRef.current.addNode({
         ...graphNodeLibrary[dragData.type],
@@ -1005,6 +1019,7 @@ export const useWorkflowGraph = ({
 
       const params = {
         ...config,
+        features: featuresRef.current,
         variables: chatVariables.map(v => {
           const { defaultValue, ...cleanV } = v
           return {
@@ -1162,7 +1177,7 @@ export const useWorkflowGraph = ({
       saveWorkflowConfig(config.app_id, params as WorkflowConfig)
       .then((res) => {
         if (flag) {
-          message.success(t('common.saveSuccess'))
+          message.success({ content: t('common.saveSuccess'), duration: 1 })
         }
         resolve(res)
       }).catch(error => {
@@ -1197,7 +1212,8 @@ export const useWorkflowGraph = ({
     });
   }
   const handleSaveFeaturesConfig = (value?: FeaturesConfigForm) => {
-    setConfig(prev => prev ? { ...prev, features: value } as WorkflowConfig : prev)
+    featuresRef.current = value
+    onFeaturesLoad?.(value)
   }
 
   return {
@@ -1219,6 +1235,7 @@ export const useWorkflowGraph = ({
     chatVariables,
     setChatVariables,
     handleAddNotes,
-    handleSaveFeaturesConfig
+    handleSaveFeaturesConfig,
+    features: featuresRef.current,
   };
 };
diff --git a/web/src/views/Workflow/index.tsx b/web/src/views/Workflow/index.tsx
index 752ae0d3..b698e857 100644
--- a/web/src/views/Workflow/index.tsx
+++ b/web/src/views/Workflow/index.tsx
@@ -9,7 +9,6 @@ import { useWorkflowGraph } from './hooks/useWorkflowGraph';
 import type { WorkflowRef, FeaturesConfigForm } from '@/views/ApplicationConfig/types'
 import Chat from './components/Chat/Chat';
 import type { ChatRef, AddChatVariableRef } from './types'
-import arrowIcon from '@/assets/images/workflow/arrow.png'
 import AddChatVariable from './components/AddChatVariable';
 
 const Workflow = forwardRef<WorkflowRef, { onFeaturesLoad?: (features: FeaturesConfigForm | undefined) => void }>(({ onFeaturesLoad }, ref) => {
@@ -23,7 +22,6 @@ const Workflow = forwardRef<WorkflowRef, { onFeaturesLoad?: (features: FeaturesC
     config,
     graphRef,
     selectedNode,
-    setSelectedNode,
     zoomLevel,
     isHandMode,
     setIsHandMode,
@@ -36,7 +34,8 @@ const Workflow = forwardRef<WorkflowRef, { onFeaturesLoad?: (features: FeaturesC
     chatVariables,
     setChatVariables,
     handleAddNotes,
-    handleSaveFeaturesConfig
+    handleSaveFeaturesConfig,
+    features
   } = useWorkflowGraph({ containerRef, miniMapRef, onFeaturesLoad });
 
   const onDragOver = (event: React.DragEvent) => {
@@ -57,35 +56,26 @@ const Workflow = forwardRef<WorkflowRef, { onFeaturesLoad?: (features: FeaturesC
     handleRun,
     graphRef,
     addVariable,
+    chatVariables,
     config,
-    features: config?.features,
+    features: features,
     handleSaveFeaturesConfig
   }))
   return (
-    <div className="rb:h-[calc(100vh-64px)] rb:relative">
+    <div className="rb:h-full rb:relative">
       {/* 左侧节点面板 */}
-      {!collapsed  && <NodeLibrary />}
-      <img 
-        src={arrowIcon} 
-        className={clsx('rb:cursor-pointer rb:w-5 rb:h-10 rb:absolute rb:top-[50%] rb:z-100', {
-          'rb:left-0 rb:rotate-180': collapsed,
-          'rb:left-80': !collapsed
-        })} 
-        onClick={handleToggle}
-      />
+      <NodeLibrary collapsed={collapsed} handleToggle={handleToggle} />
       
       {/* 右侧画布区域 */}
       <div 
-        className={clsx(`rb:fixed rb:top-16 rb:bottom-0 rb:right-75 rb:flex-1 rb:border-x rb:border-[#DFE4ED] rb:transition-all`, {
-          'rb:left-80': !collapsed,
-          'rb:left-0': collapsed
-        })}
+        className={clsx(`rb:fixed rb:top-18.5 rb:bottom-2.5 rb:left-0 rb:right-0 rb:transition-all`)}
         onDrop={onDrop}
         onDragOver={onDragOver}
       >
         <div ref={containerRef} className="rb:w-full rb:h-full" />
         {/* 地图工具栏 */}
         <CanvasToolbar
+          selectedNode={selectedNode}
           miniMapRef={miniMapRef}
           graphRef={graphRef}
           isHandMode={isHandMode}
@@ -96,20 +86,22 @@ const Workflow = forwardRef<WorkflowRef, { onFeaturesLoad?: (features: FeaturesC
       </div>
       
       {/* 右侧属性面板 */}
-      <Properties 
-        selectedNode={selectedNode} 
-        setSelectedNode={setSelectedNode}
-        graphRef={graphRef}
-        blankClick={blankClick}
-        deleteEvent={deleteEvent}
-        copyEvent={copyEvent}
-        parseEvent={parseEvent}
-        config={config}
-        chatVariables={chatVariables}
-      />
+      {selectedNode &&
+        <Properties 
+          selectedNode={selectedNode}
+          graphRef={graphRef}
+          blankClick={blankClick}
+          deleteEvent={deleteEvent}
+          copyEvent={copyEvent}
+          parseEvent={parseEvent}
+          config={config}
+          chatVariables={chatVariables}
+        />
+      }
       <Chat
         ref={chatRef}
         data={config}
+        features={features}
         graphRef={graphRef}
         appId={config?.app_id as string}
       />
diff --git a/web/src/views/Workflow/utils.ts b/web/src/views/Workflow/utils.ts
new file mode 100644
index 00000000..67a913f3
--- /dev/null
+++ b/web/src/views/Workflow/utils.ts
@@ -0,0 +1,90 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-03-24 15:07:49 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-03-24 15:07:49 
+ */
+
+import { portItemArgsY, conditionNodePortItemArgsY, conditionNodeHeight } from './constant'
+
+/**
+ * Calculate the total height of a condition (if-else) node based on its cases.
+ *
+ * The height is composed of:
+ * - `conditionNodeHeight`: the base height of the node (header + padding).
+ * - `(cases.length - 1) * 26`: vertical spacing added for each additional case
+ *   beyond the first (each case separator row is 26px).
+ * - `exprCount * 20`: each individual expression row occupies 20px.
+ * - `hasMultiExprCount * 3`: a small extra padding (3px per expression) is added
+ *   for cases that contain more than one expression, to account for the logical
+ *   operator indicator (AND/OR) between expressions.
+ *
+ * @param cases - Array of case objects, each containing an `expressions` array.
+ * @returns The total pixel height for the condition node.
+ */
+export const calcConditionNodeTotalHeight = (cases: any[]) => {
+  // Total number of expressions across all cases
+  const exprCount = cases.reduce((acc: number, c: any) => acc + (c?.expressions?.length || 0), 0);
+  // Sum of expression counts only for cases that have more than one expression
+  const hasMultiExprCount = cases.reduce((acc: number, c: any) => acc + (c?.expressions?.length > 1 ? c?.expressions?.length : 0), 0);
+
+  return conditionNodeHeight + (cases.length - 1) * 26 + exprCount * 20 + hasMultiExprCount * 3;
+};
+
+/**
+ * Calculate the Y-coordinate of the right-side output port for a specific case
+ * in a condition (if-else) node.
+ *
+ * The port position is determined by iterating through all preceding cases
+ * (index 0 to caseIndex - 1) and accumulating their visual heights. Several
+ * pixel-level corrections are applied to align ports with the rendered UI:
+ *
+ * 1. **Base offset**: starts at `conditionNodePortItemArgsY`, which is the Y
+ *    position of the first case port relative to the node top.
+ *
+ * 2. **Per-case accumulation**: for each preceding case with `n` expressions,
+ *    add `portItemArgsY * (n + 1)` — this accounts for `n` expression rows
+ *    plus one case header/separator row.
+ *
+ * 3. **Single-expression correction**: cases with exactly 1 expression render
+ *    slightly shorter than the generic formula predicts. Subtract
+ *    `singleExprCount * 7 + 2` to compensate for the reduced row height when
+ *    no logical operator row is shown.
+ *
+ * 4. **Multi-expression correction**: cases with 2+ expressions have a compact
+ *    logical operator row. Subtract `multiExprCount * 9` to offset the
+ *    over-estimated spacing.
+ *
+ * 5. **Extra expression correction**: for cases with more than 2 expressions,
+ *    each additional expression beyond the second introduces a minor spacing
+ *    discrepancy. Subtract `(extraExprs + 1) * 2` to fine-tune alignment.
+ *
+ * @param cases - Array of case objects, each containing an `expressions` array.
+ * @param caseIndex - The zero-based index of the target case whose port Y is needed.
+ * @returns The Y-coordinate (in pixels) for the output port of the given case.
+ */
+export const getConditionNodeCasePortY = (cases: any[], caseIndex: number) => {
+  let y = conditionNodePortItemArgsY;
+  let singleExprCount = 0;
+  let multiExprCount = 0;
+  let extraExprs = 0;
+
+  for (let i = 0; i < caseIndex; i++) {
+    const n = cases[i]?.expressions?.length || 0;
+    y += portItemArgsY * (n + 1);
+    if (n === 1) singleExprCount++;
+    else if (n >= 2) {
+      multiExprCount++;
+      if (n > 2) extraExprs += n - 2;
+    }
+  }
+
+  // Correction for single-expression cases (slightly shorter rendered height)
+  if (singleExprCount > 0) y -= singleExprCount * 7 + 2;
+  // Correction for multi-expression cases (compact logical operator row)
+  y -= multiExprCount * 9;
+  // Correction for cases with more than 2 expressions (minor spacing drift)
+  if (extraExprs > 0) y -= (extraExprs + 1) * 2;
+
+  return y;
+};
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 6954829b..acd0a4d5 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -10,33 +10,33 @@ export default {
     extend: {
       colors: {
         gray: {
-          50: '#F7F7F7',
-          100: '#F5F7FC',
+          50: '#FAFAFA',
+          100: '#F7F7F7',
           200: '#EBEBEB',
           300: '#d0d5dd',
-          350: '#939AB1',
           400: '#A8A9AA',
           500: '#667085',
           700: '#475467',
           600: '#5B6167',
           800: '#212332',
-          900: '#101828',
+          900: '#171719',
         },
         primary: {
-          600: '#155eef',
+          600: '#171719', // default
         },
         red:{
           500: '#FF5D34'
         },
         blue: {
-          500: '#E1EFFE',
+          500: '#155EEF', // default
         },
         green: {
           50: '#F3FAF7',
           100: '#DEF7EC',
-          600: '#369F21',
+          600: '#369F21', // default
           800: '#03543F',
         },
+        
       },
       boxShadow: {
         'xs': '0px 4px 6px 0px rgba(0, 0, 0, 0.06)',